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

package/fesm5/seniorsistemas-angular-components.js

@@ -508,6 +508,8 @@ var TooltipDirective = /** @class */ (function () {
         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 () {
@@ -517,6 +519,22 @@ var TooltipDirective = /** @class */ (function () {
     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.
      */
@@ -527,6 +545,7 @@ var TooltipDirective = /** @class */ (function () {
             var icon_1 = this.getIconFromFocusedInput();
             this.renderer.listen(inputFocus, "focus", function () {
                 if (icon_1) {
+                    _this.existFocusedInputRefTooltip = true;
                     _this._createTooltip(false, false);
                 }
             });
@@ -534,6 +553,7 @@ var TooltipDirective = /** @class */ (function () {
                 if (icon_1) {
                     _this.removeTooltip(icon_1);
                     _this.destroy();
+                    _this.existFocusedInputRefTooltip = false;
                 }
             });
         }
@@ -578,7 +598,7 @@ var TooltipDirective = /** @class */ (function () {
         }
     };
     TooltipDirective.prototype.onMouseLeave = function () {
-        if (this.tooltipEvent === TooltipEvent.Hover) {
+        if (this.tooltipEvent === TooltipEvent.Hover && !this.existFocusedInputRefTooltip) {
             this.destroy();
         }
     };
@@ -644,6 +664,7 @@ var TooltipDirective = /** @class */ (function () {
         if (this.componentRef !== null) {
             this.componentRef.instance.visible = this.visible;
             this.setTooltipPositionProperty();
+            window.addEventListener("mousemove", this.boundOnWindowMouseMoveFunction);
         }
     };
     TooltipDirective.prototype.setTooltipPositionProperty = function () {
@@ -754,6 +775,7 @@ var TooltipDirective = /** @class */ (function () {
             this.componentRef = null;
             this.tooltipDivElement = null;
         }
+        window.removeEventListener("mousemove", this.boundOnWindowMouseMoveFunction);
     };
     TooltipDirective.ctorParameters = function () { return [
         { type: ElementRef },
@@ -1005,7 +1027,7 @@ var InfoSignComponent = /** @class */ (function () {
     InfoSignComponent = __decorate([
         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);
@@ -13818,6 +13840,7 @@ var SpeechRecognitionComponent = /** @class */ (function () {
         this._recognizedText = '';
         this.disabled = false;
         this.textToSpeechService.cancel();
+        SpeechRecognitionComponent_1.TOOLBAR_ACTIVE = false;
     };
     SpeechRecognitionComponent.prototype.ngOnDestroy = function () {
         this.onDestroy$.next();