@seniorsistemas/angular-components 17.10.8 → 17.10.10

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

@@ -644,12 +644,12 @@
                 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();
                     }
@@ -663,15 +663,6 @@
         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.
@@ -768,9 +759,10 @@
                 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);
                 });
             }
         };
@@ -781,11 +773,11 @@
                 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 = [
@@ -810,31 +802,33 @@
                     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 = exports.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 = exports.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) {
@@ -2279,7 +2273,6 @@
             this._tieredMenuService = _tieredMenuService;
             this._tieredMenuGlobalService = _tieredMenuGlobalService;
             this._changeDetectorRef = _changeDetectorRef;
-            this.items = [];
             this.focusedItem = undefined;
             this.triggerEvent = "click";
             this._componentRef = null;
@@ -2287,28 +2280,26 @@
             this._isOpen = false;
             this._unsubscribe$ = new rxjs.Subject();
         }
-        TieredMenuDirective.prototype.onClick = function (event) {
-            if (this.triggerEvent === "click" && !this._isOpen) {
-                this._lastActiveElement = document.activeElement;
-                this._createMenu();
-                event.preventDefault();
-                event.stopPropagation();
-            }
-        };
         TieredMenuDirective.prototype.ngOnInit = function () {
+            var _a;
+            this._itemsAreValid = !!((_a = this.items) === null || _a === void 0 ? void 0 : _a.length);
+            if (!this._itemsAreValid)
+                return;
             this._subscribeEvents();
         };
         TieredMenuDirective.prototype.ngDoCheck = function () {
-            if (!this.previousItems) {
-                this.previousItems = this._tieredMenuService.cloneItems(this.items);
+            if (!this._itemsAreValid)
+                return;
+            if (!this._previousItems) {
+                this._previousItems = this._tieredMenuService.cloneItems(this.items);
             }
             var hasChanges = false;
-            if (this.items.length !== this.previousItems.length) {
+            if (this.items.length !== this._previousItems.length) {
                 hasChanges = true;
             }
             else {
                 for (var i = 0; i < this.items.length; i++) {
-                    if (!this._compareItems(this.items[i], this.previousItems[i])) {
+                    if (!this._compareItems(this.items[i], this._previousItems[i])) {
                         hasChanges = true;
                         break;
                     }
@@ -2319,13 +2310,25 @@
                 this._changeDetectorRef.detectChanges();
                 this._rebuildMenu();
             }
-            this.previousItems = this._tieredMenuService.cloneItems(this.items);
+            this._previousItems = this._tieredMenuService.cloneItems(this.items);
         };
         TieredMenuDirective.prototype.ngOnDestroy = function () {
+            if (!this._itemsAreValid)
+                return;
             this._unsubscribe$.next();
             this._unsubscribe$.complete();
             this._destroy();
         };
+        TieredMenuDirective.prototype.onClick = function (event) {
+            if (!this._itemsAreValid)
+                return;
+            if (this.triggerEvent === "click" && !this._isOpen) {
+                this._lastActiveElement = document.activeElement;
+                this._createMenu();
+                event.preventDefault();
+                event.stopPropagation();
+            }
+        };
         TieredMenuDirective.prototype._createMenu = function () {
             var _a, _b, _c;
             this._updateServiceItems();
@@ -7071,7 +7074,7 @@
         EmptyStateComponent = EmptyStateComponent_1 = __decorate([
             core.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);