@dotglitch/ngx-common 1.0.3 → 1.0.7

package/esm2020/public-api.mjs

@@ -1,6 +1,11 @@
 /*
  * Public API Surface of package
  */
+/**
+ ** Types
+ */
+export * from './types/menu';
+export * from './types/popup';
 /**
  ** Directives
  */
@@ -36,4 +41,4 @@ export * from './components/dynamic-html/dynamic-html.service';
 export * from './components/dynamic-html/dynamic-html.module';
 export * from './components/dynamic-html/dynamic-html.component';
 export * from './components/dynamic-html/types';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3BhY2thZ2VzL2NvbW1vbi9zcmMvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVIOztHQUVHO0FBQ0gsY0FBYyxnQ0FBZ0MsQ0FBQztBQUMvQyxjQUFjLDZCQUE2QixDQUFDO0FBRTVDOztHQUVHO0FBQ0gsY0FBYywwQkFBMEIsQ0FBQztBQUN6QyxjQUFjLDhCQUE4QixDQUFDO0FBQzdDLGNBQWMsNEJBQTRCLENBQUM7QUFDM0MsY0FBYywyQkFBMkIsQ0FBQztBQUMxQyxjQUFjLHlCQUF5QixDQUFDO0FBRXhDOztFQUVFO0FBQ0YsY0FBYywrQkFBK0IsQ0FBQztBQUM5QyxjQUFjLDJCQUEyQixDQUFDO0FBQzFDLGNBQWMsMEJBQTBCLENBQUM7QUFDekMsY0FBYyw2QkFBNkIsQ0FBQztBQUM1QyxvREFBb0Q7QUFFcEQ7O0VBRUU7QUFDRixjQUFjLDhDQUE4QyxDQUFDO0FBQzdELGNBQWMsNkNBQTZDLENBQUM7QUFDNUQsY0FBYyxnREFBZ0QsQ0FBQztBQUMvRCxjQUFjLGdDQUFnQyxDQUFDO0FBRS9DOztFQUVFO0FBQ0YsY0FBYyxnREFBZ0QsQ0FBQztBQUMvRCxjQUFjLCtDQUErQyxDQUFDO0FBQzlELGNBQWMsa0RBQWtELENBQUM7QUFDakUsY0FBYyxpQ0FBaUMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBQdWJsaWMgQVBJIFN1cmZhY2Ugb2YgcGFja2FnZVxuICovXG5cbi8qKlxuICoqIERpcmVjdGl2ZXNcbiAqL1xuZXhwb3J0ICogZnJvbSAnLi9kaXJlY3RpdmVzL3Rvb2x0aXAuZGlyZWN0aXZlJztcbmV4cG9ydCAqIGZyb20gJy4vZGlyZWN0aXZlcy9tZW51LmRpcmVjdGl2ZSc7XG5cbi8qKlxuICoqIFBpcGVzXG4gKi9cbmV4cG9ydCAqIGZyb20gJy4vcGlwZXMvaHRtbC1ieXBhc3MucGlwZSc7XG5leHBvcnQgKiBmcm9tICcuL3BpcGVzL3Jlc291cmNlLWJ5cGFzcy5waXBlJztcbmV4cG9ydCAqIGZyb20gJy4vcGlwZXMvc2NyaXB0LWJ5cGFzcy5waXBlJztcbmV4cG9ydCAqIGZyb20gJy4vcGlwZXMvc3R5bGUtYnlwYXNzLnBpcGUnO1xuZXhwb3J0ICogZnJvbSAnLi9waXBlcy91cmwtYnlwYXNzLnBpcGUnO1xuXG4vKipcbioqIFNlcnZpY2VzXG4qL1xuZXhwb3J0ICogZnJvbSAnLi9zZXJ2aWNlcy9kZXBlbmRlbmN5LnNlcnZpY2UnO1xuZXhwb3J0ICogZnJvbSAnLi9zZXJ2aWNlcy9kaWFsb2cuc2VydmljZSc7XG5leHBvcnQgKiBmcm9tICcuL3NlcnZpY2VzL2ZldGNoLnNlcnZpY2UnO1xuZXhwb3J0ICogZnJvbSAnLi9zZXJ2aWNlcy9rZXlib2FyZC5zZXJ2aWNlJztcbi8vIGV4cG9ydCAqIGZyb20gJy4vc2VydmljZXMvc2VydmljZXdvcmtlci5zZXJ2aWNlJztcblxuLyoqXG4qKiBMYXp5IGxvYWRlciBjb21wb25lbnQgJiBzZXJ2aWNlXG4qL1xuZXhwb3J0ICogZnJvbSAnLi9jb21wb25lbnRzL2xhenktbG9hZGVyL2xhenktbG9hZGVyLnNlcnZpY2UnO1xuZXhwb3J0ICogZnJvbSAnLi9jb21wb25lbnRzL2xhenktbG9hZGVyL2xhenktbG9hZGVyLm1vZHVsZSc7XG5leHBvcnQgKiBmcm9tICcuL2NvbXBvbmVudHMvbGF6eS1sb2FkZXIvbGF6eS1sb2FkZXIuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vY29tcG9uZW50cy9sYXp5LWxvYWRlci90eXBlcyc7XG5cbi8qKlxuKiogU2VydmljZXNcbiovXG5leHBvcnQgKiBmcm9tICcuL2NvbXBvbmVudHMvZHluYW1pYy1odG1sL2R5bmFtaWMtaHRtbC5zZXJ2aWNlJztcbmV4cG9ydCAqIGZyb20gJy4vY29tcG9uZW50cy9keW5hbWljLWh0bWwvZHluYW1pYy1odG1sLm1vZHVsZSc7XG5leHBvcnQgKiBmcm9tICcuL2NvbXBvbmVudHMvZHluYW1pYy1odG1sL2R5bmFtaWMtaHRtbC5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9jb21wb25lbnRzL2R5bmFtaWMtaHRtbC90eXBlcyc7XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3BhY2thZ2VzL2NvbW1vbi9zcmMvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVIOztHQUVHO0FBQ0gsY0FBYyxjQUFjLENBQUM7QUFDN0IsY0FBYyxlQUFlLENBQUM7QUFFOUI7O0dBRUc7QUFDSCxjQUFjLGdDQUFnQyxDQUFDO0FBQy9DLGNBQWMsNkJBQTZCLENBQUM7QUFFNUM7O0dBRUc7QUFDSCxjQUFjLDBCQUEwQixDQUFDO0FBQ3pDLGNBQWMsOEJBQThCLENBQUM7QUFDN0MsY0FBYyw0QkFBNEIsQ0FBQztBQUMzQyxjQUFjLDJCQUEyQixDQUFDO0FBQzFDLGNBQWMseUJBQXlCLENBQUM7QUFFeEM7O0VBRUU7QUFDRixjQUFjLCtCQUErQixDQUFDO0FBQzlDLGNBQWMsMkJBQTJCLENBQUM7QUFDMUMsY0FBYywwQkFBMEIsQ0FBQztBQUN6QyxjQUFjLDZCQUE2QixDQUFDO0FBQzVDLG9EQUFvRDtBQUVwRDs7RUFFRTtBQUNGLGNBQWMsOENBQThDLENBQUM7QUFDN0QsY0FBYyw2Q0FBNkMsQ0FBQztBQUM1RCxjQUFjLGdEQUFnRCxDQUFDO0FBQy9ELGNBQWMsZ0NBQWdDLENBQUM7QUFFL0M7O0VBRUU7QUFDRixjQUFjLGdEQUFnRCxDQUFDO0FBQy9ELGNBQWMsK0NBQStDLENBQUM7QUFDOUQsY0FBYyxrREFBa0QsQ0FBQztBQUNqRSxjQUFjLGlDQUFpQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIFB1YmxpYyBBUEkgU3VyZmFjZSBvZiBwYWNrYWdlXG4gKi9cblxuLyoqXG4gKiogVHlwZXNcbiAqL1xuZXhwb3J0ICogZnJvbSAnLi90eXBlcy9tZW51JztcbmV4cG9ydCAqIGZyb20gJy4vdHlwZXMvcG9wdXAnO1xuXG4vKipcbiAqKiBEaXJlY3RpdmVzXG4gKi9cbmV4cG9ydCAqIGZyb20gJy4vZGlyZWN0aXZlcy90b29sdGlwLmRpcmVjdGl2ZSc7XG5leHBvcnQgKiBmcm9tICcuL2RpcmVjdGl2ZXMvbWVudS5kaXJlY3RpdmUnO1xuXG4vKipcbiAqKiBQaXBlc1xuICovXG5leHBvcnQgKiBmcm9tICcuL3BpcGVzL2h0bWwtYnlwYXNzLnBpcGUnO1xuZXhwb3J0ICogZnJvbSAnLi9waXBlcy9yZXNvdXJjZS1ieXBhc3MucGlwZSc7XG5leHBvcnQgKiBmcm9tICcuL3BpcGVzL3NjcmlwdC1ieXBhc3MucGlwZSc7XG5leHBvcnQgKiBmcm9tICcuL3BpcGVzL3N0eWxlLWJ5cGFzcy5waXBlJztcbmV4cG9ydCAqIGZyb20gJy4vcGlwZXMvdXJsLWJ5cGFzcy5waXBlJztcblxuLyoqXG4qKiBTZXJ2aWNlc1xuKi9cbmV4cG9ydCAqIGZyb20gJy4vc2VydmljZXMvZGVwZW5kZW5jeS5zZXJ2aWNlJztcbmV4cG9ydCAqIGZyb20gJy4vc2VydmljZXMvZGlhbG9nLnNlcnZpY2UnO1xuZXhwb3J0ICogZnJvbSAnLi9zZXJ2aWNlcy9mZXRjaC5zZXJ2aWNlJztcbmV4cG9ydCAqIGZyb20gJy4vc2VydmljZXMva2V5Ym9hcmQuc2VydmljZSc7XG4vLyBleHBvcnQgKiBmcm9tICcuL3NlcnZpY2VzL3NlcnZpY2V3b3JrZXIuc2VydmljZSc7XG5cbi8qKlxuKiogTGF6eSBsb2FkZXIgY29tcG9uZW50ICYgc2VydmljZVxuKi9cbmV4cG9ydCAqIGZyb20gJy4vY29tcG9uZW50cy9sYXp5LWxvYWRlci9sYXp5LWxvYWRlci5zZXJ2aWNlJztcbmV4cG9ydCAqIGZyb20gJy4vY29tcG9uZW50cy9sYXp5LWxvYWRlci9sYXp5LWxvYWRlci5tb2R1bGUnO1xuZXhwb3J0ICogZnJvbSAnLi9jb21wb25lbnRzL2xhenktbG9hZGVyL2xhenktbG9hZGVyLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2NvbXBvbmVudHMvbGF6eS1sb2FkZXIvdHlwZXMnO1xuXG4vKipcbioqIFNlcnZpY2VzXG4qL1xuZXhwb3J0ICogZnJvbSAnLi9jb21wb25lbnRzL2R5bmFtaWMtaHRtbC9keW5hbWljLWh0bWwuc2VydmljZSc7XG5leHBvcnQgKiBmcm9tICcuL2NvbXBvbmVudHMvZHluYW1pYy1odG1sL2R5bmFtaWMtaHRtbC5tb2R1bGUnO1xuZXhwb3J0ICogZnJvbSAnLi9jb21wb25lbnRzL2R5bmFtaWMtaHRtbC9keW5hbWljLWh0bWwuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vY29tcG9uZW50cy9keW5hbWljLWh0bWwvdHlwZXMnO1xuIl19

