Infragistics Ignite UI for Angular Releases

• General
  • Removed Hammer.js dependency
    • The hammerjs and @types/hammerjs peer dependencies have been removed. All touch gesture support (Carousel swipe, Navigation Drawer pan/swipe, List Item pan, Time Picker vertical scroll, Grid Cell double-tap on iOS) is now implemented with native Pointer Events / Touch Events APIs.
    • HammerGesturesManager and related types (HammerInput, HammerStatic, HammerManager, HammerOptions) are no longer exported from igniteui-angular/core.
    • The ng add schematic no longer prompts for, or installs, hammerjs.
    • If your application imported hammerjs solely for Ignite UI components, you can safely remove it from your package.json dependencies, angular.json scripts/polyfills, and any import 'hammerjs' statements.
  • igxList
    • igx-list-item no longer tracks touch gestures when neither allowLeftPanning nor allowRightPanning is enabled, so pressing an item no longer captures the pointer or suppresses the touch scrolling of the list. When panning is enabled, the gestures are processed outside of the Angular zone, which keeps continuous touch dragging of large (virtualized) lists smooth.

• Angular 22 compatibility - All Ignite UI for Angular components are now fully compatible with Angular 22.
• Standalone component support - Components can now be used directly in standalone Angular applications without NgModule. New provide() functions (e.g. provideIgxCategoryChart()) let you register component feature sets through bootstrapApplication() providers, and imperative register() functions are available for DI-free setups.
• Per-component entry points for improved tree-shaking - Each package now exposes named subpath entry points (e.g. import 'igniteui-angular-charts/category-chart') that register only the feature set you need. The root package import remains fully side-effect-free and tree-shakeable, so you only pay for the components you use. For DataChart, graduated entry points such as data-chart-category, data-chart-scatter, and data-chart-financial let you pull in individual series families without bundling the entire chart.

• DataChart - An error is thrown when destroying chart with a data tooltip layer.

• Theming
  • Added derived themes for the Grid and related internal components. When a parent component theme is included, its internal controls now derive their tokens from the parent theme colors, keeping nested buttons, icons, inputs, dropdowns, checkboxes, scrollbars, chips, and other helper components visually aligned. The derived themes are introduces for the following components:
    • Grid
    • Excel Filtering
    • Grid Toolbar
    • Paginator
    • Column Actions
    • Query Builder and Advanced Filtering Dialog
    • The derived themes are applied through the existing component theme mixins, so no additional mixin call is required. To style the whole IgxGrid, provide the $background, $foreground, and $accent-color properties to grid-theme() and include the generated theme with tokens(). The $foreground property is optional; when omitted, it is derived automatically as a contrast color for the background. Internal components inherit derived tokens from the parent component theme.
  • Breaking Changes
    • IgxInputGroupComponent, IgxSelectComponent, IgxDatePickerComponent, IgxDateRangePickerComponent, IgxTimePickerComponent
    • The default type has changed from line to box. The ng update migration automatically adds type="line" to existing instances that do not already have an explicit type binding to preserve their appearance.
  • Behavioral Changes
    • IgxCarouselComponent
      • Changed the default tab order of the component; focus now flows starting with the active slide indicator, navigation buttons, or the first focusable element in the active slide, whichever is available.
  • General
    • Touch Gestures (HammerJS) (optional)
      • HammerModule, previously exported from @angular/platform-browser, is no longer available in Angular 22. Touch gesture support (Slider, Drag & Drop, Carousel swipe, Navigation Drawer) is optional.
    • IgxSelectComponent
      • The default positioning strategy has changed from the internal overlap strategy to AutoPositionStrategy. The dropdown now opens below (or above, if there is not enough space) the input element, consistent with other connected components.
    • Added IgxSelectOverlapPositionStrategy - a new publicly exported strategy that preserves the previous behavior of aligning the selected item's text over the input text.

IgxOverlayService

• IgxOverlayService.createAbsoluteOverlaySettings - Added a new overload accepting useContainerStrategy?: boolean as the second parameter. When true, uses ContainerPositionStrategy; otherwise defaults to GlobalPositionStrategy. The previous overload accepting outlet?: IgxOverlayOutletDirective | ElementRef is still supported but deprecated.

IgxSnackbarComponent, IgxToastComponent

• Added a new positioning input property. When set to container, the components is displayed inside its nearest positioned ancestor in place of the now deprecated outlet property.

IgxCombo, IgxSimpleCombo

• Introduced the selectionChanged event for both components. The event is not cancelable and is emitted after the selection is committed and the component state is updated.
• Added disableClear input that allows hiding the clear button even when items are selected. Defaults to false.

IgxOverlayService

• Deprecation - The outlet property in OverlaySettings, IgxOverlayOutletDirective, and igxToggleOutlet input on IgxToggleActionDirective are deprecated and will be removed in a future version. As overlay service now integrates the HTML Popover API and prefers rendering content in place / in the top layer, significantly reducing the need for outlet containers, new code should rely on the default in-place / top-layer rendering behavior instead of custom outlet containers.

AI-Assisted Development - Copilot Skill: Generate from Image Design

• Added a new igniteui-angular-generate-from-image-design Copilot Skill that teaches AI coding assistants/agents (e.g., GitHub Copilot, Cursor, Windsurf, Claude, JetBrains AI, etc.) how to implement Angular application views directly from design images (screenshots, mockups, wireframes).
• The skill provides a structured workflow covering image analysis, component discovery via MCP tools (list_components, get_doc), theme generation (create_palette, create_theme, create_component_theme), layout implementation, and visual refinement (set_size, set_spacing, set_roundness).
• Includes reference files:
  • Component Mapping - Maps common UI patterns (dashboards, charts, forms, navigation, data display, gauges) to the most appropriate Ignite UI for Angular component with key properties and decision rules.
  • Gotchas - Documents known pitfalls, component-specific constraints, and corrective patterns to help AI agents avoid common implementation mistakes.

AI-Assisted Development - Copilot Skills improvements

• igniteui-angular-grids skill - Added a new sizing.md reference covering grid and column width/height inputs, percentage and auto sizing modes, column sizing (minWidth, maxWidth, * star-sizing, auto-fit), and cell spacing/density control.
• igniteui-angular-components skill - Corrected Financial Chart (IgxFinancialChartComponent) documentation: updated chartType enum values to Auto, Candle, Line, Bar, Column to match the actual FinancialChartType API.
• igniteui-angular-theming skill - Minor cleanup to remove stale internal contributing reference.