@seniorsistemas/angular-components 17.26.12-bugfix-sds-312-28ff6099 → 17.26.13

package/bundles/seniorsistemas-angular-components.umd.js

@@ -653,6 +653,8 @@
             this.visible = true;
             this.mobileBehavior = MobileBehavior.Pressing;
             this.componentRef = null;
+            this.existFocusedInputRefTooltip = false;
+            this.boundOnWindowMouseMoveFunction = this.onWindowMouseMove.bind(this);
             this.debounceCreateTooltipFunction = this.debounceUtils.debounceLeading(function () { return _this._createTooltip(true, true); });
         }
         TooltipDirective.prototype.ngOnInit = function () {
@@ -662,6 +664,22 @@
         TooltipDirective.prototype.ngOnDestroy = function () {
             this.destroy();
         };
+        TooltipDirective.prototype.onWindowMouseMove = function (event) {
+            if (!this.componentRef) {
+                return;
+            }
+            var elementRect = this.elementRef.nativeElement.getBoundingClientRect();
+            var toolTipRect = this.tooltipDivElement.getBoundingClientRect();
+            var totalElementArea = {
+                top: Math.min(elementRect.top, toolTipRect.top),
+                right: Math.max(elementRect.right, toolTipRect.right),
+                left: Math.min(elementRect.left, toolTipRect.left),
+                bottom: Math.max(elementRect.bottom, toolTipRect.bottom),
+            };
+            if (isMousePositionOutsideOfElement(event, totalElementArea) && !this.existFocusedInputRefTooltip) {
+                this.destroy();
+            }
+        };
         /**
          * Manipula a visibilidade do tooltip quando houver uma referência de input.
          */
@@ -672,6 +690,7 @@
                 var icon_1 = this.getIconFromFocusedInput();
                 this.renderer.listen(inputFocus, "focus", function () {
                     if (icon_1) {
+                        _this.existFocusedInputRefTooltip = true;
                         _this._createTooltip(false, false);
                     }
                 });
@@ -679,6 +698,7 @@
                     if (icon_1) {
                         _this.removeTooltip(icon_1);
                         _this.destroy();
+                        _this.existFocusedInputRefTooltip = false;
                     }
                 });
             }
@@ -723,7 +743,7 @@
             }
         };
         TooltipDirective.prototype.onMouseLeave = function () {
-            if (this.tooltipEvent === TooltipEvent.Hover) {
+            if (this.tooltipEvent === TooltipEvent.Hover && !this.existFocusedInputRefTooltip) {
                 this.destroy();
             }
         };
@@ -789,6 +809,7 @@
             if (this.componentRef !== null) {
                 this.componentRef.instance.visible = this.visible;
                 this.setTooltipPositionProperty();
+                window.addEventListener("mousemove", this.boundOnWindowMouseMoveFunction);
             }
         };
         TooltipDirective.prototype.setTooltipPositionProperty = function () {
@@ -899,6 +920,7 @@
                 this.componentRef = null;
                 this.tooltipDivElement = null;
             }
+            window.removeEventListener("mousemove", this.boundOnWindowMouseMoveFunction);
         };
         TooltipDirective.ctorParameters = function () { return [
             { type: core.ElementRef },
@@ -1150,7 +1172,7 @@
         InfoSignComponent = __decorate([
             core.Component({
                 selector: "s-info-sign-component",
-                template: "<span class=\"info-sign\">\n    <span *ngTemplateOutlet=\"templateRef\"></span>\n    <i\n        class=\"info-sign__icon fa fa-info-circle\"\n        aria-hidden=\"true\"\n        [sTooltip]=\"tooltip\"\n        [escape]=\"false\"\n        tooltipPosition=\"top\"\n        [displayTime]=\"displayTime\"\n        mobileBehavior=\"tap\"\n        showDelay=\"0\"\n        [tooltipEvent]=\"focusedInputRef ? 'focus' : 'hover'\"\n        [focusedInputRef]=\"focusedInputRef\">\n    </i>\n</span>\n",
+                template: "<span class=\"info-sign\">\n    <span *ngTemplateOutlet=\"templateRef\"></span>\n    <i\n        class=\"info-sign__icon fa fa-info-circle\"\n        aria-hidden=\"true\"\n        [sTooltip]=\"tooltip\"\n        [escape]=\"false\"\n        tooltipPosition=\"top\"\n        [displayTime]=\"displayTime\"\n        mobileBehavior=\"tap\"\n        showDelay=\"0\"\n        [focusedInputRef]=\"focusedInputRef\">\n    </i>\n</span>\n",
                 styles: [".info-sign{-ms-flex-align:baseline;align-items:baseline;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:start;justify-content:flex-start}.info-sign .info-sign__icon{padding:0 12px}"]
             })
         ], InfoSignComponent);
@@ -13963,6 +13985,7 @@
             this._recognizedText = '';
             this.disabled = false;
             this.textToSpeechService.cancel();
+            SpeechRecognitionComponent_1.TOOLBAR_ACTIVE = false;
         };
         SpeechRecognitionComponent.prototype.ngOnDestroy = function () {
             this.onDestroy$.next();