import { CdkStepper } from '@angular/cdk/stepper';
import { Component, HostBinding, Input } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
export class ContentStepperComponent extends CdkStepper {
    constructor() {
        super(...arguments);
        this.interactable = true;
        this.reverse = false;
    }
    onClick(index) {
        this.selectedIndex = index;
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ContentStepperComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ContentStepperComponent, selector: "ax-content-stepper", inputs: { mode: "mode", interactable: "interactable", reverse: "reverse" }, host: { properties: { "class.reverse": "this.reverse" } }, providers: [{ provide: CdkStepper, useExisting: ContentStepperComponent }], usesInheritance: true, ngImport: i0, template: "<div\n  *ngIf=\"mode === 'VERTICAL'\"\n  class=\"stepper-wrapper stepper-wrapper-vertical\"\n  (swipeup)=\"interactable ? next() : undefined\"\n  (swipedown)=\"interactable ? previous() : undefined\"\n>\n  <div class=\"step-content\" [ngClass]=\"{selected}\">\n    <ng-container [ngTemplateOutlet]=\"selected?.content || null\"></ng-container>\n  </div>\n  <div class=\"stepper-buttons\">\n    <button\n      [disabled]=\"!interactable\"\n      class=\"step-button\"\n      *ngFor=\"let step of steps; let i = index\"\n      [ngClass]=\"{'is-active': selectedIndex === i}\"\n      (click)=\"interactable ? onClick(i) : undefined\"\n    ></button>\n  </div>\n</div>\n\n<div\n  *ngIf=\"mode === 'HORIZONTAL'\"\n  class=\"stepper-wrapper stepper-wrapper-horizontal\"\n  (swipeleft)=\"interactable ? next() : undefined\"\n  (swiperight)=\"interactable ? previous() : undefined\"\n>\n  <div class=\"step-content\" [ngClass]=\"{selected}\">\n    <ng-container [ngTemplateOutlet]=\"selected?.content || null\"></ng-container>\n  </div>\n  <div class=\"stepper-buttons\">\n    <button\n      [disabled]=\"!interactable\"\n      class=\"step-button\"\n      *ngFor=\"let step of steps; let i = index\"\n      [ngClass]=\"{'is-active': selectedIndex === i}\"\n      (click)=\"interactable ? onClick(i) : undefined\"\n    ></button>\n  </div>\n</div>\n", styles: [":host.reverse .stepper-wrapper-horizontal{flex-direction:column-reverse}:host.reverse .stepper-wrapper-vertical{flex-direction:row-reverse}.stepper-wrapper{display:flex;height:100%}.stepper-wrapper-vertical .stepper-buttons{flex-direction:column}.stepper-wrapper-vertical .step-button:first-child{margin-top:0}.stepper-wrapper-vertical .step-button:last-child{margin-bottom:0}.stepper-wrapper-horizontal{flex-direction:column}.stepper-wrapper-horizontal .stepper-buttons{flex-direction:row}.step-content{flex:1 0 auto;display:block;visibility:hidden;opacity:0;position:absolute}.step-content.selected{position:relative;visibility:visible;opacity:1}.stepper-buttons{display:flex;justify-content:center;align-items:center;padding:6px}.step-button{border:2px solid var(--primary-color-500);outline:0;background-color:transparent;width:12px;height:12px;padding:0;border-radius:10px;margin:2px;cursor:pointer}.step-button.is-active{background-color:var(--primary-color-500)}.step-button:disabled{cursor:default}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ContentStepperComponent, decorators: [{
            type: Component,
            args: [{ selector: 'ax-content-stepper', providers: [{ provide: CdkStepper, useExisting: ContentStepperComponent }], template: "<div\n  *ngIf=\"mode === 'VERTICAL'\"\n  class=\"stepper-wrapper stepper-wrapper-vertical\"\n  (swipeup)=\"interactable ? next() : undefined\"\n  (swipedown)=\"interactable ? previous() : undefined\"\n>\n  <div class=\"step-content\" [ngClass]=\"{selected}\">\n    <ng-container [ngTemplateOutlet]=\"selected?.content || null\"></ng-container>\n  </div>\n  <div class=\"stepper-buttons\">\n    <button\n      [disabled]=\"!interactable\"\n      class=\"step-button\"\n      *ngFor=\"let step of steps; let i = index\"\n      [ngClass]=\"{'is-active': selectedIndex === i}\"\n      (click)=\"interactable ? onClick(i) : undefined\"\n    ></button>\n  </div>\n</div>\n\n<div\n  *ngIf=\"mode === 'HORIZONTAL'\"\n  class=\"stepper-wrapper stepper-wrapper-horizontal\"\n  (swipeleft)=\"interactable ? next() : undefined\"\n  (swiperight)=\"interactable ? previous() : undefined\"\n>\n  <div class=\"step-content\" [ngClass]=\"{selected}\">\n    <ng-container [ngTemplateOutlet]=\"selected?.content || null\"></ng-container>\n  </div>\n  <div class=\"stepper-buttons\">\n    <button\n      [disabled]=\"!interactable\"\n      class=\"step-button\"\n      *ngFor=\"let step of steps; let i = index\"\n      [ngClass]=\"{'is-active': selectedIndex === i}\"\n      (click)=\"interactable ? onClick(i) : undefined\"\n    ></button>\n  </div>\n</div>\n", styles: [":host.reverse .stepper-wrapper-horizontal{flex-direction:column-reverse}:host.reverse .stepper-wrapper-vertical{flex-direction:row-reverse}.stepper-wrapper{display:flex;height:100%}.stepper-wrapper-vertical .stepper-buttons{flex-direction:column}.stepper-wrapper-vertical .step-button:first-child{margin-top:0}.stepper-wrapper-vertical .step-button:last-child{margin-bottom:0}.stepper-wrapper-horizontal{flex-direction:column}.stepper-wrapper-horizontal .stepper-buttons{flex-direction:row}.step-content{flex:1 0 auto;display:block;visibility:hidden;opacity:0;position:absolute}.step-content.selected{position:relative;visibility:visible;opacity:1}.stepper-buttons{display:flex;justify-content:center;align-items:center;padding:6px}.step-button{border:2px solid var(--primary-color-500);outline:0;background-color:transparent;width:12px;height:12px;padding:0;border-radius:10px;margin:2px;cursor:pointer}.step-button.is-active{background-color:var(--primary-color-500)}.step-button:disabled{cursor:default}\n"] }]
        }], propDecorators: { mode: [{
                type: Input
            }], interactable: [{
                type: Input
            }], reverse: [{
                type: HostBinding,
                args: ['class.reverse']
            }, {
                type: Input
            }] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udGVudC1zdGVwcGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9jb250ZW50LXN0ZXBwZXIvY29udGVudC1zdGVwcGVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9jb250ZW50LXN0ZXBwZXIvY29udGVudC1zdGVwcGVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxVQUFVLEVBQUMsTUFBTSxzQkFBc0IsQ0FBQztBQUNoRCxPQUFPLEVBQUMsU0FBUyxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUMsTUFBTSxlQUFlLENBQUM7OztBQVE1RCxNQUFNLE9BQU8sdUJBQXdCLFNBQVEsVUFBVTtJQU52RDs7UUFRVyxpQkFBWSxHQUFHLElBQUksQ0FBQztRQUNVLFlBQU8sR0FBRyxLQUFLLENBQUM7S0FLeEQ7SUFIQyxPQUFPLENBQUMsS0FBYTtRQUNuQixJQUFJLENBQUMsYUFBYSxHQUFHLEtBQUssQ0FBQztJQUM3QixDQUFDOytHQVBVLHVCQUF1QjttR0FBdkIsdUJBQXVCLG9MQUZ2QixDQUFDLEVBQUMsT0FBTyxFQUFFLFVBQVUsRUFBRSxXQUFXLEVBQUUsdUJBQXVCLEVBQUMsQ0FBQyxpRENQMUUsK3pDQXVDQTs7NEZEOUJhLHVCQUF1QjtrQkFObkMsU0FBUzsrQkFDRSxvQkFBb0IsYUFHbkIsQ0FBQyxFQUFDLE9BQU8sRUFBRSxVQUFVLEVBQUUsV0FBVyx5QkFBeUIsRUFBQyxDQUFDOzhCQUcvRCxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFDaUMsT0FBTztzQkFBN0MsV0FBVzt1QkFBQyxlQUFlOztzQkFBRyxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDZGtTdGVwcGVyfSBmcm9tICdAYW5ndWxhci9jZGsvc3RlcHBlcic7XG5pbXBvcnQge0NvbXBvbmVudCwgSG9zdEJpbmRpbmcsIElucHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXgtY29udGVudC1zdGVwcGVyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2NvbnRlbnQtc3RlcHBlci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2NvbnRlbnQtc3RlcHBlci5jb21wb25lbnQuc2NzcyddLFxuICBwcm92aWRlcnM6IFt7cHJvdmlkZTogQ2RrU3RlcHBlciwgdXNlRXhpc3Rpbmc6IENvbnRlbnRTdGVwcGVyQ29tcG9uZW50fV0sXG59KVxuZXhwb3J0IGNsYXNzIENvbnRlbnRTdGVwcGVyQ29tcG9uZW50IGV4dGVuZHMgQ2RrU3RlcHBlciB7XG4gIEBJbnB1dCgpIG1vZGU6ICdIT1JJWk9OVEFMJyB8ICdWRVJUSUNBTCc7XG4gIEBJbnB1dCgpIGludGVyYWN0YWJsZSA9IHRydWU7XG4gIEBIb3N0QmluZGluZygnY2xhc3MucmV2ZXJzZScpIEBJbnB1dCgpIHJldmVyc2UgPSBmYWxzZTtcblxuICBvbkNsaWNrKGluZGV4OiBudW1iZXIpOiB2b2lkIHtcbiAgICB0aGlzLnNlbGVjdGVkSW5kZXggPSBpbmRleDtcbiAgfVxufVxuIiwiPGRpdlxuICAqbmdJZj1cIm1vZGUgPT09ICdWRVJUSUNBTCdcIlxuICBjbGFzcz1cInN0ZXBwZXItd3JhcHBlciBzdGVwcGVyLXdyYXBwZXItdmVydGljYWxcIlxuICAoc3dpcGV1cCk9XCJpbnRlcmFjdGFibGUgPyBuZXh0KCkgOiB1bmRlZmluZWRcIlxuICAoc3dpcGVkb3duKT1cImludGVyYWN0YWJsZSA/IHByZXZpb3VzKCkgOiB1bmRlZmluZWRcIlxuPlxuICA8ZGl2IGNsYXNzPVwic3RlcC1jb250ZW50XCIgW25nQ2xhc3NdPVwie3NlbGVjdGVkfVwiPlxuICAgIDxuZy1jb250YWluZXIgW25nVGVtcGxhdGVPdXRsZXRdPVwic2VsZWN0ZWQ/LmNvbnRlbnQgfHwgbnVsbFwiPjwvbmctY29udGFpbmVyPlxuICA8L2Rpdj5cbiAgPGRpdiBjbGFzcz1cInN0ZXBwZXItYnV0dG9uc1wiPlxuICAgIDxidXR0b25cbiAgICAgIFtkaXNhYmxlZF09XCIhaW50ZXJhY3RhYmxlXCJcbiAgICAgIGNsYXNzPVwic3RlcC1idXR0b25cIlxuICAgICAgKm5nRm9yPVwibGV0IHN0ZXAgb2Ygc3RlcHM7IGxldCBpID0gaW5kZXhcIlxuICAgICAgW25nQ2xhc3NdPVwieydpcy1hY3RpdmUnOiBzZWxlY3RlZEluZGV4ID09PSBpfVwiXG4gICAgICAoY2xpY2spPVwiaW50ZXJhY3RhYmxlID8gb25DbGljayhpKSA6IHVuZGVmaW5lZFwiXG4gICAgPjwvYnV0dG9uPlxuICA8L2Rpdj5cbjwvZGl2PlxuXG48ZGl2XG4gICpuZ0lmPVwibW9kZSA9PT0gJ0hPUklaT05UQUwnXCJcbiAgY2xhc3M9XCJzdGVwcGVyLXdyYXBwZXIgc3RlcHBlci13cmFwcGVyLWhvcml6b250YWxcIlxuICAoc3dpcGVsZWZ0KT1cImludGVyYWN0YWJsZSA/IG5leHQoKSA6IHVuZGVmaW5lZFwiXG4gIChzd2lwZXJpZ2h0KT1cImludGVyYWN0YWJsZSA/IHByZXZpb3VzKCkgOiB1bmRlZmluZWRcIlxuPlxuICA8ZGl2IGNsYXNzPVwic3RlcC1jb250ZW50XCIgW25nQ2xhc3NdPVwie3NlbGVjdGVkfVwiPlxuICAgIDxuZy1jb250YWluZXIgW25nVGVtcGxhdGVPdXRsZXRdPVwic2VsZWN0ZWQ/LmNvbnRlbnQgfHwgbnVsbFwiPjwvbmctY29udGFpbmVyPlxuICA8L2Rpdj5cbiAgPGRpdiBjbGFzcz1cInN0ZXBwZXItYnV0dG9uc1wiPlxuICAgIDxidXR0b25cbiAgICAgIFtkaXNhYmxlZF09XCIhaW50ZXJhY3RhYmxlXCJcbiAgICAgIGNsYXNzPVwic3RlcC1idXR0b25cIlxuICAgICAgKm5nRm9yPVwibGV0IHN0ZXAgb2Ygc3RlcHM7IGxldCBpID0gaW5kZXhcIlxuICAgICAgW25nQ2xhc3NdPVwieydpcy1hY3RpdmUnOiBzZWxlY3RlZEluZGV4ID09PSBpfVwiXG4gICAgICAoY2xpY2spPVwiaW50ZXJhY3RhYmxlID8gb25DbGljayhpKSA6IHVuZGVmaW5lZFwiXG4gICAgPjwvYnV0dG9uPlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19