@seniorsistemas/angular-components 17.8.14 → 17.8.15

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

@@ -14950,11 +14950,11 @@
             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)
@@ -14962,18 +14962,26 @@
             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();
+                    },
                 });
             });
         };
@@ -14999,7 +15007,7 @@
         NavigationButtonComponent = NavigationButtonComponent_1 = __decorate([
             core.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: forms.NG_VALUE_ACCESSOR,
@@ -15632,6 +15640,7 @@
             this._tieredMenuGlobalService = _tieredMenuGlobalService;
             this._changeDetectorRef = _changeDetectorRef;
             this.items = [];
+            this.focusedItem = undefined;
             this.triggerEvent = "click";
             this._componentRef = null;
             this._isNested = false;
@@ -15786,9 +15795,11 @@
             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: core.ElementRef },
@@ -15803,6 +15814,9 @@
         __decorate([
             core.Input()
         ], TieredMenuDirective.prototype, "items", void 0);
+        __decorate([
+            core.Input()
+        ], TieredMenuDirective.prototype, "focusedItem", void 0);
         __decorate([
             core.Input()
         ], TieredMenuDirective.prototype, "triggerEvent", void 0);