How to use the @clr/angular.ClrWizard function in @clr/angular

//   // this.ipc['send']('startUpdate', null);
    //   window['shell'].openExternal('https://eosrio.io/simpleos/');
    // }
    //
    // openGithub() {
    //   window['shell'].openExternal('https://github.com/eosrio/simpleos/releases/latest');
    // }
    AppComponent.prototype.ngAfterViewInit = function () {
        var _this = this;
        setTimeout(function () {
            _this.network.connect(false);
        }, 888);
    };
    __decorate([
        core_1.ViewChild('ledgerwizard'),
        __metadata("design:type", angular_1.ClrWizard)
    ], AppComponent.prototype, "ledgerwizard", void 0);
    AppComponent = __decorate([
        core_1.Component({
            selector: 'app-root',
            templateUrl: './app.component.html',
            styleUrls: ['./app.component.css']
        }),
        __metadata("design:paramtypes", [network_service_1.NetworkService,
            accounts_service_1.AccountsService,
            eosjs_service_1.EOSJSService,
            crypto_service_1.CryptoService,
            connect_service_1.ConnectService,
            router_1.Router,
            backup_service_1.BackupService])
    ], AppComponent);
    return AppComponent;

this.disableIm = false;
            this.busy2 = false;
        }
    };
    var LandingComponent_1;
    __decorate([
        core_1.ViewChild('wizardexists'),
        __metadata("design:type", angular_1.ClrWizard)
    ], LandingComponent.prototype, "exisitswizard", void 0);
    __decorate([
        core_1.ViewChild('wizardnew'),
        __metadata("design:type", angular_1.ClrWizard)
    ], LandingComponent.prototype, "wizardnew", void 0);
    __decorate([
        core_1.ViewChild('wizardkeys'),
        __metadata("design:type", angular_1.ClrWizard)
    ], LandingComponent.prototype, "wizardkeys", void 0);
    __decorate([
        core_1.ViewChild('customImportBK'),
        __metadata("design:type", core_1.ElementRef)
    ], LandingComponent.prototype, "customImportBK", void 0);
    LandingComponent = LandingComponent_1 = __decorate([
        core_1.Component({
            selector: 'app-landing',
            templateUrl: './landing.component.html',
            styleUrls: ['./landing.component.css']
        }),
        __metadata("design:paramtypes", [eosjs_service_1.EOSJSService,
            voting_service_1.VotingService,
            crypto_service_1.CryptoService,
            forms_1.FormBuilder,
            accounts_service_1.AccountsService,

animation: 'slideDown',
            limit: 1,
        });
        var toast = {
            type: type,
            title: title,
            body: body,
            timeout: 10000,
            showCloseButton: true,
            bodyOutputType: angular2_toaster_1.BodyOutputType.TrustedHtml,
        };
        this.toaster.popAsync(toast);
    };
    __decorate([
        core_1.ViewChild('newAccountWizard'),
        __metadata("design:type", angular_1.ClrWizard)
    ], DashboardComponent.prototype, "wizardaccount", void 0);
    __decorate([
        core_1.ViewChild('importAccountWizard'),
        __metadata("design:type", angular_1.ClrWizard)
    ], DashboardComponent.prototype, "importwizard", void 0);
    DashboardComponent = __decorate([
        core_1.Component({
            selector: 'app-dashboard',
            templateUrl: './dashboard.component.html',
            styleUrls: ['./dashboard.component.css']
        }),
        __metadata("design:paramtypes", [eosjs_service_1.EOSJSService,
            forms_1.FormBuilder,
            accounts_service_1.AccountsService,
            angular2_toaster_1.ToasterService,
            crypto_service_1.CryptoService,