intelica-library-ui 0.1.187 → 0.1.188

package/fesm2022/intelica-library-ui.mjs

@@ -4809,19 +4809,13 @@ class TemplateMenuComponent {
     }
     onMouseDown(event) {
         const target = event.target;
-        if (target.closest(".p-datepicker") ||
-            target.closest(".p-inputtext") ||
-            target.closest(".p-select-panel") ||
-            target.closest(".p-multiselect-panel")) {
+        if (target.closest(".p-datepicker") || target.closest(".p-inputtext") || target.closest(".p-select-panel") || target.closest(".p-multiselect-panel")) {
             this.IsClickInsideDatepicker = true;
         }
     }
     onMouseDownOutsideBody(event) {
         const target = event.target;
-        if (target.closest(".p-datepicker") ||
-            target.closest(".p-inputtext") ||
-            target.closest(".p-select-panel") ||
-            target.closest(".p-multiselect-panel")) {
+        if (target.closest(".p-datepicker") || target.closest(".p-inputtext") || target.closest(".p-select-panel") || target.closest(".p-multiselect-panel") || target.closest(".swal2-container")) {
             this.IsClickInsideDatepicker = true;
         }
     }
@@ -4839,9 +4833,7 @@ class TemplateMenuComponent {
         // 	this.closePanel();
         // 	return;
         // }
-        if (this.IsPopoverOpen &&
-            this.PopoverContainer &&
-            target === this.PopoverContainer.nativeElement) {
+        if (this.IsPopoverOpen && this.PopoverContainer && target === this.PopoverContainer.nativeElement) {
             this.closePanel();
             return;
         }
@@ -4883,13 +4875,10 @@ class TemplateMenuComponent {
         if (this.IsClickInsideDatepicker) {
             return;
         }
-        if (allowedClasses.some((className) => target.closest(`.${className}`))) {
+        if (allowedClasses.some(className => target.closest(`.${className}`))) {
             return;
         }
-        if (this.Popover &&
-            !this.Popover.nativeElement.contains(target) &&
-            this.MenuButton &&
-            !this.MenuButton.nativeElement.contains(target)) {
+        if (this.Popover && !this.Popover.nativeElement.contains(target) && this.MenuButton && !this.MenuButton.nativeElement.contains(target)) {
             this.closePanel();
         }
     }
@@ -4898,13 +4887,7 @@ class TemplateMenuComponent {
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: TemplateMenuComponent, decorators: [{
             type: Component,
-            args: [{ selector: "intelica-template-menu", imports: [
-                        ButtonModule,
-                        InputGroupAddonModule,
-                        CommonModule,
-                        RippleModule,
-                        TermPipe,
-                    ], template: "<div #popoverContainer class=\"grPopoverContainer\">\r\n\t<button #menuButton class=\"grMenuTemplate\" (click)=\"togglePanel($event)\">\r\n\t\t<span class=\"grMenuTemplate__ico\"><i class=\"icon icon-filter-option\"></i></span>\r\n\t\t<span class=\"grMenuTemplate__txt\">{{ \"Filters\" | term : GlobalTermService.languageCode }}</span>\r\n\t</button>\r\n\t<div class=\"grPopover\" #popover>\r\n\t\t<div class=\"grPopoverMenu\" [ngClass]=\"{ hidden: !IsPopoverOpen }\">\r\n\t\t\t<div class=\"grPopoverHeader\">\r\n\t\t\t\t<h3>\r\n\t\t\t\t\t<span>{{ \"Filters\" | term : GlobalTermService.languageCode }}</span>\r\n\t\t\t\t</h3>\r\n\t\t\t</div>\r\n\t\t\t<div class=\"grPopoverBody grPopoverBody--template\">\r\n\t\t\t\t<ng-content></ng-content>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n</div>\r\n" }]
+            args: [{ selector: "intelica-template-menu", imports: [ButtonModule, InputGroupAddonModule, CommonModule, RippleModule, TermPipe], template: "<div #popoverContainer class=\"grPopoverContainer\">\r\n\t<button #menuButton class=\"grMenuTemplate\" (click)=\"togglePanel($event)\">\r\n\t\t<span class=\"grMenuTemplate__ico\"><i class=\"icon icon-filter-option\"></i></span>\r\n\t\t<span class=\"grMenuTemplate__txt\">{{ \"Filters\" | term : GlobalTermService.languageCode }}</span>\r\n\t</button>\r\n\t<div class=\"grPopover\" #popover>\r\n\t\t<div class=\"grPopoverMenu\" [ngClass]=\"{ hidden: !IsPopoverOpen }\">\r\n\t\t\t<div class=\"grPopoverHeader\">\r\n\t\t\t\t<h3>\r\n\t\t\t\t\t<span>{{ \"Filters\" | term : GlobalTermService.languageCode }}</span>\r\n\t\t\t\t</h3>\r\n\t\t\t</div>\r\n\t\t\t<div class=\"grPopoverBody grPopoverBody--template\">\r\n\t\t\t\t<ng-content></ng-content>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n</div>\r\n" }]
         }], ctorParameters: () => [], propDecorators: { Popover: [{
                 type: ViewChild,
                 args: ["popover"]