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.6 to 1.1.7

drag-me-1.1.7.tgz

3

lib/Directive/dragger.directive.d.ts
import { ElementRef, OnInit, EventEmitter } from '@angular/core';
import * as i0 from "@angular/core";
export declare class DraggerDirective implements OnInit {

@@ -9,2 +10,4 @@ private elementRef;

ngOnInit(): void;
static ɵfac: i0.ɵɵFactoryDeclaration<DraggerDirective, never>;
static ɵdir: i0.ɵɵDirectiveDeclaration<DraggerDirective, "[dragMe]", never, { "dragdata": { "alias": "dragdata"; "required": false; }; }, { "ondrop": "ondrop"; "dragStart": "dragStart"; }, never, never, false, never>;
}
import { OnInit, EventEmitter, ElementRef } from '@angular/core';
import * as i0 from "@angular/core";
export declare class DropperDirective implements OnInit {

@@ -7,2 +8,4 @@ private elementRef;

ngOnInit(): void;
static ɵfac: i0.ɵɵFactoryDeclaration<DropperDirective, never>;
static ɵdir: i0.ɵɵDirectiveDeclaration<DropperDirective, "[dropHere]", never, {}, { "dropped": "dropped"; }, never, never, false, never>;
}

@@ -0,2 +1,8 @@

import * as i0 from "@angular/core";
import * as i1 from "./Directive/dragger.directive";
import * as i2 from "./Directive/dropper.directive";
export declare class DragMeModule {
static ɵfac: i0.ɵɵFactoryDeclaration<DragMeModule, never>;
static ɵmod: i0.ɵɵNgModuleDeclaration<DragMeModule, [typeof i1.DraggerDirective, typeof i2.DropperDirective], never, [typeof i1.DraggerDirective, typeof i2.DropperDirective]>;
static ɵinj: i0.ɵɵInjectorDeclaration<DragMeModule>;
}

30

package.json
{
"name": "drag-me",
"version": "1.1.6",
"version": "1.1.7",
"description": " Custom Drag and drop using angular",

@@ -17,16 +17,22 @@ "keywords": [

"peerDependencies": {
"@angular/common": "~10.0.14",
"@angular/core": "~10.0.14"
"@angular/common": "^16.2.12",
"@angular/core": "^16.2.12"
},
"dependencies": {
"tslib": "^2.0.0"
"tslib": "^2.6.2"
},
"main": "bundles/drag-me.umd.js",
"module": "fesm2015/drag-me.js",
"es2015": "fesm2015/drag-me.js",
"esm2015": "esm2015/drag-me.js",
"fesm2015": "fesm2015/drag-me.js",
"typings": "drag-me.d.ts",
"metadata": "drag-me.metadata.json",
"module": "fesm2022/drag-me.mjs",
"typings": "index.d.ts",
"exports": {
"./package.json": {
"default": "./package.json"
},
".": {
"types": "./index.d.ts",
"esm2022": "./esm2022/drag-me.mjs",
"esm": "./esm2022/drag-me.mjs",
"default": "./fesm2022/drag-me.mjs"
}
},
"sideEffects": false
}
}

@@ -1,4 +0,3 @@

export * from './lib/drag-me.service';
export * from './lib/Directive/dragger.directive';
export * from './lib/Directive/dropper.directive';
export * from './lib/drag-me.module';
# drag-me
A a custom drag and drop module for angular.
#### Features
#### 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
- custom callbacks for `drag-start`, `drag-end`, `drop` events
- Pass data in Dragging element
- custom styling

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

Angular compatibility
| Angular Version | package version |
| Angular Version | package version |
| -------------------------------- | :-------------: |
| angular 8 and below | 1.1.5 and below |
| 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 |
## 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';`
- Add to imports array in app module
- 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';`
- Add to imports array in app module
```js
imports: [
BrowserModule,
StorageModule
],
```
```js
imports: [
BrowserModule,
StorageModule
],
```
- Add `dragMe` Directive to the element to drag
```html
<div dragMe [dragdata]="item" (ondrop)="onDrop($event)"></div>
```
>NB:`[dragdata]` is the data to carry,`(ondrop)` is callback on drop
```html
<div dragMe [dragdata]="item" (ondrop)="onDrop($event)"></div>
```
> NB:`[dragdata]` is the data to carry,`(ondrop)` is callback on drop
- Add `dropHere` Directive to the Container to Drop
```html
<div dropHere (dropped)='onDrop($event)'></div>
```
```html
<div dropHere (dropped)="onDrop($event)"></div>
```
>NB:`(dropped)` is callback on drop
> NB:`(dropped)` is callback on drop

@@ -54,5 +58,5 @@ #### Adding style

- `dragStart()`
- `dropped()`
- `ondrop()`
- `dragStart()`
- `dropped()`
- `ondrop()`

@@ -65,6 +69,5 @@ ## Browsers support

## Built with 🔧
* Angular
- Angular

@@ -87,4 +90,1 @@ ## Developing 👷

</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