package/esm2020/types/tooltip.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbHRpcC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3BhY2thZ2VzL2NvbW1vbi9zcmMvdHlwZXMvdG9vbHRpcC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgUG9wdXBPcHRpb25zIH0gZnJvbSAnLi9wb3B1cCc7XG5cbmV4cG9ydCB0eXBlIFRvb2x0aXBPcHRpb25zID0gUGFydGlhbDxQb3B1cE9wdGlvbnMgJiB7XG4gICAgLyoqXG4gICAgICogRHVyYXRpb24gaW4gbXMgZm9yIGhvdyBsb25nIHRoZSBtb3VzZVxuICAgICAqIG5lZWRzIHRvIGJlIG92ZXIgdGhlIGVsZW1lbnQgYmVmb3JlIHRoZVxuICAgICAqIHRvb2x0aXAgd2lsbCBiZSB2aXNpYmxlXG4gICAgICogRGVmYXVsdCBgMjUwYFxuICAgICAqL1xuICAgIGRlbGF5OiBudW1iZXIsXG5cbiAgICAvKipcbiAgICAgKiBBIGtleSB0aGUgdXNlciBjYW4gcHJlc3MgdG8ga2VlcCBhIHRvb2x0aXAgdmlzaWJsZS5cbiAgICAgKiBEZWZhdWx0IGBGMmBcbiAgICAgKi9cbiAgICBmcmVlemVPbktleUNvZGU6IHN0cmluZyxcbn0+O1xuIl19

