@seniorsistemas/angular-components 17.10.9 → 17.10.10

package/fesm2015/seniorsistemas-angular-components.js

@@ -466,12 +466,12 @@ let TooltipDirective = class TooltipDirective {
             const inputFocus = this.focusedInputRef;
             const icon = this.getIconFromFocusedInput();
             this.renderer.listen(this.focusedInputRef, "focus", () => {
-                if (icon && this.isMatchingTooltip(icon)) {
+                if (icon) {
                     this.createTootipByFocus(icon);
                 }
             });
             this.renderer.listen(inputFocus, "blur", () => {
-                if (icon && this.isMatchingTooltip(icon)) {
+                if (icon) {
                     this.removeTooltip(icon);
                     this.destroy();
                 }
@@ -485,15 +485,6 @@ let TooltipDirective = class TooltipDirective {
     getIconFromFocusedInput() {
         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.
-     */
-    isMatchingTooltip(icon) {
-        const 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.
@@ -589,9 +580,10 @@ let TooltipDirective = class TooltipDirective {
             const tooltip = domElem.querySelector(".tooltip");
             icon.appendChild(tooltip);
             this.setTooltipComponentProperties();
+            this.setTooltipPositionProperty(icon);
             setTimeout(() => tooltip.classList.add("tooltip--visible"), 0);
             this.renderer.listen(window, "scroll", () => {
-                this.setTooltipPositionProperty();
+                this.setTooltipPositionProperty(icon);
             });
         }
     }
@@ -602,10 +594,10 @@ let TooltipDirective = class TooltipDirective {
             window.addEventListener("mousemove", this.boundOnWindowMouseMoveFunction);
         }
     }
-    setTooltipPositionProperty() {
+    setTooltipPositionProperty(element) {
         const margin = 20;
         const anchorSize = 5;
-        const domElem = this.componentRef.hostView.rootNodes[0].querySelector("#tooltip");
+        const domElem = element || this.componentRef.hostView.rootNodes[0].querySelector("#tooltip");
         const { height, width } = domElem.getBoundingClientRect();
         const { left, right, top, bottom } = this.elementRef.nativeElement.getBoundingClientRect();
         const positions = [
@@ -630,21 +622,23 @@ let TooltipDirective = class TooltipDirective {
                 set: () => ({ left: right + margin, top: top + height / 2 - anchorSize }),
             },
         ];
-        for (const { pos, check, set } of positions) {
-            if (check()) {
-                this.position = pos;
-                const { left, top } = set();
-                this.componentRef.instance.left = Math.round(left);
-                this.componentRef.instance.top = Math.round(top);
-                this.componentRef.instance.position = this.position;
-                return;
+        if (this.componentRef) {
+            for (const { pos, check, set } of positions) {
+                if (check()) {
+                    this.position = pos;
+                    const { left, top } = set();
+                    this.componentRef.instance.left = Math.round(left);
+                    this.componentRef.instance.top = Math.round(top);
+                    this.componentRef.instance.position = this.position;
+                    return;
+                }
             }
+            // 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;
     }
     setTooltipComponentProperties() {
         if (this.componentRef !== null) {
@@ -6535,7 +6529,7 @@ __decorate([
 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);