ng-tailwind 2.30.356 → 2.30.357

package/bundles/ng-tailwind.umd.js

@@ -1765,6 +1765,7 @@
             this.autoYReverse = true;
             this.openMethod = exports.NgtDropdownOpenMethod.HOVER;
             this.onToggle = new core.EventEmitter();
+            this.onHostClick = new core.EventEmitter();
             this.name = uuid();
             this.isYPositionReversed = false;
             this.isXPositionReversed = false;
@@ -1797,8 +1798,11 @@
         };
         NgtDropdownComponent.prototype.close = function () {
             var _this = this;
+            if (this.closeTimeoutInstance) {
+                clearTimeout(this.closeTimeoutInstance);
+            }
             if (this.closeTimeout) {
-                setTimeout(function () { return _this.hideContainer(); }, this.closeTimeout);
+                this.closeTimeoutInstance = setTimeout(function () { return _this.hideContainer(); }, this.closeTimeout);
                 return;
             }
             this.hideContainer();
@@ -1822,6 +1826,8 @@
             }
         };
         NgtDropdownComponent.prototype.onClick = function (event) {
+            var _a;
+            (_a = this.onHostClick) === null || _a === void 0 ? void 0 : _a.emit();
             if (this.openMethod == exports.NgtDropdownOpenMethod.CLICK) {
                 event.preventDefault();
                 event.stopPropagation();
@@ -1930,7 +1936,8 @@
         closeOnClick: [{ type: core.Input }],
         closeTimeout: [{ type: core.Input }],
         openMethod: [{ type: core.Input }],
-        onToggle: [{ type: core.Output }]
+        onToggle: [{ type: core.Output }],
+        onHostClick: [{ type: core.Output }]
     };
     exports.NgtDropdownOpenMethod = void 0;
     (function (NgtDropdownOpenMethod) {
@@ -7700,6 +7707,7 @@
             this.ngtTranslateService = ngtTranslateService;
             this.injector = injector;
             this.openMethod = exports.NgtPopoverOpenMethod.HOVER;
+            this.onClick = new core.EventEmitter();
             this.stylesToCompile = ['h', 'w', 'px', 'py', 'shadow', 'text', 'border', 'color.border', 'color.bg', 'color.text'];
             if (this.ngtStylizableDirective) {
                 this.ngtStyle = this.ngtStylizableDirective.getNgtStylizableService();
@@ -7716,12 +7724,22 @@
                 }
             });
         }
+        NgtPopoverComponent.prototype.fireClickEvent = function () {
+            var _this = this;
+            this.onClick.emit();
+            setTimeout(function () {
+                var event = new MouseEvent('click', { bubbles: true });
+                event.preventDefault();
+                event.stopPropagation();
+                _this.hostDiv.nativeElement.dispatchEvent(event);
+            }, 50);
+        };
         return NgtPopoverComponent;
     }());
     NgtPopoverComponent.decorators = [
         { type: core.Component, args: [{
                     selector: 'ngt-popover',
-                    template: "<ngt-dropdown class=\"flex w-full hover:opacity-100\" [closeOnClick]=\"closeOnClick\" [openMethod]=\"openMethod\"\n            [autoXReverse]=\"false\" [autoYReverse]=\"false\" [reverseYPosition]=\"!placeOnBottom\" [closeTimeout]=\"closeTimeout\"\n            #dropdownRef>\n    <div host>\n        <ng-content></ng-content>\n    </div>\n\n    <div class=\"bg-gray-100 px-2 text-sm rounded-lg hover:opacity-100 text-gray-800 shadow-lg\"\n        [class.-mb-4]='dropdownRef.isYPositionReversed' [ngClass]=\"ngtStyle.compile(stylesToCompile)\"\n        container>\n\n        <ng-content select=\"[popover-content]\"></ng-content>\n    </div>\n</ngt-dropdown>\n"
+                    template: "<ngt-dropdown class=\"flex w-full hover:opacity-100\" [closeOnClick]=\"closeOnClick\" [openMethod]=\"openMethod\"\n            [autoYReverse]=\"false\" [reverseXPosition]=\"true\" [reverseYPosition]=\"!placeOnBottom\" [closeTimeout]=\"closeTimeout\"\n            (onHostClick)=\"fireClickEvent()\" #dropdownRef>\n    <div #hostDiv host>\n        <ng-content></ng-content>\n    </div>\n\n    <div class=\"bg-gray-100 px-2 text-sm rounded-lg hover:opacity-100 text-gray-800 shadow-lg -mb-4\"\n        [ngClass]=\"ngtStyle.compile(stylesToCompile)\" container>\n\n        <ng-content select=\"[popover-content]\"></ng-content>\n    </div>\n</ngt-dropdown>\n"
                 },] }
     ];
     NgtPopoverComponent.ctorParameters = function () { return [
@@ -7731,10 +7749,12 @@
     ]; };
     NgtPopoverComponent.propDecorators = {
         dropdownRef: [{ type: core.ViewChild, args: ['dropdownRef', { static: true },] }],
+        hostDiv: [{ type: core.ViewChild, args: ['hostDiv',] }],
         closeTimeout: [{ type: core.Input }],
         openMethod: [{ type: core.Input }],
         closeOnClick: [{ type: core.Input }],
-        placeOnBottom: [{ type: core.Input }]
+        placeOnBottom: [{ type: core.Input }],
+        onClick: [{ type: core.Output }]
     };
     exports.NgtPopoverOpenMethod = void 0;
     (function (NgtPopoverOpenMethod) {