[{"__symbolic":"module","version":3,"metadata":{"SkyContribWizardComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"sky-contrib-wizard","template":"<sky-modal>\n  <sky-modal-header>\n    <sky-contrib-wizard-renderer\n      class=\"sky-contrib-wizard-header\"\n      [template]=\"headerTemplate || defaultHeaderTemplate\"\n    ></sky-contrib-wizard-renderer>\n  </sky-modal-header>\n  <sky-modal-content>\n    <sky-contrib-wizard-step-list\n      [steps]=\"steps\"\n      [currentStep]=\"currentStep\"\n      [wizard]=\"self\"\n    ></sky-contrib-wizard-step-list>\n    <sky-contrib-wizard-renderer\n      class=\"sky-contrib-wizard-steps\"\n      [template]=\"stepsTemplate || defaultStepsTemplate\"\n    ></sky-contrib-wizard-renderer>\n  </sky-modal-content>\n  <sky-modal-footer>\n    <div>\n      <button\n        type=\"button\"\n        class=\"sky-btn sky-btn-default footer-btn\"\n        *ngIf=\"currentStep != steps.first\"\n        (click)=\"goToPrevious()\"\n      >\n        {{ localizations.wizardPreviousButtonLabel }}\n      </button>\n      <button\n        type=\"button\"\n        class=\"sky-btn sky-btn-default footer-btn\"\n        [class.sky-btn-disabled]=\"currentStep && !currentStep.validator(model)\"\n        [disabled]=\"currentStep && !currentStep.validator(model)\"\n        (click)=\"goToNext()\"\n        *ngIf=\"currentStep != steps.last\"\n      >\n        {{ localizations.wizardNextButtonLabel }}\n      </button>\n      <button\n        type=\"button\"\n        class=\"sky-btn sky-btn-default footer-btn\"\n        [class.sky-btn-disabled]=\"!isValid()\"\n        [disabled]=\"!isValid()\"\n        *ngIf=\"visitedSteps.length == steps.length\"\n        (click)=\"saveAndClose()\"\n      >\n        {{ localizations.wizardSaveButtonLabel }}\n      </button>\n      <button type=\"button\" class=\"sky-btn sky-btn-link footer-btn\" (click)=\"modalInstance.close()\">\n        {{ localizations.wizardCancelButtonLabel }}\n      </button>\n    </div>\n    <sky-contrib-wizard-renderer [template]=\"footerTemplate || defaultFooterTemplate\"></sky-contrib-wizard-renderer>\n  </sky-modal-footer>\n</sky-modal>\n\n<ng-template #defaultHeaderTemplate></ng-template>\n<ng-template #defaultStepsTemplate></ng-template>\n<ng-template #defaultFooterTemplate></ng-template>\n","styles":[":host /deep/ sky-contrib-wizard-step{display:none}:host /deep/ sky-contrib-wizard-step.active{display:block}:host /deep/ .sky-contrib-wizard-header,:host /deep/ .sky-contrib-wizard-header h1{width:80%;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4;font-size:15px;font-family:\"Blackbaud Sans\",\"Helvetica Neue\",Arial,sans-serif;font-weight:600}:host /deep/ .sky-modal-footer-container{display:flex;align-items:center}:host /deep/ .sky-modal-footer-container>div:first-child{padding-right:15px}:host /deep/ button[hidden]{display:none}\n"]}]}],"members":{"model":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"onSaveAndClose":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"stepList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":[{"__symbolic":"reference","module":"./wizard-step-list.component","name":"SkyContribWizardStepListComponent"}]}]}],"steps":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","module":"./wizard-step.component","name":"SkyContribWizardStepComponent"},{"descendants":true}]}]}],"headerTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"stepsTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"footerTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"headerNode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","module":"./wizard-header.component","name":"SkyContribWizardHeaderComponent"}]}]}],"stepsNode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","module":"./wizard-steps.component","name":"SkyContribWizardStepsComponent"}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject"},"arguments":[{"__symbolic":"reference","module":"@blackbaud/skyux/dist/modules/modal","name":"SkyModalInstance"}]}]],"parameters":[{"__symbolic":"reference","module":"../locale/locale.service","name":"SkyContribLocaleService"},{"__symbolic":"reference","module":"@blackbaud/skyux/dist/modules/modal","name":"SkyModalInstance"}]}],"ngAfterContentInit":[{"__symbolic":"method"}],"goToPrevious":[{"__symbolic":"method"}],"goToNext":[{"__symbolic":"method"}],"goToStep":[{"__symbolic":"method"}],"isValid":[{"__symbolic":"method"}],"saveAndClose":[{"__symbolic":"method"}],"getCurrentStepIndex":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"SkyContribWizardComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"sky-contrib-wizard","template":"<sky-modal>\n  <sky-modal-header>\n    <sky-contrib-wizard-renderer\n      class=\"sky-contrib-wizard-header\"\n      [template]=\"headerTemplate || defaultHeaderTemplate\"\n    ></sky-contrib-wizard-renderer>\n  </sky-modal-header>\n  <sky-modal-content>\n    <sky-contrib-wizard-step-list\n      [steps]=\"steps\"\n      [currentStep]=\"currentStep\"\n      [wizard]=\"self\"\n    ></sky-contrib-wizard-step-list>\n    <sky-contrib-wizard-renderer\n      class=\"sky-contrib-wizard-steps\"\n      [template]=\"stepsTemplate || defaultStepsTemplate\"\n    ></sky-contrib-wizard-renderer>\n  </sky-modal-content>\n  <sky-modal-footer>\n    <div>\n      <button\n        type=\"button\"\n        class=\"sky-btn sky-btn-default footer-btn\"\n        *ngIf=\"currentStep != steps.first\"\n        (click)=\"goToPrevious()\"\n      >\n        {{ localizations.wizardPreviousButtonLabel }}\n      </button>\n      <button\n        type=\"button\"\n        class=\"sky-btn sky-btn-default footer-btn\"\n        [class.sky-btn-disabled]=\"currentStep && !currentStep.validator(model)\"\n        [disabled]=\"currentStep && !currentStep.validator(model)\"\n        (click)=\"goToNext()\"\n        *ngIf=\"currentStep != steps.last\"\n      >\n        {{ localizations.wizardNextButtonLabel }}\n      </button>\n      <button\n        type=\"button\"\n        class=\"sky-btn sky-btn-default footer-btn\"\n        [class.sky-btn-disabled]=\"!isValid()\"\n        [disabled]=\"!isValid()\"\n        *ngIf=\"visitedSteps.length == steps.length\"\n        (click)=\"saveAndClose()\"\n      >\n        {{ localizations.wizardSaveButtonLabel }}\n      </button>\n      <button type=\"button\" class=\"sky-btn sky-btn-link footer-btn\" (click)=\"modalInstance.close()\">\n        {{ localizations.wizardCancelButtonLabel }}\n      </button>\n    </div>\n    <sky-contrib-wizard-renderer [template]=\"footerTemplate || defaultFooterTemplate\"></sky-contrib-wizard-renderer>\n  </sky-modal-footer>\n</sky-modal>\n\n<ng-template #defaultHeaderTemplate></ng-template>\n<ng-template #defaultStepsTemplate></ng-template>\n<ng-template #defaultFooterTemplate></ng-template>\n","styles":[":host /deep/ sky-contrib-wizard-step{display:none}:host /deep/ sky-contrib-wizard-step.active{display:block}:host /deep/ .sky-contrib-wizard-header,:host /deep/ .sky-contrib-wizard-header h1{width:80%;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4;font-size:15px;font-family:\"Blackbaud Sans\",\"Helvetica Neue\",Arial,sans-serif;font-weight:600}:host /deep/ .sky-modal-footer-container{display:flex;align-items:center}:host /deep/ .sky-modal-footer-container>div:first-child{padding-right:15px}:host /deep/ button[hidden]{display:none}\n"]}]}],"members":{"model":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"onSaveAndClose":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"stepList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":[{"__symbolic":"reference","module":"./wizard-step-list.component","name":"SkyContribWizardStepListComponent"}]}]}],"steps":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","module":"./wizard-step.component","name":"SkyContribWizardStepComponent"},{"descendants":true}]}]}],"headerTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"stepsTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"footerTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"headerNode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","module":"./wizard-header.component","name":"SkyContribWizardHeaderComponent"}]}]}],"stepsNode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","module":"./wizard-steps.component","name":"SkyContribWizardStepsComponent"}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject"},"arguments":[{"__symbolic":"reference","module":"@blackbaud/skyux/dist/modules/modal","name":"SkyModalInstance"}]}]],"parameters":[{"__symbolic":"reference","module":"../locale/locale.service","name":"SkyContribLocaleService"},{"__symbolic":"reference","module":"@blackbaud/skyux/dist/modules/modal","name":"SkyModalInstance"}]}],"ngAfterContentInit":[{"__symbolic":"method"}],"goToPrevious":[{"__symbolic":"method"}],"goToNext":[{"__symbolic":"method"}],"goToStep":[{"__symbolic":"method"}],"isValid":[{"__symbolic":"method"}],"saveAndClose":[{"__symbolic":"method"}],"getCurrentStepIndex":[{"__symbolic":"method"}]}}}}]