package/fesm2015/dotglitch-ngx-common.mjs

@@ -177,6 +177,7 @@ class TooltipComponent {
         this.dialogRef = dialogRef;
         this.hasBootstrapped = false;
         this.pointerIsOnVoid = false;
+        this.isLockedOpen = false;
         this.coverRectCords = {
             top: 0,
             left: 0,
@@ -210,7 +211,7 @@ class TooltipComponent {
             this.hasBootstrapped = true;
             if (this.pointerIsOnVoid)
                 this.dialogRef.close();
-        }, 10);
+        }, 200);
     }
     /**
      * Close the tooltip if these actions occur
@@ -223,9 +224,13 @@ class TooltipComponent {
         var _a;
         (_a = this.dialogRef) === null || _a === void 0 ? void 0 : _a.close();
     }
+    closeOnVoid() {
+        console.log("fuck you");
+        this.dialogRef.close();
+    }
 }
 TooltipComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TooltipComponent, deps: [{ token: i0.ViewContainerRef }, { token: MAT_DIALOG_DATA, optional: true }, { token: i1.MatDialog, optional: true }, { token: i1.MatDialogRef, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-TooltipComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: TooltipComponent, isStandalone: true, selector: "ngx-tooltip", inputs: { data: "data", config: "config", ownerCords: "ownerCords", selfCords: "selfCords", template: "template" }, host: { listeners: { "window:resize": "onClose()", "window:blur": "onClose()", "pointerleave": "onPointerLeave()" } }, ngImport: i0, template: "<!-- Mouse event blocker for pointer leave -->\n<div\n    *ngIf=\"coverRectCords\"\n    class=\"owner-mask\"\n    [style.top]=\"coverRectCords.top + 'px'\"\n    [style.left]=\"coverRectCords.left + 'px'\"\n    [style.height]=\"coverRectCords.height + 'px'\"\n    [style.width]=\"coverRectCords.width + 'px'\"\n    style=\"z-index: -1;\"\n></div>\n\n<div class=\"void\"\n    (pointerenter)=\"pointerIsOnVoid = true; hasBootstrapped && dialogRef.close()\"\n    (pointerleave)=\"pointerIsOnVoid = false\"\n    (pointerdown)=\"hasBootstrapped && dialogRef.close()\"\n></div>\n\n<div class=\"container\">\n    <ng-container\n        *ngIf=\"isTemplate == false\"\n        [ngComponentOutlet]=\"$any(template)\"\n    >\n    </ng-container>\n\n    <ng-container\n        *ngIf=\"isTemplate == true\"\n    >\n        <ng-container\n            [ngTemplateOutlet]=\"$any(template)\"\n            [ngTemplateOutletContext]=\"{ '$implicit': data }\"\n        ></ng-container>\n    </ng-container>\n</div>\n", styles: ["::ng-deep .cdk-overlay-container .ngx-tooltip{--mdc-dialog-container-color: var(--ngx-tooltip-background-color, #2f2f2f)}::ng-deep .cdk-overlay-container .ngx-tooltip .mdc-dialog__container{transform-origin:top left}::ng-deep .cdk-overlay-container .ngx-tooltip .mdc-dialog--open .mdc-dialog__container{transform:none}::ng-deep .cdk-overlay-container .ngx-tooltip .mdc-dialog__surface{overflow:visible;background-color:#0000}::ng-deep .cdk-overlay-container .context-menu-backdrop.cdk-overlay-backdrop-showing{opacity:0}::ng-deep .cdk-overlay-pane.ngx-tooltip .mat-dialog-container{padding:0}:host{min-width:2px;min-height:2px;display:block}.void,.owner-mask{position:absolute}.void{top:-100vh;right:-100vw;bottom:-100vh;left:-100vw;z-index:-2}.container{width:100%;height:100%;background:var(--ngx-tooltip-background-color, #333);border-radius:6px;overflow:hidden}\n"], dependencies: [{ kind: "ngmodule", type: 
+TooltipComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: TooltipComponent, isStandalone: true, selector: "ngx-tooltip", inputs: { data: "data", config: "config", ownerCords: "ownerCords", selfCords: "selfCords", template: "template" }, host: { listeners: { "window:resize": "onClose()", "window:blur": "onClose()", "pointerleave": "onPointerLeave()" } }, ngImport: i0, template: "<!-- Mouse event blocker for pointer leave -->\n<div\n    *ngIf=\"coverRectCords\"\n    class=\"owner-mask\"\n    [style.top]=\"coverRectCords.top + 'px'\"\n    [style.left]=\"coverRectCords.left + 'px'\"\n    [style.height]=\"coverRectCords.height + 'px'\"\n    [style.width]=\"coverRectCords.width + 'px'\"\n    style=\"z-index: -1;\"\n></div>\n\n<div class=\"void\"\n    (pointerenter)=\"pointerIsOnVoid = true; hasBootstrapped && !isLockedOpen && closeOnVoid()\"\n    (pointerleave)=\"pointerIsOnVoid = false\"\n    (pointerdown)=\"hasBootstrapped && dialogRef.close()\"\n></div>\n\n<div class=\"container\">\n    <ng-container\n        *ngIf=\"isTemplate == false\"\n        [ngComponentOutlet]=\"$any(template)\"\n    >\n    </ng-container>\n\n    <ng-container\n        *ngIf=\"isTemplate == true\"\n    >\n        <ng-container\n            [ngTemplateOutlet]=\"$any(template)\"\n            [ngTemplateOutletContext]=\"{ '$implicit': data }\"\n        ></ng-container>\n    </ng-container>\n</div>\n", styles: ["::ng-deep .cdk-overlay-container .ngx-tooltip{--mdc-dialog-container-color: var(--ngx-tooltip-background-color, #2f2f2f)}::ng-deep .cdk-overlay-container .ngx-tooltip .mdc-dialog__container{transform-origin:top left}::ng-deep .cdk-overlay-container .ngx-tooltip .mdc-dialog--open .mdc-dialog__container{transform:none}::ng-deep .cdk-overlay-container .ngx-tooltip .mdc-dialog__surface{overflow:visible;background-color:#0000}::ng-deep .cdk-overlay-container .context-menu-backdrop.cdk-overlay-backdrop-showing{opacity:0}::ng-deep .cdk-overlay-pane.ngx-tooltip .mat-dialog-container{padding:0}:host{min-width:2px;min-height:2px;display:block}.void,.owner-mask{position:absolute}.void{top:-100vh;right:-100vw;bottom:-100vh;left:-100vw;z-index:-2}.container{width:100%;height:100%;background:var(--ngx-tooltip-background-color, #333);border-radius:6px;overflow:hidden}\n"], dependencies: [{ kind: "ngmodule", type: 
             // NgIf,
             // NgTemplateOutlet,
             // NgComponentOutlet,
@@ -237,7 +242,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
                         // NgTemplateOutlet,
                         // NgComponentOutlet,
                         CommonModule,
-                    ], standalone: true, template: "<!-- Mouse event blocker for pointer leave -->\n<div\n    *ngIf=\"coverRectCords\"\n    class=\"owner-mask\"\n    [style.top]=\"coverRectCords.top + 'px'\"\n    [style.left]=\"coverRectCords.left + 'px'\"\n    [style.height]=\"coverRectCords.height + 'px'\"\n    [style.width]=\"coverRectCords.width + 'px'\"\n    style=\"z-index: -1;\"\n></div>\n\n<div class=\"void\"\n    (pointerenter)=\"pointerIsOnVoid = true; hasBootstrapped && dialogRef.close()\"\n    (pointerleave)=\"pointerIsOnVoid = false\"\n    (pointerdown)=\"hasBootstrapped && dialogRef.close()\"\n></div>\n\n<div class=\"container\">\n    <ng-container\n        *ngIf=\"isTemplate == false\"\n        [ngComponentOutlet]=\"$any(template)\"\n    >\n    </ng-container>\n\n    <ng-container\n        *ngIf=\"isTemplate == true\"\n    >\n        <ng-container\n            [ngTemplateOutlet]=\"$any(template)\"\n            [ngTemplateOutletContext]=\"{ '$implicit': data }\"\n        ></ng-container>\n    </ng-container>\n</div>\n", styles: ["::ng-deep .cdk-overlay-container .ngx-tooltip{--mdc-dialog-container-color: var(--ngx-tooltip-background-color, #2f2f2f)}::ng-deep .cdk-overlay-container .ngx-tooltip .mdc-dialog__container{transform-origin:top left}::ng-deep .cdk-overlay-container .ngx-tooltip .mdc-dialog--open .mdc-dialog__container{transform:none}::ng-deep .cdk-overlay-container .ngx-tooltip .mdc-dialog__surface{overflow:visible;background-color:#0000}::ng-deep .cdk-overlay-container .context-menu-backdrop.cdk-overlay-backdrop-showing{opacity:0}::ng-deep .cdk-overlay-pane.ngx-tooltip .mat-dialog-container{padding:0}:host{min-width:2px;min-height:2px;display:block}.void,.owner-mask{position:absolute}.void{top:-100vh;right:-100vw;bottom:-100vh;left:-100vw;z-index:-2}.container{width:100%;height:100%;background:var(--ngx-tooltip-background-color, #333);border-radius:6px;overflow:hidden}\n"] }]
+                    ], standalone: true, template: "<!-- Mouse event blocker for pointer leave -->\n<div\n    *ngIf=\"coverRectCords\"\n    class=\"owner-mask\"\n    [style.top]=\"coverRectCords.top + 'px'\"\n    [style.left]=\"coverRectCords.left + 'px'\"\n    [style.height]=\"coverRectCords.height + 'px'\"\n    [style.width]=\"coverRectCords.width + 'px'\"\n    style=\"z-index: -1;\"\n></div>\n\n<div class=\"void\"\n    (pointerenter)=\"pointerIsOnVoid = true; hasBootstrapped && !isLockedOpen && closeOnVoid()\"\n    (pointerleave)=\"pointerIsOnVoid = false\"\n    (pointerdown)=\"hasBootstrapped && dialogRef.close()\"\n></div>\n\n<div class=\"container\">\n    <ng-container\n        *ngIf=\"isTemplate == false\"\n        [ngComponentOutlet]=\"$any(template)\"\n    >\n    </ng-container>\n\n    <ng-container\n        *ngIf=\"isTemplate == true\"\n    >\n        <ng-container\n            [ngTemplateOutlet]=\"$any(template)\"\n            [ngTemplateOutletContext]=\"{ '$implicit': data }\"\n        ></ng-container>\n    </ng-container>\n</div>\n", styles: ["::ng-deep .cdk-overlay-container .ngx-tooltip{--mdc-dialog-container-color: var(--ngx-tooltip-background-color, #2f2f2f)}::ng-deep .cdk-overlay-container .ngx-tooltip .mdc-dialog__container{transform-origin:top left}::ng-deep .cdk-overlay-container .ngx-tooltip .mdc-dialog--open .mdc-dialog__container{transform:none}::ng-deep .cdk-overlay-container .ngx-tooltip .mdc-dialog__surface{overflow:visible;background-color:#0000}::ng-deep .cdk-overlay-container .context-menu-backdrop.cdk-overlay-backdrop-showing{opacity:0}::ng-deep .cdk-overlay-pane.ngx-tooltip .mat-dialog-container{padding:0}:host{min-width:2px;min-height:2px;display:block}.void,.owner-mask{position:absolute}.void{top:-100vh;right:-100vw;bottom:-100vh;left:-100vw;z-index:-2}.container{width:100%;height:100%;background:var(--ngx-tooltip-background-color, #333);border-radius:6px;overflow:hidden}\n"] }]
         }], ctorParameters: function () {
         return [{ type: i0.ViewContainerRef }, { type: undefined, decorators: [{
                         type: Optional
@@ -282,22 +287,52 @@ class TooltipDirective {
          * Arbitrary data to pass into the template
          */
         this.data = {};
