@seniorsistemas/angular-components 17.10.9 → 17.10.10

package/fesm5/seniorsistemas-angular-components.js

@@ -498,12 +498,12 @@ var TooltipDirective = /** @class */ (function () {
             var inputFocus = this.focusedInputRef;
             var icon_1 = this.getIconFromFocusedInput();
             this.renderer.listen(this.focusedInputRef, "focus", function () {
-                if (icon_1 && _this.isMatchingTooltip(icon_1)) {
+                if (icon_1) {
                     _this.createTootipByFocus(icon_1);
                 }
             });
             this.renderer.listen(inputFocus, "blur", function () {
-                if (icon_1 && _this.isMatchingTooltip(icon_1)) {
+                if (icon_1) {
                     _this.removeTooltip(icon_1);
                     _this.destroy();
                 }
@@ -517,15 +517,6 @@ var TooltipDirective = /** @class */ (function () {
     TooltipDirective.prototype.getIconFromFocusedInput = function () {
         return this.elementRef.nativeElement;
     };
-    /**
-     * Verifica se o ícone tem o tooltip correspondente ao atual.
-     * @param icon O ícone do input em focus.
-     * @returns true se o tooltip corresponde; caso contrário, false.
-     */
-    TooltipDirective.prototype.isMatchingTooltip = function (icon) {
-        var tooltipText = icon.getAttribute("ng-reflect-tooltip");
-        return this.tooltip === tooltipText;
-    };
     /**
      * Remove o tooltip associado ao ícone do input em focus.
      * @param icon O ícone do input em focus.
@@ -622,9 +613,10 @@ var TooltipDirective = /** @class */ (function () {
             var tooltip_1 = domElem.querySelector(".tooltip");
             icon.appendChild(tooltip_1);
             this.setTooltipComponentProperties();
+            this.setTooltipPositionProperty(icon);
             setTimeout(function () { return tooltip_1.classList.add("tooltip--visible"); }, 0);
             this.renderer.listen(window, "scroll", function () {
-                _this.setTooltipPositionProperty();
+                _this.setTooltipPositionProperty(icon);
             });
         }
     };
@@ -635,11 +627,11 @@ var TooltipDirective = /** @class */ (function () {
             window.addEventListener("mousemove", this.boundOnWindowMouseMoveFunction);
         }
     };
-    TooltipDirective.prototype.setTooltipPositionProperty = function () {
+    TooltipDirective.prototype.setTooltipPositionProperty = function (element) {
         var e_1, _a;
         var margin = 20;
         var anchorSize = 5;
-        var domElem = this.componentRef.hostView.rootNodes[0].querySelector("#tooltip");
+        var domElem = element || this.componentRef.hostView.rootNodes[0].querySelector("#tooltip");
         var _b = domElem.getBoundingClientRect(), height = _b.height, width = _b.width;
         var _c = this.elementRef.nativeElement.getBoundingClientRect(), left = _c.left, right = _c.right, top = _c.top, bottom = _c.bottom;
         var positions = [
@@ -664,31 +656,33 @@ var TooltipDirective = /** @class */ (function () {
                 set: function () { return ({ left: right + margin, top: top + height / 2 - anchorSize }); },
             },
         ];
-        try {
-            for (var positions_1 = __values(positions), positions_1_1 = positions_1.next(); !positions_1_1.done; positions_1_1 = positions_1.next()) {
-                var _d = positions_1_1.value, pos = _d.pos, check = _d.check, set = _d.set;
-                if (check()) {
-                    this.position = pos;
-                    var _e = set(), left_1 = _e.left, top_1 = _e.top;
-                    this.componentRef.instance.left = Math.round(left_1);
-                    this.componentRef.instance.top = Math.round(top_1);
-                    this.componentRef.instance.position = this.position;
-                    return;
+        if (this.componentRef) {
+            try {
+                for (var positions_1 = __values(positions), positions_1_1 = positions_1.next(); !positions_1_1.done; positions_1_1 = positions_1.next()) {
+                    var _d = positions_1_1.value, pos = _d.pos, check = _d.check, set = _d.set;
+                    if (check()) {
+                        this.position = pos;
+                        var _e = set(), left_1 = _e.left, top_1 = _e.top;
+                        this.componentRef.instance.left = Math.round(left_1);
+                        this.componentRef.instance.top = Math.round(top_1);
+                        this.componentRef.instance.position = this.position;
+                        return;
+                    }
                 }
             }
-        }
-        catch (e_1_1) { e_1 = { error: e_1_1 }; }
-        finally {
-            try {
-                if (positions_1_1 && !positions_1_1.done && (_a = positions_1.return)) _a.call(positions_1);
+            catch (e_1_1) { e_1 = { error: e_1_1 }; }
+            finally {
+                try {
+                    if (positions_1_1 && !positions_1_1.done && (_a = positions_1.return)) _a.call(positions_1);
+                }
+                finally { if (e_1) throw e_1.error; }
             }
-            finally { if (e_1) throw e_1.error; }
+            // Se não conseguir posicionar, mostrar abaixo
+            this.position = TooltipPosition.Bottom;
+            this.componentRef.instance.left = Math.round(left + (right - left) / 2);
+            this.componentRef.instance.top = Math.round(bottom + margin);
+            this.componentRef.instance.position = this.position;
         }
-        // Se não conseguir posicionar, mostrar abaixo
-        this.position = TooltipPosition.Bottom;
-        this.componentRef.instance.left = Math.round(left + (right - left) / 2);
-        this.componentRef.instance.top = Math.round(bottom + margin);
-        this.componentRef.instance.position = this.position;
     };
     TooltipDirective.prototype.setTooltipComponentProperties = function () {
         if (this.componentRef !== null) {
@@ -6934,7 +6928,7 @@ var EmptyStateComponent = /** @class */ (function () {
     EmptyStateComponent = EmptyStateComponent_1 = __decorate([
         Component({
             selector: "s-empty-state",
-            template: "<div [id]=\"id\" class=\"container\">\n    <div [id]=\"id + '-icon'\" class=\"icon\">\n        <i [attr.class]=\"iconClass ? iconClass : 'fa fa-cogs'\" aria-hidden=\"true\"></i>\n    </div>\n    <div [id]=\"id + '-title'\" class=\"title\">{{title}}</div>\n    <div [id]=\"id + '-description'\" class=\"description\" *ngIf=\"description\">\n        <p>{{description}}</p>\n    </div>\n    <div [id]=\"id + '-actions'\" class=\"actions\" *ngIf=\"showPrimaryAction && primaryActionLabel\">\n        <s-button [id]=\"id + '-primary-action'\" type=\"button\" [label]=\"primaryActionLabel\"\n          [model]=\"primaryModel\" (click)=\"primaryAction.next()\"></s-button>\n        <s-button [id]=\"id + '-secondary-action'\" *ngIf=\"showSecondaryAction && secondaryActionLabel\" id=\"secondaryAction\" type=\"button\"\n            [label]=\"secondaryActionLabel\" priority=\"link\" (click)=\"secondaryAction.next()\"></s-button>\n    </div>\n</div>",
+            template: "<div [id]=\"id\" class=\"container\">\n    <div [id]=\"id + '-icon'\" class=\"icon\">\n        <i [attr.class]=\"iconClass ? iconClass : 'fa fa-cogs'\" aria-hidden=\"true\"></i>\n    </div>\n    <div [id]=\"id + '-title'\" class=\"title\">{{title}}</div>\n    <div [id]=\"id + '-description'\" class=\"description\" *ngIf=\"description\">\n        <p>{{description}}</p>\n    </div>\n    <div [id]=\"id + '-actions'\" class=\"actions\" *ngIf=\"showPrimaryAction && primaryActionLabel\">\n        <s-button [id]=\"id + '-primary-action'\" type=\"button\" [label]=\"primaryActionLabel\"\n          [model]=\"primaryModel\" (onClick)=\"primaryAction.next()\"></s-button>\n        <s-button [id]=\"id + '-secondary-action'\" *ngIf=\"showSecondaryAction && secondaryActionLabel\" id=\"secondaryAction\" type=\"button\"\n            [label]=\"secondaryActionLabel\" priority=\"link\" (onClick)=\"secondaryAction.next()\"></s-button>\n    </div>\n</div>",
             styles: [".container{width:100%;text-align:center}.title{font-weight:700;margin-bottom:10px}.description{margin-bottom:15px;color:#999;padding:0 20px;text-align:center}.description>p{margin:auto;max-width:400px;max-height:80px;overflow:hidden}.icon{color:#d8d8d8;font-size:6em}.actions{text-align:center;width:100%}"]
         })
     ], EmptyStateComponent);