import * as tslib_1 from "tslib";
import { Component, EventEmitter, Input, Output } from '@angular/core';
import { LuxStepComponent } from '../lux-step.component';
var LuxStepperNavButtonsComponent = /** @class */ (function () {
    function LuxStepperNavButtonsComponent() {
        this.luxPrevClick = new EventEmitter();
        this.luxNextClick = new EventEmitter();
        this.luxFinClick = new EventEmitter();
    }
    LuxStepperNavButtonsComponent.prototype.ngOnInit = function () { };
    tslib_1.__decorate([
        Output(),
        tslib_1.__metadata("design:type", EventEmitter)
    ], LuxStepperNavButtonsComponent.prototype, "luxPrevClick", void 0);
    tslib_1.__decorate([
        Output(),
        tslib_1.__metadata("design:type", EventEmitter)
    ], LuxStepperNavButtonsComponent.prototype, "luxNextClick", void 0);
    tslib_1.__decorate([
        Output(),
        tslib_1.__metadata("design:type", EventEmitter)
    ], LuxStepperNavButtonsComponent.prototype, "luxFinClick", void 0);
    tslib_1.__decorate([
        Input(),
        tslib_1.__metadata("design:type", Number)
    ], LuxStepperNavButtonsComponent.prototype, "luxIndex", void 0);
    tslib_1.__decorate([
        Input(),
        tslib_1.__metadata("design:type", LuxStepComponent)
    ], LuxStepperNavButtonsComponent.prototype, "luxStep", void 0);
    tslib_1.__decorate([
        Input(),
        tslib_1.__metadata("design:type", Object)
    ], LuxStepperNavButtonsComponent.prototype, "luxStepperConfig", void 0);
    LuxStepperNavButtonsComponent = tslib_1.__decorate([
        Component({
            selector: 'lux-stepper-nav-buttons',
            template: "<div class=\"lux-mt-3\" fxLayout=\"row\" fxLayoutAlign=\"end center\">\n  <!-- Previous-Button -->\n  <lux-button\n    [luxLabel]=\"luxStepperConfig.luxPreviousButtonConfig?.label\"\n    [luxColor]=\"luxStepperConfig.luxPreviousButtonConfig?.color\"\n    [luxIconName]=\"luxStepperConfig.luxPreviousButtonConfig?.iconName\"\n    [luxIconAlignWithLabel]=\"luxStepperConfig.luxPreviousButtonConfig?.alignIconWithLabel\"\n    (luxClicked)=\"luxPrevClick.emit()\"\n    luxTagId=\"luxStepper.previousStep\"\n    *ngIf=\"luxIndex > 0\"\n  >\n  </lux-button>\n  <!-- Next-Button -->\n  <lux-button\n    [luxLabel]=\"luxStepperConfig.luxNextButtonConfig?.label\"\n    [luxColor]=\"luxStepperConfig.luxNextButtonConfig?.color\"\n    [luxIconName]=\"luxStepperConfig.luxNextButtonConfig?.iconName\"\n    [luxIconAlignWithLabel]=\"luxStepperConfig.luxNextButtonConfig?.alignIconWithLabel\"\n    (luxClicked)=\"luxNextClick.emit()\"\n    [luxDisabled]=\"!luxStep.isCompleted() && luxStepperConfig.luxLinear\"\n    luxTagId=\"luxStepper.nextStep\"\n    *ngIf=\"luxIndex < luxStepperConfig.luxSteps.length - 1\"\n  >\n  </lux-button>\n  <!-- Finish-Button -->\n  <lux-button\n    [luxLabel]=\"luxStepperConfig.luxFinishButtonConfig?.label\"\n    [luxColor]=\"luxStepperConfig.luxFinishButtonConfig?.color\"\n    [luxIconName]=\"luxStepperConfig.luxFinishButtonConfig?.iconName\"\n    [luxIconAlignWithLabel]=\"luxStepperConfig.luxFinishButtonConfig?.alignIconWithLabel\"\n    (luxClicked)=\"luxFinClick.emit()\"\n    [luxDisabled]=\"!luxStep.isCompleted() && luxStepperConfig.luxLinear\"\n    luxTagId=\"luxStepper.finished\"\n    *ngIf=\"luxIndex === luxStepperConfig.luxSteps.length - 1\"\n  >\n  </lux-button>\n</div>\n",
            styles: [""]
        }),
        tslib_1.__metadata("design:paramtypes", [])
    ], LuxStepperNavButtonsComponent);
    return LuxStepperNavButtonsComponent;
}());
export { LuxStepperNavButtonsComponent };
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibHV4LXN0ZXBwZXItbmF2LWJ1dHRvbnMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQGloay1nZmkvbHV4LWNvbXBvbmVudHMvIiwic291cmNlcyI6WyJzcmMvYXBwL21vZHVsZXMvbHV4LWxheW91dC9sdXgtc3RlcHBlci9sdXgtc3RlcHBlci1zdWJjb21wb25lbnRzL2x1eC1zdGVwcGVyLW5hdi1idXR0b25zL2x1eC1zdGVwcGVyLW5hdi1idXR0b25zLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMvRSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQVF6RDtJQVNFO1FBUlUsaUJBQVksR0FBdUIsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUN0RCxpQkFBWSxHQUF1QixJQUFJLFlBQVksRUFBRSxDQUFDO1FBQ3RELGdCQUFXLEdBQXVCLElBQUksWUFBWSxFQUFFLENBQUM7SUFNaEQsQ0FBQztJQUVoQixnREFBUSxHQUFSLGNBQVksQ0FBQztJQVZIO1FBQVQsTUFBTSxFQUFFOzBDQUFlLFlBQVk7dUVBQTRCO0lBQ3REO1FBQVQsTUFBTSxFQUFFOzBDQUFlLFlBQVk7dUVBQTRCO0lBQ3REO1FBQVQsTUFBTSxFQUFFOzBDQUFjLFlBQVk7c0VBQTRCO0lBRXREO1FBQVIsS0FBSyxFQUFFOzttRUFBa0I7SUFDakI7UUFBUixLQUFLLEVBQUU7MENBQVUsZ0JBQWdCO2tFQUFDO0lBQzFCO1FBQVIsS0FBSyxFQUFFOzsyRUFBNEM7SUFQekMsNkJBQTZCO1FBTHpDLFNBQVMsQ0FBQztZQUNULFFBQVEsRUFBRSx5QkFBeUI7WUFDbkMsd3JEQUF1RDs7U0FFeEQsQ0FBQzs7T0FDVyw2QkFBNkIsQ0FZekM7SUFBRCxvQ0FBQztDQUFBLEFBWkQsSUFZQztTQVpZLDZCQUE2QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEx1eFN0ZXBDb21wb25lbnQgfSBmcm9tICcuLi9sdXgtc3RlcC5jb21wb25lbnQnO1xuaW1wb3J0IHsgSUx1eFN0ZXBwZXJDb25maWd1cmF0aW9uIH0gZnJvbSAnLi4vLi4vbHV4LXN0ZXBwZXItbW9kZWwvbHV4LXN0ZXBwZXItY29uZmlndXJhdGlvbi5pbnRlcmZhY2UnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdsdXgtc3RlcHBlci1uYXYtYnV0dG9ucycsXG4gIHRlbXBsYXRlVXJsOiAnLi9sdXgtc3RlcHBlci1uYXYtYnV0dG9ucy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2x1eC1zdGVwcGVyLW5hdi1idXR0b25zLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgTHV4U3RlcHBlck5hdkJ1dHRvbnNDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBAT3V0cHV0KCkgbHV4UHJldkNsaWNrOiBFdmVudEVtaXR0ZXI8dm9pZD4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG4gIEBPdXRwdXQoKSBsdXhOZXh0Q2xpY2s6IEV2ZW50RW1pdHRlcjx2b2lkPiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcbiAgQE91dHB1dCgpIGx1eEZpbkNsaWNrOiBFdmVudEVtaXR0ZXI8dm9pZD4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG5cbiAgQElucHV0KCkgbHV4SW5kZXg6IG51bWJlcjtcbiAgQElucHV0KCkgbHV4U3RlcDogTHV4U3RlcENvbXBvbmVudDtcbiAgQElucHV0KCkgbHV4U3RlcHBlckNvbmZpZzogSUx1eFN0ZXBwZXJDb25maWd1cmF0aW9uO1xuXG4gIGNvbnN0cnVjdG9yKCkge31cblxuICBuZ09uSW5pdCgpIHt9XG59XG4iXX0=