Comparing version 1.1.6 to 1.1.7
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>; | ||
} |
{ | ||
"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 @@  | ||
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> | ||
Major refactor
Supply chain riskPackage has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.
Found 1 instance in 1 package
Major refactor
Supply chain riskPackage has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.
Found 1 instance in 1 package
Minified code
QualityThis package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.
Found 1 instance in 1 package
1
41026
15
250
+ Added@angular/common@16.2.12(transitive)
+ Added@angular/core@16.2.12(transitive)
+ Addedrxjs@7.8.2(transitive)
+ Addedzone.js@0.13.3(transitive)
- Removed@angular/common@10.0.14(transitive)
- Removed@angular/core@10.0.14(transitive)
- Removedrxjs@6.6.7(transitive)
- Removedtslib@1.14.1(transitive)
- Removedzone.js@0.10.3(transitive)
Updatedtslib@^2.6.2