+        this.isCursorOverTarget = false;
+        this.isFreezeOnKeyCodeBound = false;
+        this.onKeyDownEvt = this.onKeyDown.bind(this);
+        if (this.config.freezeOnKeyCode !== null) {
+            this.isFreezeOnKeyCodeBound = true;
+            document.body.addEventListener("keydown", this.onKeyDownEvt);
+        }
     }
-    ngOnInit() {
+    ngOnDestroy() {
+        if (this.isFreezeOnKeyCodeBound) {
+            document.body.removeEventListener("keydown", this.onKeyDownEvt);
+        }
+    }
+    onKeyDown(evt) {
+        // TODO: fade message 'tooltip is locked open'
+        if (evt.code == ("F2")) {
+            this.dialogInstance.componentInstance.isLockedOpen = true;
+        }
     }
     // Needs to be public so we can manually open the dialog
     onPointerEnter(evt) {
+        var _a;
         return __awaiter(this, void 0, void 0, function* () {
             // If the template is not a template ref, do nothing.
             if (!(this.template instanceof TemplateRef))
                 return;
-            const el = this.viewContainer.element.nativeElement;
-            this.dialogInstance = yield openTooltip(this.dialog, this.template, this.data, el, this.config);
+            this.isCursorOverTarget = true;
+            setTimeout(() => __awaiter(this, void 0, void 0, function* () {
+                // If the cursor moved away in the time
+                if (!this.isCursorOverTarget)
+                    return;
+                if (!this.dialogInstance) {
+                    const el = this.viewContainer.element.nativeElement;
+                    this.dialogInstance = yield openTooltip(this.dialog, this.template, this.data, el, this.config);
+                }
+            }), (_a = this.config.delay) !== null && _a !== void 0 ? _a : 250);
+        });
+    }
+    onPointerLeave(evt) {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.isCursorOverTarget = false;
         });
     }
 }
 TooltipDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TooltipDirective, deps: [{ token: i1.MatDialog }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
-TooltipDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: TooltipDirective, isStandalone: true, selector: "[ngxTooltip],[ngx-tooltip]", inputs: { template: ["ngx-tooltip", "template"], config: ["ngx-tooltip-config", "config"], data: ["ngx-tooltip-context", "data"] }, host: { listeners: { "pointerenter": "onPointerEnter($event)" } }, providers: [
+TooltipDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: TooltipDirective, isStandalone: true, selector: "[ngxTooltip],[ngx-tooltip]", inputs: { template: ["ngx-tooltip", "template"], config: ["ngx-tooltip-config", "config"], data: ["ngx-tooltip-context", "data"] }, host: { listeners: { "pointerenter": "onPointerEnter($event)", "pointerleave": "onPointerLeave($event)" } }, providers: [
         MatDialog
     ], ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TooltipDirective, decorators: [{
@@ -330,6 +365,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
             }], onPointerEnter: [{
                 type: HostListener,
                 args: ['pointerenter', ['$event']]
+            }], onPointerLeave: [{
+                type: HostListener,
+                args: ['pointerleave', ['$event']]
             }] } });
 // Helper to open the context menu without using the directive.
 const openTooltip = (dialog, template, data, el, config) => __awaiter(void 0, void 0, void 0, function* () {
@@ -459,7 +497,7 @@ class MenuComponent {
         this.id = (_e = this._data) === null || _e === void 0 ? void 0 : _e.id;
     }
     ngOnInit() {
-        var _a;
+        var _a, _b, _c;
         (_a = this.items) === null || _a === void 0 ? void 0 : _a.forEach(i => {
             if (typeof i == "string")
                 return;
@@ -496,12 +534,12 @@ class MenuComponent {
                 }
         });
         // Show the icon column if there are any items with an icon
-        this.showIconColumn = !!this.items.find(i => typeof i == "object" &&
+        this.showIconColumn = !!((_b = this.items) === null || _b === void 0 ? void 0 : _b.find(i => typeof i == "object" &&
             typeof i['icon'] == "string" &&
-            i['icon'].length > 2);
-        this.showShortcutColumn = !!this.items.find(i => typeof i == "object" &&
+            i['icon'].length > 2));
+        this.showShortcutColumn = !!((_c = this.items) === null || _c === void 0 ? void 0 : _c.find(i => typeof i == "object" &&
             typeof i['shortcut'] == "string" &&
-            i['shortcut'].length > 2);
+            i['shortcut'].length > 2));
         // setTimeout(() => {
         //     this.closeOnLeave = true
         // }, 300);
@@ -695,7 +733,6 @@ class MenuDirective {
             });
         }
         if (!((_a = this.config) === null || _a === void 0 ? void 0 : _a.trigger)) {
-            el.onclick = this.openMenu.bind(this);
             el.addEventListener('click', this.openMenu.bind(this));
         }
         else {
@@ -717,7 +754,7 @@ class MenuDirective {
         return __awaiter(this, void 0, void 0, function* () {
             const el = this.viewContainer.element.nativeElement;
             el.classList.add("ngx-menu-open");
-            return openMenu(this.dialog, this.menuItems, this.data, evt, this.config)
+            return openMenu(this.dialog, this.menuItems, this.data, evt, this.config, el)
                 .then((...res) => {
                 el.classList.remove("ngx-menu-open");
                 return res;
@@ -730,36 +767,48 @@ class MenuDirective {
     }
 }
 MenuDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: MenuDirective, deps: [{ token: i1.MatDialog }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
-MenuDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: MenuDirective, isStandalone: true, selector: "[ngx-ctxmenu],[ngx-menu]", inputs: { data: ["ngx-menu-context", "data"], ctxMenuItems: ["ngx-ctxmenu", "ctxMenuItems"], menuItems: ["ngx-menu", "menuItems"], config: ["ngx-menu-config", "config"] }, providers: [
+MenuDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: MenuDirective, isStandalone: true, selector: "[ngx-contextmenu],[ngx-menu],[ngxContextmenu],[ngxMenu]", inputs: { data: ["ngx-menu-context", "data"], ctxMenuItems: ["ngx-contextmenu", "ctxMenuItems"], menuItems: ["ngx-menu", "menuItems"], config: ["ngx-menu-config", "config"] }, providers: [
         MatDialog
     ], ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: MenuDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[ngx-ctxmenu],[ngx-menu]',
+                    selector: '[ngx-contextmenu],[ngx-menu],[ngxContextmenu],[ngxMenu]',
                     providers: [
                         MatDialog
                     ],
                     standalone: true
                 }]
         }], ctorParameters: function () { return [{ type: i1.MatDialog }, { type: i0.ViewContainerRef }]; }, propDecorators: { data: [{
+                type: Input,
+                args: ["ngxMenuContext"]
+            }, {
                 type: Input,
                 args: ["ngx-menu-context"]
             }], ctxMenuItems: [{
                 type: Input,
-                args: ["ngx-ctxmenu"]
+                args: ["ngxContextmenu"]
+            }, {
+                type: Input,
+                args: ["ngx-contextmenu"]
             }], menuItems: [{
+                type: Input,
+                args: ["ngxMenu"]
+            }, {
                 type: Input,
                 args: ["ngx-menu"]
             }], config: [{
+                type: Input,
+                args: ["ngxMenuConfig"]
+            }, {
                 type: Input,
                 args: ["ngx-menu-config"]
             }] } });
-// Helper to open the context menu without using the directive.
-const openMenu = (dialog, menuItems, data, evt, config = {}) => __awaiter(void 0, void 0, void 0, function* () {
+// Helper to open the menu without using the directive.
+const openMenu = (dialog, menuItems, data, evt, config = {}, el) => __awaiter(void 0, void 0, void 0, function* () {
     evt.preventDefault();
     evt.stopPropagation();
-    const cords = getPosition(evt, config, yield calcMenuItemBounds(menuItems, data));
+    const cords = getPosition(el || evt, config, yield calcMenuItemBounds(menuItems, data));
     const specificId = crypto.randomUUID();
     if (!config.alignment)
         config.alignment = "start";
@@ -1986,7 +2035,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
  * Public API Surface of package
  */
 /**
- ** Directives
+ ** Types
  */
 
 /**