@seniorsistemas/angular-components 17.8.14 → 17.8.15

package/fesm5/seniorsistemas-angular-components.js

@@ -14804,11 +14804,11 @@ var NavigationButtonComponent = /** @class */ (function () {
         var previous = this.steps[this.currentIndex];
         if (this.currentIndex < this.steps.length - 1) {
             this.currentIndex++;
+            var current = this.steps[this.currentIndex];
+            this._onChange && this._onChange(current.value);
+            this.stepChanged.emit({ previous: previous, current: current });
         }
-        var current = this.steps[this.currentIndex];
         this._onTouched && this._onTouched();
-        this._onChange && this._onChange(current.value);
-        this.stepChanged.emit({ previous: previous, current: current });
     };
     NavigationButtonComponent.prototype.onPrevious = function () {
         if (this.isDisabled)
@@ -14816,18 +14816,26 @@ var NavigationButtonComponent = /** @class */ (function () {
         var previous = this.steps[this.currentIndex];
         if (this.currentIndex > 0) {
             this.currentIndex--;
+            var current = this.steps[this.currentIndex];
+            this._onChange && this._onChange(current.value);
+            this.stepChanged.emit({ previous: previous, current: current });
         }
-        var current = this.steps[this.currentIndex];
         this._onTouched && this._onTouched();
-        this._onChange && this._onChange(current.value);
-        this.stepChanged.emit({ previous: previous, current: current });
     };
     NavigationButtonComponent.prototype._createTieredMenuItems = function () {
         var _this = this;
         this.steps.forEach(function (step) {
             _this.tieredMenuItems.push({
                 label: step.label,
-                command: function () { return (_this.currentIndex = _this.steps.findIndex(function (s) { return s === step; })); },
+                command: function () {
+                    var index = _this.steps.findIndex(function (s) { return s === step; });
+                    if (_this.currentIndex !== index) {
+                        _this._onChange && _this._onChange(step.value);
+                        _this.stepChanged.emit({ previous: _this.steps[_this.currentIndex], current: step });
+                        _this.currentIndex = index;
+                    }
+                    _this._onTouched && _this._onTouched();
+                },
             });
         });
     };
@@ -14853,7 +14861,7 @@ var NavigationButtonComponent = /** @class */ (function () {
     NavigationButtonComponent = NavigationButtonComponent_1 = __decorate([
         Component({
             selector: "s-navigation-button",
-            template: "<div class=\"navigation-button\" [ngClass]=\"{ 'navigation-button--disabled': isDisabled}\">\n    <button\n        class=\"option option--previous\"\n        [ngClass]=\"{ 'option--disabled': currentIndex === 0 }\"\n        (click)=\"onPrevious()\">\n        <i class=\"fas fa-chevron-left\"></i>\n    </button>\n\n    <ng-container *ngIf=\"steps[currentIndex].tooltip || tooltip; then tooltipBlock; else noTooltipBlock\"></ng-container>\n\n    <ng-template #tooltipBlock>\n        <button\n            [sTooltip]=\"steps[currentIndex].tooltip || tooltip\"\n            class=\"step\"\n            sTieredMenu [items]=\"tieredMenuItems\">\n            {{ steps[currentIndex].label }}\n        </button>\n    </ng-template>\n\n    <ng-template #noTooltipBlock>\n        <button class=\"step\">\n            {{ steps[currentIndex].label }}\n        </button>\n    </ng-template>\n\n    <button\n        class=\"option option--next\"\n        [ngClass]=\"{ 'option--disabled': currentIndex === steps.length - 1 }\"\n        (click)=\"onNext()\">\n        <i class=\"fas fa-chevron-right\"></i>\n    </button>\n</div>\n",
+            template: "<div class=\"navigation-button\" [ngClass]=\"{ 'navigation-button--disabled': isDisabled}\">\n    <button\n        class=\"option option--previous\"\n        [ngClass]=\"{ 'option--disabled': currentIndex === 0 }\"\n        (click)=\"onPrevious()\">\n        <i class=\"fas fa-chevron-left\"></i>\n    </button>\n\n    <ng-container *ngIf=\"steps[currentIndex].tooltip || tooltip; then tooltipBlock; else noTooltipBlock\"></ng-container>\n\n    <ng-template #tooltipBlock>\n        <button\n            [sTooltip]=\"steps[currentIndex].tooltip || tooltip\"\n            class=\"step\"\n            sTieredMenu [items]=\"tieredMenuItems\"\n            [focusedItem]=\"tieredMenuItems[currentIndex]\">\n            {{ steps[currentIndex].label }}\n        </button>\n    </ng-template>\n\n    <ng-template #noTooltipBlock>\n        <button class=\"step\">\n            {{ steps[currentIndex].label }}\n        </button>\n    </ng-template>\n\n    <button\n        class=\"option option--next\"\n        [ngClass]=\"{ 'option--disabled': currentIndex === steps.length - 1 }\"\n        (click)=\"onNext()\">\n        <i class=\"fas fa-chevron-right\"></i>\n    </button>\n</div>\n",
             providers: [
                 {
                     provide: NG_VALUE_ACCESSOR,
@@ -15486,6 +15494,7 @@ var TieredMenuDirective = /** @class */ (function () {
         this._tieredMenuGlobalService = _tieredMenuGlobalService;
         this._changeDetectorRef = _changeDetectorRef;
         this.items = [];
+        this.focusedItem = undefined;
         this.triggerEvent = "click";
         this._componentRef = null;
         this._isNested = false;
@@ -15640,9 +15649,11 @@ var TieredMenuDirective = /** @class */ (function () {
         this._destroy();
     };
     TieredMenuDirective.prototype._updateServiceItems = function () {
+        var _this = this;
+        var _a;
         this._tieredMenuService.items = this._tieredMenuService.normalizeData(this.items);
         this._tieredMenuService.currentItems = this._tieredMenuService.items;
-        this._tieredMenuService.currentItem = this._tieredMenuService.items[0];
+        this._tieredMenuService.currentItem = (_a = this._tieredMenuService.items.find(function (i) { var _a; return i.label === ((_a = _this.focusedItem) === null || _a === void 0 ? void 0 : _a.label); })) !== null && _a !== void 0 ? _a : this._tieredMenuService.items[0];
     };
     TieredMenuDirective.ctorParameters = function () { return [
         { type: ElementRef },
@@ -15657,6 +15668,9 @@ var TieredMenuDirective = /** @class */ (function () {
     __decorate([
         Input()
     ], TieredMenuDirective.prototype, "items", void 0);
+    __decorate([
+        Input()
+    ], TieredMenuDirective.prototype, "focusedItem", void 0);
     __decorate([
         Input()
     ], TieredMenuDirective.prototype, "triggerEvent", void 0);