@seniorsistemas/angular-components 17.7.5 → 17.7.6

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

@@ -16134,7 +16134,7 @@
         TieredMenuService.prototype.normalizeData = function (items, parent) {
             var _this = this;
             return items.map(function (i) {
-                var item = __assign({}, i);
+                var item = __assign({ visible: true }, i);
                 if (item.submenu) {
                     item.submenu = _this.normalizeData(item.submenu, item);
                 }
@@ -16340,7 +16340,7 @@
         ], TieredMenuNestedComponent.prototype, "onKeydownHandler", null);
         TieredMenuNestedComponent = __decorate([
             core.Component({
-                template: "<div\n    class=\"menu menu--nested\"\n    [ngStyle]=\"{\n        'top': top + 'px',\n        'left': left + 'px'\n    }\">\n    <ng-container *ngTemplateOutlet=\"itemsTemplate; context: { $implicit: items }\"></ng-container>\n</div>\n\n<ng-template #itemsTemplate let-items>\n    <div *ngFor=\"let item of items\">\n        <s-tiered-menu-item\n            *ngIf=\"!item.divider\"\n            [item]=\"item\"\n            [focused]=\"item === tieredMenuService.currentItem\"\n            [closeOnClick]=\"true\">\n        </s-tiered-menu-item>\n\n        <s-tiered-menu-divider *ngIf=\"item.divider\"></s-tiered-menu-divider>\n\n        <div *ngIf=\"item.submenu && item.isOpen\">\n            <div class=\"submenu\">\n                <ng-container *ngTemplateOutlet=\"itemsTemplate; context: { $implicit: item.submenu }\"></ng-container>\n            </div>\n        </div>\n    </div>\n</ng-template>\n",
+                template: "<div\n    class=\"menu menu--nested\"\n    [ngStyle]=\"{\n        'top': top + 'px',\n        'left': left + 'px'\n    }\">\n    <ng-container *ngTemplateOutlet=\"itemsTemplate; context: { $implicit: items }\"></ng-container>\n</div>\n\n<ng-template #itemsTemplate let-items>\n    <div *ngFor=\"let item of items\">\n        <s-tiered-menu-item\n            *ngIf=\"item.visible && !item.divider\"\n            [item]=\"item\"\n            [focused]=\"item === tieredMenuService.currentItem\"\n            [closeOnClick]=\"true\">\n        </s-tiered-menu-item>\n\n        <s-tiered-menu-divider *ngIf=\"item.divider\"></s-tiered-menu-divider>\n\n        <div *ngIf=\"item.submenu && item.isOpen\">\n            <div class=\"submenu\">\n                <ng-container *ngTemplateOutlet=\"itemsTemplate; context: { $implicit: item.submenu }\"></ng-container>\n            </div>\n        </div>\n    </div>\n</ng-template>\n",
                 styles: [".menu{background-color:#fff;border:1px solid #ccc;border-radius:6px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column;min-width:176px;padding:4px 0;position:absolute;z-index:9999;overflow:auto;width:calc(100vw - 8px)}.menu .submenu{margin-left:24px}"]
             })
         ], TieredMenuNestedComponent);
@@ -16615,7 +16615,7 @@
         TieredMenuComponent = TieredMenuComponent_1 = __decorate([
             core.Component({
                 selector: "s-tiered-menu",
-                template: "<div\n    class=\"menu\"\n    [ngStyle]=\"{\n        'left': left + 'px',\n        'top': top + 'px'\n    }\">\n\n    <div *ngFor=\"let item of items\">\n        <s-tiered-menu-item\n            *ngIf=\"!item.divider\"\n            [item]=\"item\"\n            [focused]=\"item === tieredMenuService.currentItem\"\n            [highlight]=\"item.isOpen\"\n            triggerEvent=\"hover\"\n            [closeOnClick]=\"false\">\n        </s-tiered-menu-item>\n        <s-tiered-menu-divider *ngIf=\"item.divider\"></s-tiered-menu-divider>\n    </div>\n</div>",
+                template: "<div\n    class=\"menu\"\n    [ngStyle]=\"{\n        'left': left + 'px',\n        'top': top + 'px'\n    }\">\n\n    <div *ngFor=\"let item of items\">\n        <s-tiered-menu-item\n            *ngIf=\"item.visible && !item.divider\"\n            [item]=\"item\"\n            [focused]=\"item === tieredMenuService.currentItem\"\n            [highlight]=\"item.isOpen\"\n            triggerEvent=\"hover\"\n            [closeOnClick]=\"false\">\n        </s-tiered-menu-item>\n        <s-tiered-menu-divider *ngIf=\"item.divider\"></s-tiered-menu-divider>\n    </div>\n</div>",
                 styles: [".menu{background-color:#fff;border:1px solid #ccc;border-radius:6px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column;max-height:100vh;min-width:176px;padding:4px 0;overflow-y:auto;position:absolute;z-index:9999}"]
             })
         ], TieredMenuComponent);
@@ -16649,8 +16649,7 @@
             this._unsubscribe$ = new rxjs.Subject();
         }
         TieredMenuDirective.prototype.onClick = function (event) {
-            var _a;
-            if (this.triggerEvent === "click" && ((_a = this._tieredMenuService.items) === null || _a === void 0 ? void 0 : _a.length) > 0 && !this._isOpen) {
+            if (this.triggerEvent === "click" && !this._isOpen) {
                 this._lastActiveElement = document.activeElement;
                 this._createMenu();
                 event.preventDefault();
@@ -16658,14 +16657,12 @@
             }
         };
         TieredMenuDirective.prototype.ngOnInit = function () {
-            this._updateServiceItems();
             this._subscribeEvents();
         };
         TieredMenuDirective.prototype.ngDoCheck = function () {
             if (!this.previousItems) {
                 this.previousItems = this._tieredMenuService.cloneItems(this.items);
             }
-            ;
             var hasChanges = false;
             if (this.items.length !== this.previousItems.length) {
                 hasChanges = true;
@@ -16692,6 +16689,7 @@
         };
         TieredMenuDirective.prototype._createMenu = function () {
             var _a, _b, _c;
+            this._updateServiceItems();
             if (!this._componentRef && ((_a = this._tieredMenuService.items) === null || _a === void 0 ? void 0 : _a.length) > 0) {
                 (_b = this._tieredMenuGlobalService.lastInstance) === null || _b === void 0 ? void 0 : _b._destroy();
                 this._tieredMenuGlobalService.lastInstance = this;
@@ -16763,16 +16761,17 @@
                 this._componentRef.instance.top = bottom;
                 this._componentRef.instance.left = left;
                 if (bottomFreeSpace <= menuHeight) {
-                    this._componentRef.instance.top = Math.max(bottom - menuHeight, 0);
+                    this._componentRef.instance.top = Math.max(scrollY + bottom - menuHeight, 0);
                 }
                 else {
-                    this._componentRef.instance.top = bottom + MARGIN;
+                    console.log("Tem espaço abaixo");
+                    this._componentRef.instance.top = window.scrollY + bottom + MARGIN;
                 }
                 if (rightFreeSpace > 176) {
-                    this._componentRef.instance.left = left;
+                    this._componentRef.instance.left = window.scrollX + left;
                 }
                 else {
-                    this._componentRef.instance.left = right - ITEM_WIDTH;
+                    this._componentRef.instance.left = window.scrollX + right - ITEM_WIDTH;
                 }
                 if (this._isNested) {
                     this._componentRef.instance.left = MARGIN;