@seniorsistemas/angular-components 17.7.5 → 17.7.7

package/fesm5/seniorsistemas-angular-components.js

@@ -15988,7 +15988,7 @@ var TieredMenuService = /** @class */ (function () {
     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);
             }
@@ -16194,7 +16194,7 @@ var TieredMenuNestedComponent = /** @class */ (function () {
     ], TieredMenuNestedComponent.prototype, "onKeydownHandler", null);
     TieredMenuNestedComponent = __decorate([
         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);
@@ -16469,7 +16469,7 @@ var TieredMenuComponent = /** @class */ (function () {
     TieredMenuComponent = TieredMenuComponent_1 = __decorate([
         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);
@@ -16503,8 +16503,7 @@ var TieredMenuDirective = /** @class */ (function () {
         this._unsubscribe$ = new 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();
@@ -16512,14 +16511,12 @@ var TieredMenuDirective = /** @class */ (function () {
         }
     };
     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;
@@ -16546,6 +16543,7 @@ var TieredMenuDirective = /** @class */ (function () {
     };
     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;
@@ -16617,16 +16615,16 @@ var TieredMenuDirective = /** @class */ (function () {
             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;
+                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;