@ng-dl/delayed-dragover NPM

Delayed Dragover Directive

Delay for dragover event and cross-device compatibility.

Demo

Installation

Install with NPM:

npm i @ng-dl/delayed-dragover

Usage

import { DelayedDragoverModule } from '@ng-dl/delayed-dragover';

@NgModule({
  ...,
  imports: [..., DelayedDragoverModule]
})
export class AppModule { }

Apply the directive:

<input dlDelayedDragover (dragoverDelayed)="onDragover()"/>

Properties:

Name	Description	Example
`@Input('dlDelayedDragover') class: string`	The class applied to the element	'drag-over'
`@Input('dlDragoverDelay') delay`	Delay in ms	1000
`@Input('dlDragoverDelayStep') delayStep`	Delay in addition to the dlDragoverDelay. Useful for letting the user change his mind before the default delay - i.e. hovering over paginator -> page number changes color -> page changes.	1000
`@Output() dragoverDelayed`	Emits after the delay
`@Output() preDragoverDelayed`	Emits before the dragoverDelayed if dlDragoverDelayStep in use