21.0.0 (2025-11-29)

Support for Angular 21

These are the biggest changes done to the library in years. Thank you @ChargeIn for the help!
It was done to keep the library up to date with the trend that Angular is going into and to keep compatiblity with Angular for years to come. Hopefully these kind of changes are required again only once in some 5+ years.
Understand that changes on the application usages of the library are necessary to keep it working correctly.

Bug fixes

• fix: grid lines transition e455782
• fix: tests edb0c46

Improvements

• feat: enable ChangeDetectionStrategy.OnPush on all components b556b92
• refactor: change from @Input to signal input() for gridster options 60cce62
• feat: new api.calculateLayout() 60cce62
• feat: initCallback() has a new parameter gridsterApi
• refactor: improve gridster drag animations (#953) 669ec93 Thanks @ChargeIn
• refactor: demo app rename components to match the new angular styleguide 016139a
• refactor: change GridsterItem @input to signal input() fb914f7
• refactor: remove *.service suffix from files 207b5af
• refactor: component GridsterPreviewComponent renamed to GridsterPreview 207b5af
• refactor: remove *.interface from gridsterResizeEventType.ts 207b5af
• refactor: type GridsterItem renamed to GridsterItemConfig b18d68a
• refactor: component GridsterItemComponent renamed to GridsterItem b18d68a
• refactor: rename files GridsterItem, GridsterItemConfig and GridsterConfig b18d68a
• refactor: remove internal interface GridsterConfigS 5f7a4c4
• refactor: remove GridsterComponentInterface & GridsterItemComponentInterface 5f7a4c4
• refactor: convert remaining interfaces to types 5f7a4c4
• refactor: rename Gridster component to the newest angular guidelines 06b0062 Thanks @ChargeIn
• refactor: migrate @output to signal output() 0f91046
• refactor: change gridsterPreview.component.ts input to inject gridster 0f91046
• refactor: migrate to inject() from constructor inject 0f91046
• refactor: migrate to host from @HostBinding 0f91046
• chore: remove zone.js in demo app and add markForCheck in draggable. 0f91046
  Keeping NgZone.run and NgZone.runOutsideAngular for apps still using zone.js to keep the performance high
  https://angular.dev/guide/zoneless#remove-ngzoneonmicrotaskempty-ngzoneonunstable-ngzoneisstable-or-ngzoneonstable

Breaking changes

• gridster api is now available via initCallback or viewChild(Gridster).api 60cce62
• gridster.api.optionsChanged() was removed set a new object on input options when there is a change 60cce62
• removed updateOptions() from GridsterItem fb914f7
• removed GridsterModule 533b8a8
• rename of components and service classes according to Angular Styleguide 207b5af b18d68a 06b0062

20.2.4 (2025-11-22)

Bug fixes

• fix: item displayed at wrong position after no push resize (#944) #952 Thanks @ChargeIn
• fix: remove preview on item remove (#479, #516) #951 Thanks @ChargeIn

20.2.3 (2025-10-16)

Bug fixes

• fix issue with moving items when dirType: DirTypes.RTL #733 Thanks @shobeiry
• fix in RTL mode the most left column is not aligned with the grid #834 Thanks @shobeiry

20.2.2 (2025-08-11)

Bug fixes

• item resize when itemAspectRatio is used to enforce aspect ratio. Thanks @sebastianlop23

20.2.1 (2025-08-11)

Bug fixes

• item resize by the corners not always to correct dimension when itemAspectRatio was used

20.2.0 (2025-08-11)

Features

• add compactGrid compact type for iOS-style grid layout #942 Thanks @r-prem

Improvement

• enable smooth scrolling for scrollToNewItems #923

Bug fixes

• disable drag start when another is in progress #935

20.1.0 (2025-07-03)

Features

• implement Item Aspect Ratio as cols / rows e.g. 16/9, 4/3

Bug fixes

• Demo app fix input labels

20.0.0 (2025-06-16)

Support for Angular 20

19.0.0 (2024-12-01)

Support for Angular 19

18.0.0-z (2024-06-17)

Zoneless angular support #916 Thanks @banned007