Skip to content

Release 22.0.0

Choose a tag to compare

@DuncanFaulkner DuncanFaulkner released this 20 Jul 21:17

Angular 22 release of @ngbracket/ngx-layout.

⚠ BREAKING CHANGES

  • Default* directives removed (#112) — replace each Default<X>Directive with <X>Directive (e.g. DefaultFlexDirectiveFlexDirective). The base directives have identical selectors and behavior, so only the import/symbol name changes.
  • fxLayoutGap now emits the CSS gap property on the container rather than margin on children, so the element must be a flex container (apply fxLayout) for the gap to take effect. The legacy " grid" suffix is still accepted but is now equivalent to a plain gap.

Features

  • breakpoints: add opt-in MATERIAL_BREAKPOINTS preset (#26, #111)
  • layout-gap: use CSS gap instead of child margins (#43, #110)
  • Upgrade to Angular 20, then Angular 22
  • Provider function for standalone components and SSR testing support

Bug Fixes

  • core: guard against undefined element.style during style flush (#57, #108)
  • layout-gap: use direction-independent CSS properties for fxLayoutGap (#95, #106)

See CHANGELOG.md for the full list.