@libs-ui/components-click-outside 0.1.1-1

package/README.md

@@ -0,0 +1,3 @@
+# click-outside
+
+This library was generated with [Nx](https://nx.dev).

package/click-outside.directive.d.ts

@@ -0,0 +1,12 @@
+import { AfterViewInit, OnDestroy } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class LibsUiComponentsClickOutsideDirective implements AfterViewInit, OnDestroy {
+    private onDestroy;
+    readonly outOutside: import("@angular/core").OutputEmitterRef<Event>;
+    readonly outInSide: import("@angular/core").OutputEmitterRef<Event>;
+    private elementRef;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LibsUiComponentsClickOutsideDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<LibsUiComponentsClickOutsideDirective, "[LibsUiComponentsClickOutsideDirective]", never, {}, { "outOutside": "outOutside"; "outInSide": "outInSide"; }, never, never, true, never>;
+}

package/esm2022/click-outside.directive.mjs

@@ -0,0 +1,37 @@
+import { Directive, ElementRef, inject, output } from '@angular/core';
+import { fromEvent, Subject } from 'rxjs';
+import { takeUntil, tap } from 'rxjs/operators';
+import * as i0 from "@angular/core";
+export class LibsUiComponentsClickOutsideDirective {
+    onDestroy = new Subject();
+    outOutside = output();
+    outInSide = output();
+    elementRef = inject(ElementRef);
+    ngAfterViewInit() {
+        fromEvent(window, 'mousedown')
+            .pipe(tap((e) => e.stopPropagation()), takeUntil(this.onDestroy))
+            .subscribe((e) => {
+            const clickedInside = this.elementRef.nativeElement.contains(e.target);
+            if (clickedInside) {
+                this.outInSide.emit(e);
+                return;
+            }
+            this.outOutside.emit(e);
+        });
+    }
+    ngOnDestroy() {
+        this.onDestroy.next();
+        this.onDestroy.complete();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LibsUiComponentsClickOutsideDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: LibsUiComponentsClickOutsideDirective, isStandalone: true, selector: "[LibsUiComponentsClickOutsideDirective]", outputs: { outOutside: "outOutside", outInSide: "outInSide" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LibsUiComponentsClickOutsideDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    // eslint-disable-next-line @angular-eslint/directive-selector
+                    selector: '[LibsUiComponentsClickOutsideDirective]',
+                    standalone: true,
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2xpY2stb3V0c2lkZS5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzLXVpL2NvbXBvbmVudHMvY2xpY2stb3V0c2lkZS9zcmMvY2xpY2stb3V0c2lkZS5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFpQixTQUFTLEVBQUUsVUFBVSxFQUFFLE1BQU0sRUFBYSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDaEcsT0FBTyxFQUFFLFNBQVMsRUFBRSxPQUFPLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFDMUMsT0FBTyxFQUFFLFNBQVMsRUFBRSxHQUFHLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQzs7QUFPaEQsTUFBTSxPQUFPLHFDQUFxQztJQUN4QyxTQUFTLEdBQUcsSUFBSSxPQUFPLEVBQVEsQ0FBQztJQUUvQixVQUFVLEdBQUcsTUFBTSxFQUFTLENBQUM7SUFDN0IsU0FBUyxHQUFHLE1BQU0sRUFBUyxDQUFDO0lBRTdCLFVBQVUsR0FBRyxNQUFNLENBQUMsVUFBVSxDQUFDLENBQUM7SUFFeEMsZUFBZTtRQUNiLFNBQVMsQ0FBUSxNQUFNLEVBQUUsV0FBVyxDQUFDO2FBQ2xDLElBQUksQ0FDSCxHQUFHLENBQUMsQ0FBQyxDQUFRLEVBQUUsRUFBRSxDQUFDLENBQUMsQ0FBQyxlQUFlLEVBQUUsQ0FBQyxFQUN0QyxTQUFTLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUMxQjthQUNBLFNBQVMsQ0FBQyxDQUFDLENBQVEsRUFBRSxFQUFFO1lBQ3RCLE1BQU0sYUFBYSxHQUFHLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUM7WUFFdkUsSUFBSSxhQUFhLEVBQUUsQ0FBQztnQkFDbEIsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUM7Z0JBRXZCLE9BQU87WUFDVCxDQUFDO1lBQ0QsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFDMUIsQ0FBQyxDQUFDLENBQUM7SUFDUCxDQUFDO0lBRUQsV0FBVztRQUNULElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxFQUFFLENBQUM7UUFDdEIsSUFBSSxDQUFDLFNBQVMsQ0FBQyxRQUFRLEVBQUUsQ0FBQztJQUM1QixDQUFDO3dHQTdCVSxxQ0FBcUM7NEZBQXJDLHFDQUFxQzs7NEZBQXJDLHFDQUFxQztrQkFMakQsU0FBUzttQkFBQztvQkFDVCw4REFBOEQ7b0JBQzlELFFBQVEsRUFBRSx5Q0FBeUM7b0JBQ25ELFVBQVUsRUFBRSxJQUFJO2lCQUNqQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFmdGVyVmlld0luaXQsIERpcmVjdGl2ZSwgRWxlbWVudFJlZiwgaW5qZWN0LCBPbkRlc3Ryb3ksIG91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgZnJvbUV2ZW50LCBTdWJqZWN0IH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyB0YWtlVW50aWwsIHRhcCB9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcblxuQERpcmVjdGl2ZSh7XG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvZGlyZWN0aXZlLXNlbGVjdG9yXG4gIHNlbGVjdG9yOiAnW0xpYnNVaUNvbXBvbmVudHNDbGlja091dHNpZGVEaXJlY3RpdmVdJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbn0pXG5leHBvcnQgY2xhc3MgTGlic1VpQ29tcG9uZW50c0NsaWNrT3V0c2lkZURpcmVjdGl2ZSBpbXBsZW1lbnRzIEFmdGVyVmlld0luaXQsIE9uRGVzdHJveSB7XG4gIHByaXZhdGUgb25EZXN0cm95ID0gbmV3IFN1YmplY3Q8dm9pZD4oKTtcblxuICByZWFkb25seSBvdXRPdXRzaWRlID0gb3V0cHV0PEV2ZW50PigpO1xuICByZWFkb25seSBvdXRJblNpZGUgPSBvdXRwdXQ8RXZlbnQ+KCk7XG5cbiAgcHJpdmF0ZSBlbGVtZW50UmVmID0gaW5qZWN0KEVsZW1lbnRSZWYpO1xuXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpIHtcbiAgICBmcm9tRXZlbnQ8RXZlbnQ+KHdpbmRvdywgJ21vdXNlZG93bicpXG4gICAgICAucGlwZShcbiAgICAgICAgdGFwKChlOiBFdmVudCkgPT4gZS5zdG9wUHJvcGFnYXRpb24oKSksXG4gICAgICAgIHRha2VVbnRpbCh0aGlzLm9uRGVzdHJveSlcbiAgICAgIClcbiAgICAgIC5zdWJzY3JpYmUoKGU6IEV2ZW50KSA9PiB7XG4gICAgICAgIGNvbnN0IGNsaWNrZWRJbnNpZGUgPSB0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudC5jb250YWlucyhlLnRhcmdldCk7XG5cbiAgICAgICAgaWYgKGNsaWNrZWRJbnNpZGUpIHtcbiAgICAgICAgICB0aGlzLm91dEluU2lkZS5lbWl0KGUpO1xuXG4gICAgICAgICAgcmV0dXJuO1xuICAgICAgICB9XG4gICAgICAgIHRoaXMub3V0T3V0c2lkZS5lbWl0KGUpO1xuICAgICAgfSk7XG4gIH1cblxuICBuZ09uRGVzdHJveSgpOiB2b2lkIHtcbiAgICB0aGlzLm9uRGVzdHJveS5uZXh0KCk7XG4gICAgdGhpcy5vbkRlc3Ryb3kuY29tcGxldGUoKTtcbiAgfVxufVxuIl19

package/esm2022/index.mjs

@@ -0,0 +1,2 @@
+export * from './click-outside.directive';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzLXVpL2NvbXBvbmVudHMvY2xpY2stb3V0c2lkZS9zcmMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYywyQkFBMkIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vY2xpY2stb3V0c2lkZS5kaXJlY3RpdmUnO1xuIl19

package/esm2022/libs-ui-components-click-outside.mjs

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './index';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGlicy11aS1jb21wb25lbnRzLWNsaWNrLW91dHNpZGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzLXVpL2NvbXBvbmVudHMvY2xpY2stb3V0c2lkZS9zcmMvbGlicy11aS1jb21wb25lbnRzLWNsaWNrLW91dHNpZGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLFNBQVMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9pbmRleCc7XG4iXX0=

package/fesm2022/libs-ui-components-click-outside.mjs

@@ -0,0 +1,44 @@
+import * as i0 from '@angular/core';
+import { output, inject, ElementRef, Directive } from '@angular/core';
+import { Subject, fromEvent } from 'rxjs';
+import { tap, takeUntil } from 'rxjs/operators';
+
+class LibsUiComponentsClickOutsideDirective {
+    onDestroy = new Subject();
+    outOutside = output();
+    outInSide = output();
+    elementRef = inject(ElementRef);
+    ngAfterViewInit() {
+        fromEvent(window, 'mousedown')
+            .pipe(tap((e) => e.stopPropagation()), takeUntil(this.onDestroy))
+            .subscribe((e) => {
+            const clickedInside = this.elementRef.nativeElement.contains(e.target);
+            if (clickedInside) {
+                this.outInSide.emit(e);
+                return;
+            }
+            this.outOutside.emit(e);
+        });
+    }
+    ngOnDestroy() {
+        this.onDestroy.next();
+        this.onDestroy.complete();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LibsUiComponentsClickOutsideDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: LibsUiComponentsClickOutsideDirective, isStandalone: true, selector: "[LibsUiComponentsClickOutsideDirective]", outputs: { outOutside: "outOutside", outInSide: "outInSide" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LibsUiComponentsClickOutsideDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    // eslint-disable-next-line @angular-eslint/directive-selector
+                    selector: '[LibsUiComponentsClickOutsideDirective]',
+                    standalone: true,
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { LibsUiComponentsClickOutsideDirective };
+//# sourceMappingURL=libs-ui-components-click-outside.mjs.map

package/fesm2022/libs-ui-components-click-outside.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"libs-ui-components-click-outside.mjs","sources":["../../../../../libs-ui/components/click-outside/src/click-outside.directive.ts","../../../../../libs-ui/components/click-outside/src/libs-ui-components-click-outside.ts"],"sourcesContent":["import { AfterViewInit, Directive, ElementRef, inject, OnDestroy, output } from '@angular/core';\nimport { fromEvent, Subject } from 'rxjs';\nimport { takeUntil, tap } from 'rxjs/operators';\n\n@Directive({\n  // eslint-disable-next-line @angular-eslint/directive-selector\n  selector: '[LibsUiComponentsClickOutsideDirective]',\n  standalone: true,\n})\nexport class LibsUiComponentsClickOutsideDirective implements AfterViewInit, OnDestroy {\n  private onDestroy = new Subject<void>();\n\n  readonly outOutside = output<Event>();\n  readonly outInSide = output<Event>();\n\n  private elementRef = inject(ElementRef);\n\n  ngAfterViewInit() {\n    fromEvent<Event>(window, 'mousedown')\n      .pipe(\n        tap((e: Event) => e.stopPropagation()),\n        takeUntil(this.onDestroy)\n      )\n      .subscribe((e: Event) => {\n        const clickedInside = this.elementRef.nativeElement.contains(e.target);\n\n        if (clickedInside) {\n          this.outInSide.emit(e);\n\n          return;\n        }\n        this.outOutside.emit(e);\n      });\n  }\n\n  ngOnDestroy(): void {\n    this.onDestroy.next();\n    this.onDestroy.complete();\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;MASa,qCAAqC,CAAA;AACxC,IAAA,SAAS,GAAG,IAAI,OAAO,EAAQ;IAE9B,UAAU,GAAG,MAAM,EAAS;IAC5B,SAAS,GAAG,MAAM,EAAS;AAE5B,IAAA,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC;IAEvC,eAAe,GAAA;AACb,QAAA,SAAS,CAAQ,MAAM,EAAE,WAAW;aACjC,IAAI,CACH,GAAG,CAAC,CAAC,CAAQ,KAAK,CAAC,CAAC,eAAe,EAAE,CAAC,EACtC,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC;AAE1B,aAAA,SAAS,CAAC,CAAC,CAAQ,KAAI;AACtB,YAAA,MAAM,aAAa,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC;YAEtE,IAAI,aAAa,EAAE;AACjB,gBAAA,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC;gBAEtB;YACF;AACA,YAAA,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC;AACzB,QAAA,CAAC,CAAC;IACN;IAEA,WAAW,GAAA;AACT,QAAA,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE;AACrB,QAAA,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE;IAC3B;wGA7BW,qCAAqC,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAArC,qCAAqC,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,yCAAA,EAAA,OAAA,EAAA,EAAA,UAAA,EAAA,YAAA,EAAA,SAAA,EAAA,WAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;4FAArC,qCAAqC,EAAA,UAAA,EAAA,CAAA;kBALjD,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;;AAET,oBAAA,QAAQ,EAAE,yCAAyC;AACnD,oBAAA,UAAU,EAAE,IAAI;AACjB,iBAAA;;;ACRD;;AAEG;;;;"}

package/index.d.ts

@@ -0,0 +1 @@
+export * from './click-outside.directive';

package/package.json

@@ -0,0 +1,25 @@
+{
+  "name": "@libs-ui/components-click-outside",
+  "version": "0.1.1-1",
+  "peerDependencies": {
+    "@angular/core": ">=18.0.0",
+    "rxjs": "~7.8.0"
+  },
+  "sideEffects": false,
+  "module": "fesm2022/libs-ui-components-click-outside.mjs",
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "esm2022": "./esm2022/libs-ui-components-click-outside.mjs",
+      "esm": "./esm2022/libs-ui-components-click-outside.mjs",
+      "default": "./fesm2022/libs-ui-components-click-outside.mjs"
+    }
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  }
+}