New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More
Socket
Sign inDemoInstall
Socket

drag-me

Package Overview
Dependencies
Maintainers
1
Versions
8
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

drag-me - npm Package Compare versions

Comparing version 1.1.7 to 1.1.8

drag-me-1.1.8.tgz

15

package.json
{
"name": "drag-me",
"version": "1.1.7",
"description": " Custom Drag and drop using angular",
"version": "1.1.8",
"description": "drag and drop module for angular",
"keywords": [
"Angular drag and drop",
"Library",
"Drag",
"Drop",
"Drag and drop"
"angular drag and drop",
"drag",
"drop",
"drag and drop",
"ng drag and drop",
"ng drag"
],

@@ -12,0 +13,0 @@ "repository": {

@@ -1,11 +0,11 @@

# drag-me
`drag-me` module provides you with a way to easily create drag-and-drop interfaces, with support for free dragging, sorting within a list, transferring items between lists, animations.
A a custom drag and drop module for angular.
Start by importing `DragMeModule` into the `NgModule` where you want to use drag-and-drop features. You can now add the `dragMe` directive to elements to make them draggable.draggable elements can be freely moved around the page. You can add `dropHere` directive to elements constrain where it may be dropped.
#### Features
- darg and drop any where in the dom
- custom callbacks for `drag-start`, `drag-end`, `drop` events
- Pass data in Dragging element
- custom styling
- darg and drop any where in the DOM Tree
- support callback for `drag-start`, `drag-end`, `drop` events
- Pass data in while draging element
- support for custom styling

@@ -18,9 +18,14 @@ ![grab-landing-page](https://github.com/edisonaugusthy/ng7-DragAndDrop/blob/master/tes.gif)

| angular 8 and below | 1.1.5 and below |
| angular 9 and above(ivy version) | 1.1.6 and above |
| angular 10+ | 1.1.7 |
| angular 10 and below| 1.1.6 and above |
| angular 10+ | 1.1.7 and above |
## Usage steps
- Run `npm i drag-me --save` in command prompt from root of your project folder
- Add import to App Module like this `import { DragMeModule } from 'drag-me';`
- Run `npm i drag-me --save` from root of your project folder
- import `DragMeModule` to App Module
```js
import { DragMeModule } from "drag-me";
```
- Add to imports array in app module

@@ -30,4 +35,3 @@

imports: [
BrowserModule,
StorageModule
DragMeModule
],

@@ -63,8 +67,2 @@ ```

## Browsers support
| [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt="IE / Edge" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>IE / Edge | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Firefox | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Chrome | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/vivaldi/vivaldi_48x48.png" alt="Vivaldi" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Vivaldi |
| --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| IE11, Edge | last 8 versions | last 8 versions | last 5 versions |
## Built with 🔧

@@ -86,5 +84,3 @@

<td align="center"><a href="https://github.com/edisonaugusthy"><img src="https://github.com/edisonaugusthy.png?size=100" width="100px;" alt="Edison"/><br /><sub><b>Edison Augusthy</b></sub></a><br /><a href="https://github.com/edisonaugusthy/ng7-DragAndDrop/commits?author=edisonaugusthy" title="Edison">💻</a></td>
</tr>
</table>
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc