angular-gridster2

Bug fixes

• fix setGridSize #326

Bug fixes

• fix Overlap function doesn't work #322

Breaking changes

• Upgrade to angular 6. You will need to have angular 6. #231
• build and publishing has been moved to angular-cli #231
• Typing for GridsterItem has been changed so that properties x, y, cols, rows are now required to be numbers. e.g. this.dashboard.push({x: 0, y: 0, cols: 1, rows: 1});
  If you add an item to a position already occupied it will auto position like before.

Bug fixes

• fix setGridSize bug on vertical scroll, horizontal scroll, and vertical fixed grids #313
• fix gridster-preview still showing after drag finished #317

Bug Fixes

• fix document "dragend" EventListeners never removed #311

Bug Fixes

• fix Bug auto placed items not displayed #310

Bug Fixes

• fix item placed even if it has no room #305

Features

• added itemValidateCallback on grid to be called inside checkColission #293
• add gridSizeChangedCallback to be called when grid changes size cols/rows #298
• add setGridSize sets grid size depending on content #292
• add source links on demo pages

Bug fixes

• fix not placed items count towards grid rows/cols #296

Bug Fixes

• fix Preview of element is still showing after element was dropped #288

Features

• feat Add flag to disable auto-position in case of conflicting items #289 Thanks @matpag

Features

• drag one item on top of another #221
  New draggable options:

dropOverItems: false, // enable drop items on top other item
dropOverItemsCallback: undefined // callback on drop over another item
    // Arguments: source, target, gridComponent

Bug Fixes

• fix outerMargins #286

Bug fixes

• fix argument type in gridsterRenderer
• fix ignoreMarginInRow, was not working after revert of cssGrid
• fix Remove item: Cannot read property 'hasAttribute' of null #279
• fixed merge function to work with getter/setter props #268

Features

• add new demo app #263
• Preview of element when added by drag&drop #254
• Execute DOM events(e.g drag and resize) outside Angular zones #212

Breaking changes

• items now are positioned with css transform: translate3d(10px, 10px, 0) this should improve performance.
• in mobile view/mode the items will have 25% of the height from available space. This can be overridden from css with selector gridster.mobile gridster-item

About CSS Grid Layout:
Did implement the CSS grid and was working very good as performance but the lack of transitions, IE11 support and some other minor issues forced me to abandon it for now and revert to make this release. https://github.com/tiberiuzuld/angular-gridster2/issues/272
The implementation is available in the cssGrid branch for those who want to take a look.

About Angular 6:
At first wanted to upgrade to angular 6 as soon as possible because of Ivy renderer since that is no longer be available in Angular 6 there is no point in forcing everyone to angular 6 with this release. Library will continue to work in Angular 5 and 6

Bug Fixes

• fix resize from corners bug made by the fix for #258 in 4.6.3

Bug Fixes

• Browser crash on reproducible setup on push #208 Thanks to @NoMercy235

Bug Fixes

• fix Compact leaves blank space left between widgets in random situations. #246

Features

• add Get coordinates for first/last available position #248 Thanks to @NoMercy235

Bug Fixes

• fix Issue with SVG elements in IE11 #258

Bug Fixes

• fix call to itemResizeCallback with old values #249

Migrate from v4.6.1

This is the last release for angular 4. Please migrate to angular 6

Bug Fixes

• fix Drag&Drop shadow at wrong position #234 thanks @BrummbQ

Bug Fixes

• fix GridsterPush doesn't work with collision detection #223

Features

• add Outer margin for each dimension #222

  outerMarginTop: null, // override outer margin for grid
  outerMarginRight: null, // override outer margin for grid
  outerMarginBottom: null, // override outer margin for grid
  outerMarginLeft: null, // override outer margin for grid