@lunaeme/circe-click-outside
TypeScript icon, indicating that this package has built-in type declarations

0.3.2 • Public • Published

Circe :: Angular Click Outside Directive

Directive that emits event when clicking outside of the element where directive applies.

The $event emitted is undefined.

Compatibility

Angular >= v.8.2.10

Installation

Run npm install @lunaeme/circe-click-outside or

run yarn add @lunaeme/circe-click-outside.

Use

You need to import ClickOutsideModule into your module imports section.

Then use this way:

<div
  ccClickOutside
  (clickOutside)="clickOutsideActionMethod()">
  Some content...
</div>

Inputs

@Input() apply: boolean = true;

You can dcide through this boolean input if directive works or not.

DEFAULT: true

 

@Input() exceptions: Array<string> = [];

Array composed by external DOM id's that by clicking on them, the clickOutside event is not emitted.

DEFAULT: []

Outputs

@Output() clickOutside: EventEmitter<undefined> = new EventEmitter();

Emits event when clicking outside of the element where directive applies.

Repo

https://github.com/nulpas/circe/tree/master/projects/click-outside

Dependencies (1)

Dev Dependencies (0)

    Package Sidebar

    Install

    npm i @lunaeme/circe-click-outside

    Weekly Downloads

    2

    Version

    0.3.2

    License

    MIT

    Unpacked Size

    92 kB

    Total Files

    24

    Last publish

    Collaborators

    • lunaeme