Lynx

v2.0.0 — Phoenix

Breaking Changes

• Requires Angular 19+, RxJS 7+, zone.js 0.15+
• Replaced native HTML5 Drag & Drop API with mousedown/mousemove/mouseup — eliminates browser ghost image on drop
• [draggable] input now accepts boolean | 'true' | 'false' (was attribute-only)

New Features

• DroppableDirective — drop zone directive with three developer hooks:
  • (itemDropped) — emits a DropEvent with data, source/target elements, and coordinates
  • (dragEnter) — fires when a dragged element enters the zone
  • (dragLeave) — fires when it leaves
• DragDropService — singleton service coordinating drag state between directives
• [dragData] input on [draggable] — attach arbitrary data forwarded to the drop target
• DropEvent typed interface for drop payloads
• Standalone directive support (no NgModule required)
• GitHub Pages live demo at ajaysinghj8.github.io/angular-draggable

Internal

• Full Angular 19 rewrite using Renderer2, standalone APIs, and ng-packagr
• Jest test suite (22+ tests) covering drag lifecycle, drop targeting, enter/leave transitions
• npm workspaces for monorepo (library + example app)

Rat

v1.0.1

updated package info

Ng Draggable Directive

Changes

1. Update as per angular 2.4
2. modular strucuture
3. using @angular/compile-cli
4. Provide true/false value for draggable attribute