All notable changes to this project will be documented in this file. See standard-version for commit guidelines.
8.0.0 (2022-12-11)
- angular 15 or higher is now required to use this package
- upgrade to angular 15 (87c556b)
7.0.0 (2022-08-02)
- angular 14 or higher is now required to use this package
- upgrade to angular 14 (cc52856)
6.1.0 (2022-04-19)
6.0.1 (2022-04-12)
6.0.0 (2021-12-11)
- angular 12 or higher is now required to use this package
- publish package in ivy partial compilation mode (2c37cc9)
5.0.0 (2021-08-30)
- The
activeLongPressDrag
andlongPressConfig
inputs have been removed on themwlDraggableScrollContainer
directive.
To migrate use [touchStartLongPress]="{delay: 300, delta: 30}"
on the mwlDraggable
element instead.
- if you were using the UMD bundle @mattlewis92/dom-autoscroller will no longer be bundled inside it and you may need to adjust your system.js config accordingly
- angular 10 or higher is now required to use this package
- remove deprecated inputs on mwlDraggableScrollContainer directive (2766f33)
4.6.0 (2020-12-28)
4.5.6 (2020-10-22)
- prevent error on drag end (4a6bdbb)
4.5.5 (2020-10-20)
- ensure dragging output is never called unless dragging an item (1661d72)
4.5.4 (2020-09-12)
- upgrade dom auto scroller library to prevent commonjs warnings (3f079fe)
4.5.3 (2020-07-09)
4.5.2 (2020-07-09)
4.5.1 (2020-06-19)
4.5.0 (2020-06-17)
- allow auto scroll options to be configured (46892ac)
4.4.6 (2020-05-29)
- umd: use correct sourcemaps in umd bundle (30cfca3)
4.4.5 (2020-05-22)
- allow any angular version above 6 (2aff5f0)
4.4.4 (2020-04-19)
- always disable document scroll when dragging (7276cab)
4.4.3 (2020-04-19)
- disable text selection in safari (d044523)
4.4.2 (2020-04-19)
- only enable long press drag delay if inside a scrollable element (0a30e09)
- remove scroll glitch on touch devices when dragging (fe9bd5e)
4.4.0 (2020-04-18)
- allow setting drag start delay on touch devices (c9b28a5)
- disable text selection when dragging on ios safari (ca83a33)
4.3.12 (2020-04-12)
- remove need for server side rendering hacks (7c96113)
4.3.11 (2020-04-12)
- allow multiple dragActiveClass (60844ec)
- support multiple drag over and drag active classes (ad50f0e)
4.3.10 (2020-03-01)
4.3.9 (2020-03-01)
- only allow dragging when using a left click (d3eecde)
4.3.8 (2019-10-18)
4.3.7 (2019-10-11)
- revert change to ghost element positioning (e0128e5)
4.3.6 (2019-10-11)
4.3.5 (2019-10-08)
4.3.4 (2019-10-08)
4.3.3 (2019-10-07)
- allow angular 9 peer dependency (cb7cf2e)
4.3.2 (2019-06-26)
- restore compatibility with stackblitz (ee94dc5)
4.3.1 (2019-06-05)
- restore compatibility with angular universal (7fbaa2a)
4.3.0 (2019-04-21)
- expose ValidateDrag type (32f4ce3)
- expose css transform on validate drag function (3c5c5b9)
- support auto scrolling when dragging (78bdeb5)
4.2.0 (2019-03-17)
- expose ghost element and starting mouse position on ghost element created event (d233788), closes #81 #85
4.1.0 (2019-02-17)
- allow angular 8 peer dependency (f936805)
4.0.2 (2018-09-18)
- include readme and licence in npm (cfff617)
4.0.1 (2018-09-01)
4.0.0 (2018-08-29)
- account for the window being scrolled whilst dragging (566bf78)
- allow dragging the element inside a scrollable container (6e0a1a3), closes #25
- always remove global styles when clicking draggable elements (c428eed), closes #44
- append the ghost element to the body (4f23661)
- bump up z-index of element being dragged (9d0f754)
- don't fire drop events when the droppable element is scrolled out of the view (4c9224b)
- don't highlight text when dragging elements (67d3a5e), closes #28
- maintain old ghost element behaviour by default (cf1bc61)
- preserve original element styles after dragging (f36ed2d)
- remove automatic pointer-events:none on dragged element (bfe9bb4)
- remove margin on the ghost element (06396e6)
- remove the drag helper provider from the public api (48d4fe6)
- round snap grids so dragging from each side is even (fa8434b)
- set dimensions and z-index on ghost element (9b5a6b0)
- dragCursor: don't default the drag cursor to
move
(0a95ac7) - droppable: correctly account for scroll events when dragging elements (c5ef775), closes #23
- droppable: dont throw when immediately destroying the directive (dd3e89e)
- dragActiveClass: add class when dragging element (ee1d06c)
- dragCancel$: allow the drag to be cancelled (538f9b7), closes #30
- draggable: add option to show the original element while dragging (d010733)
- dragOverClass: add a class when an element is dragged over it (76852bc)
- droppable: add css class when any element is being dragged (5995f81)
- add a way of setting the scroll container if not the window (9831d36)
- ghostElementAppendTo: allow the ghost element parent to be customised (f51214e)
- ghostElementCreated: emit new event after the ghost element is created (22530b9)
- ghostElementTemplate: allow changing the ghost element contents (ecc96ec)
- expose interfaces for all events (c174023)
- remove the DragAndDropModule.forRoot method (5ae52a7)
- deregister scroll listener once drag complete (7e50d74)
- only recalculate the bounding rectangle once after scrolling (d72e16b)
- only recompute draggable position on window scroll (f6a5cde)
- The
DragAndDropModule.forRoot
method was removed. To migrate just import theDragAndDropModule
module directly - the drag helper provider is now no longer exported as part of the public api, just remove it from your code to migrate
- A cloned element is now created when the element is being dragged, and the dragged element is set to be positioned fixed. This may break some apps in some edge cases.
- The
dragStart
$event.x
and$event.y
values were removed as these were always0
pointer-events:none
is no longer automatically applied to elements while they are being dragged. To migrate use thedragActiveClass
option and set this yourself with css- dragCursor: The drag cursor will no longer be set to
move
by default, to restore the behaviour setdragCursor="move"
or use CSS on the draggable elements to change the cursor
3.0.1 (2018-06-05)
3.0.0 (2018-05-09)
- angular 6 and rxjs 6 or higher are now required to use this package
2.0.0 (2017-12-26)
- upgrade to angular 5 (4159ce2)
- use lettable rxjs operators (9fca12a)
- use ng-packagr for building the package (57dd436)
- dragPointerDown: add a new output to repliate the old dragStart behaviour (4a58c61)
- The UMD module path has changed from
angular-draggable-droppable/dist/umd/angular-draggable-droppable.js
toangular-draggable-droppable/bundles/angular-draggable-droppable.umd.js
. System.js users will need to update their config. - rxjs operators will now no longer be added to the observable prototype. Also rxjs
= 5.5.x or higher is required
- Angular 5 or higher is now required to use this package
- drag start and end events are now only called when the element is actually dragged, use regular mousedown and mouseup events to get the old behaviour
1.1.1 (2017-10-21)
- allow angular 5 peer dependency (1265bee)
1.1.0 (2017-09-22)
- draggable: allow the draggable cursor to be customised (897b3fe)
1.0.2 (2017-09-18)
1.0.1 (2017-04-14)
- draggable: prevent text from being highlighted in firefox (7d859c1)
1.0.0 (2017-03-24)
- ng4: upgrade to angular 4 (42631bc)
- ng4: angular 4.0 or higher is now required to use this library. The upgrade should be seamless for most users
0.6.0 (2017-03-23)
- draggable: make dragging work on touch devices (dc0f863)
0.5.4 (2017-03-04)
- draggable: lazily create all mouse event listeners (3c99d40)
0.5.3 (2017-03-04)
- move dependencies to dev (17a2ccc)
0.5.2 (2017-03-04)
- loosen peer dependency to allow angular 4 (bcc9080)
- draggable: lazily create the mouse move listener (bebd925)
- run all event listeners outside of angulars zone (d7c9256)
0.5.1 (2017-01-06)
- draggable: allow draggable events to be clicked (44ea67e)
0.5.0 (2016-12-21)
- dragAndDropModule: add forRoot method (00f6989)
- dragAndDropModule: You must now import the DragAndDropModule with the forRoot method
0.4.0 (2016-12-18)
- draggable: remove the dragContainer option (5aca67d)
- draggable: the dragContainer option has been removed as it didn't work in all cases and can be
implemented yourself with the validateDrag option
0.3.1 (2016-12-18)
- draggable: make the dragEnd output respect the validateDrag input (26cfa7e)
0.3.0 (2016-12-12)
0.2.3 (2016-12-11)
- draggable: allow events to be dragged back into their original positions (7831903)
0.2.2 (2016-12-11)
- draggable: only emit the dragEnd event once (52e9a22)
0.2.1 (2016-12-10)
- revert duplicate dragging fix as it caused worse errors (7476301)
0.2.0 (2016-12-10)
- completely remove applied styled after dragging (3445337)
- draggable: dont fire duplicate dragging events with the same coordinates (222914b), closes #6
- draggable: when dragging is disabled, no drag events should be emitted (729f24e)
- droppable: only allow dropping of events when the cursor is inside (652d632), closes #5
- draggable: auto change the cursor to the move icon on hover (50d1962), closes #9
- snapGrid: rename to dragSnapGrid (a77d07a), closes #7
- validateDrag: add the validate drag input (9e5ac95), closes #8
- droppable: the drag enter, leave and drop events will not fire until cursor is inside the droppable element. This is to mimic how native drag and drop works
- snapGrid: The snapGrid input has been renamed to dragSnapGrid
0.1.1 (2016-12-09)
- draggable: disable pointer events on the element when dragging (f29b424)
- draggable: dispose of observables when the component is destroyed (710c7f7)
- prevent the default move move interaction on dragging (d2fdcde)
- dragAxix: allow the drag axis to be locked to just x and y (38fd4b5), closes #2
- draggable: add mwlDraggable directive (c6771eb)
- droppable: add the mwlDroppable directive (6016f12), closes #1
- ghostDragEnabled: add option to disable the ghost dragging effect (709327c), closes #3
- snapGrid: implement draggable snap grids (16a3df8), closes #4