{"__symbolic":"module","version":4,"metadata":{"WizardModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":13,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":14,"character":12},{"__symbolic":"reference","module":"@angular/flex-layout","name":"FlexLayoutModule","line":14,"character":26},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":14,"character":44},{"__symbolic":"reference","module":"@angular/material/button","name":"MatButtonModule","line":14,"character":59},{"__symbolic":"reference","module":"@angular/material/divider","name":"MatDividerModule","line":14,"character":76}],"declarations":[{"__symbolic":"reference","name":"UxgWizardComponent"},{"__symbolic":"reference","name":"UxgWizardTitleComponent"},{"__symbolic":"reference","name":"UxgWizardPageComponent"},{"__symbolic":"reference","name":"UxgWizardPageTitleComponent"},{"__symbolic":"reference","name":"UxgWizardPageDescriptionComponent"},{"__symbolic":"reference","name":"UxgWizardButtonComponent"}],"exports":[{"__symbolic":"reference","name":"UxgWizardComponent"},{"__symbolic":"reference","name":"UxgWizardTitleComponent"},{"__symbolic":"reference","name":"UxgWizardPageComponent"},{"__symbolic":"reference","name":"UxgWizardPageTitleComponent"},{"__symbolic":"reference","name":"UxgWizardPageDescriptionComponent"},{"__symbolic":"reference","name":"UxgWizardButtonComponent"}]}]}],"members":{}},"UxgWizardComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":18,"character":1},"arguments":[{"selector":"uxg-wizard","providers":[{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵc"}],"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":23,"character":17},"member":"None"},"host":{"[class.uxg-wizard]":"true","$quoted$":["[class.uxg-wizard]"]},"animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","name":"ɵd"}}],"template":"<div fxFlexFill fxLayout=\"row\" fxLayout.xs=\"column\" class=\"uxg-wizard\">\n  <div fxFlex=\"66\" fxFlex.xs=\"0\"></div>\n  <div fxHide.xs fxFlex class=\"uxg-wizard-right-panel\">\n    <div *ngIf=\"showCloseButton\" class=\"close-button\">\n      <button mat-icon-button (click)=\"navService.cancel()\">\n        <mat-icon aria-hidden=\"false\" aria-label=\"Close\">clear</mat-icon>\n      </button>\n    </div>\n  </div>\n  <h4 fxHide.xs class=\"uxg-wizard-title uxg-h4\">\n    <ng-content select=\"uxg-wizard-title\"></ng-content>\n  </h4>\n\n  <div fxHide fxShow.xs fxLayout=\"column\" class=\"uxg-wizard-timeline-xs\">\n    <div fxLayout=\"row\" fxLayoutAlign=\"space-around\">\n      <div class=\"step active\">\n        <div>{{ navService.currentPage ? pageCollection.getPageIndex(navService.currentPage) + 1 : 1 }}</div>\n      </div>\n      <div fxFlex=\"80\" fxLayout=\"column\" fxLayoutAlign=\"space-around stretch\">\n        <div class=\"step-info-container\">\n          <div class=\"step-title uxg-h5\">\n            <ng-template [ngTemplateOutlet]=\"navService.currentPageTitle\"></ng-template>\n          </div>\n          <div class=\"step-description\">\n            <ng-template [ngTemplateOutlet]=\"navService.currentPageDescription\"></ng-template>\n          </div>\n        </div>\n      </div>\n      <div *ngIf=\"showCloseButton\" class=\"close-button\">\n        <button mat-icon-button (click)=\"navService.cancel()\">\n          <mat-icon aria-hidden=\"false\" aria-label=\"Close\">clear</mat-icon>\n        </button>\n      </div>\n    </div>\n  </div>\n\n  <div\n    class=\"uxg-wizard-container mat-elevation-z4\"\n    fxLayout=\"column\"\n    fxFlex.xs=\"100\"\n    [ngClass.xs]=\"'xs'\"\n    (touchstart)=\"swipe($event, 'start')\"\n    (touchend)=\"swipe($event, 'end')\"\n  >\n    <main [@wizardAnimation]=\"currentPageId\" class=\"uxg-wizard-content\" fxFlex>\n      <div fxHide.xs *ngIf=\"showPageTitles\" class=\"uxg-wizard-page-title uxg-h3\">\n        <ng-template [ngTemplateOutlet]=\"navService.currentPageTitle\"></ng-template>\n      </div>\n      <ng-content></ng-content>\n    </main>\n\n    <mat-divider></mat-divider>\n    <div class=\"uxg-wizard-footer\" fxFlex=\"10\" [ngClass.xs]=\"'xs'\">\n      <div class=\"uxg-wizard-footer-buttons-wrapper\">\n        <ng-content select=\"uxg-wizard-button\"></ng-content>\n\n        <div fxHide fxShow.xs class=\"dot-navigation\">\n          <div fxFlex=\"70\" fxLayout=\"row\" fxLayoutAlign=\"center\" class=\"dot-navigation-flex\">\n            <ng-container *ngFor=\"let page of pages\">\n              <div\n                class=\"dot\"\n                [ngClass]=\"{\n                  active: page.current\n                }\"\n                (click)=\"onStepClick(page)\"\n              ></div>\n            </ng-container>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n\n  <div fxHide.xs fxLayout=\"row\" class=\"uxg-wizard-timeline\">\n    <div fxFlex=\"20\" fxLayout=\"column\" fxLayoutAlign=\"space-around center\">\n      <div class=\"timeline-progress-bar\" [ngStyle]=\"{ 'height.%': (100 * (pages.length - 1)) / pages.length }\">\n        <span\n          id=\"dp-create-project-wizard-timeline-progress\"\n          class=\"timeline-progress\"\n          [ngStyle]=\"{ 'height.%': (100 * currentPageId) / (pages.length - 1) }\"\n        ></span>\n      </div>\n      <ng-container *ngFor=\"let page of pages\">\n        <div\n          class=\"step\"\n          [ngClass]=\"{\n            done: pageCollection.getPageIndex(page) < currentPageId,\n            active: page.current,\n            disabled: page.disabled\n          }\"\n          (click)=\"onStepClick(page)\"\n        >\n          <ng-container *ngIf=\"pageCollection.getPageIndex(page) < currentPageId; else showIndex\">\n            <mat-icon>checkmark</mat-icon>\n          </ng-container>\n          <ng-template #showIndex>\n            <div>{{ pageCollection.getPageIndex(page) + 1 }}</div>\n          </ng-template>\n        </div>\n      </ng-container>\n    </div>\n    <div fxFlex=\"80\" fxLayout=\"column\" fxLayoutAlign=\"space-around stretch\">\n      <ng-container *ngFor=\"let page of pages\">\n        <div\n          fxLayout=\"column\"\n          class=\"step-info-container\"\n          [ngClass]=\"{\n            active: page.current,\n            disabled: page.disabled\n          }\"\n          (click)=\"onStepClick(page)\"\n        >\n          <div class=\"step-title uxg-h5\">\n            <ng-template [ngTemplateOutlet]=\"page.title\"></ng-template>\n          </div>\n          <div class=\"step-description\">\n            <ng-template [ngTemplateOutlet]=\"page.description\"></ng-template>\n          </div>\n        </div>\n      </ng-container>\n    </div>\n  </div>\n</div>\n","styles":[".mt-0{margin-top:0!important}.pt-0{padding-top:0!important}.mb-0{margin-bottom:0!important}.pb-0{padding-bottom:0!important}.ml-0{margin-left:0!important}.pl-0{padding-left:0!important}.mr-0{margin-right:0!important}.pr-0{padding-right:0!important}.m-0{margin:0!important}.p-0{padding:0!important}.mt-1{margin-top:4px!important}.pt-1{padding-top:4px!important}.mb-1{margin-bottom:4px!important}.pb-1{padding-bottom:4px!important}.ml-1{margin-left:4px!important}.pl-1{padding-left:4px!important}.mr-1{margin-right:4px!important}.pr-1{padding-right:4px!important}.m-1{margin:4px!important}.p-1{padding:4px!important}.mt-2{margin-top:8px!important}.pt-2{padding-top:8px!important}.mb-2{margin-bottom:8px!important}.pb-2{padding-bottom:8px!important}.ml-2{margin-left:8px!important}.pl-2{padding-left:8px!important}.mr-2{margin-right:8px!important}.pr-2{padding-right:8px!important}.m-2{margin:8px!important}.p-2{padding:8px!important}.mt-3{margin-top:16px!important}.pt-3{padding-top:16px!important}.mb-3{margin-bottom:16px!important}.pb-3{padding-bottom:16px!important}.ml-3{margin-left:16px!important}.pl-3{padding-left:16px!important}.mr-3{margin-right:16px!important}.pr-3{padding-right:16px!important}.m-3{margin:16px!important}.p-3{padding:16px!important}.mt-4{margin-top:24px!important}.pt-4{padding-top:24px!important}.mb-4{margin-bottom:24px!important}.pb-4{padding-bottom:24px!important}.ml-4{margin-left:24px!important}.pl-4{padding-left:24px!important}.mr-4{margin-right:24px!important}.pr-4{padding-right:24px!important}.m-4{margin:24px!important}.p-4{padding:24px!important}.mt-5{margin-top:48px!important}.pt-5{padding-top:48px!important}.mb-5{margin-bottom:48px!important}.pb-5{padding-bottom:48px!important}.ml-5{margin-left:48px!important}.pl-5{padding-left:48px!important}.mr-5{margin-right:48px!important}.pr-5{padding-right:48px!important}.m-5{margin:48px!important}.p-5{padding:48px!important}.mt-6{margin-top:96px!important}.pt-6{padding-top:96px!important}.mb-6{margin-bottom:96px!important}.pb-6{padding-bottom:96px!important}.ml-6{margin-left:96px!important}.pl-6{padding-left:96px!important}.mr-6{margin-right:96px!important}.pr-6{padding-right:96px!important}.m-6{margin:96px!important}.p-6{padding:96px!important}.uxg-wizard{position:relative}.uxg-wizard .uxg-wizard-container{position:absolute;border-radius:6px;top:8%;bottom:5%;left:5%;right:22%}.uxg-wizard .uxg-wizard-container.xs{position:static;width:100%}.uxg-wizard .uxg-wizard-container.xs uxg-wizard-page{width:100%;top:0}.uxg-wizard .uxg-wizard-content{position:relative}.uxg-wizard .uxg-wizard-right-panel .close-button{float:right;padding:16px}.uxg-wizard .uxg-wizard-title{position:absolute;display:flex;justify-content:center;top:3%;left:5%;right:22%}.uxg-wizard .uxg-wizard-footer{display:flex;align-items:center;margin:0 16px}.uxg-wizard .uxg-wizard-footer .dot-navigation{order:2;margin-left:auto;width:50%}.uxg-wizard .uxg-wizard-footer .dot-navigation .dot-navigation-flex{margin:auto}.uxg-wizard .uxg-wizard-footer .dot-navigation .dot-navigation-flex .dot{width:8px;height:8px;border-radius:50%;margin:4px}.uxg-wizard .uxg-wizard-footer.xs{margin-left:0}.uxg-wizard .uxg-wizard-footer.xs uxg-wizard-button{align-self:center}.uxg-wizard .uxg-wizard-footer.xs uxg-wizard-button[type=cancel]{display:none}.uxg-wizard .uxg-wizard-footer.xs uxg-wizard-button[type=previous]{margin-right:0;margin-left:0}.uxg-wizard .uxg-wizard-footer.xs uxg-wizard-button[type=previous][aria-hidden=true]{display:initial;visibility:hidden}.uxg-wizard .uxg-wizard-footer.xs uxg-wizard-button[type=done],.uxg-wizard .uxg-wizard-footer.xs uxg-wizard-button[type=next]{order:3;margin-right:0;margin-left:auto}.uxg-wizard .uxg-wizard-footer-buttons-wrapper{display:flex;width:100%;min-height:44px;height:44px}.uxg-wizard .uxg-wizard-page-title{display:flex;align-items:center;justify-content:center;height:12%}.uxg-wizard .uxg-wizard-timeline{position:absolute;top:15%;right:2%;bottom:15%;width:calc(22% + 4px)}.uxg-wizard .uxg-wizard-timeline .step{width:42px;height:42px;border:4px solid;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin-left:4px;z-index:2}.uxg-wizard .uxg-wizard-timeline .step.done{-webkit-animation:pop .5s;animation:pop .5s}.uxg-wizard .uxg-wizard-timeline .step.disabled{pointer-events:none}.uxg-wizard .uxg-wizard-timeline .timeline-progress-bar{position:absolute;width:4px;margin-left:2px;z-index:1}.uxg-wizard .uxg-wizard-timeline .timeline-progress-bar .timeline-progress{position:absolute;width:4px;transition:.5s}.uxg-wizard .uxg-wizard-timeline .step-info-container{cursor:pointer;height:115px;justify-content:center;padding:16px}.uxg-wizard .uxg-wizard-timeline .step-info-container .step-title{transition:color .25s ease-in;margin-bottom:8px}.uxg-wizard .uxg-wizard-timeline .step-info-container .step-description{transition:color .25s ease-in}.uxg-wizard .uxg-wizard-timeline .step-info-container.disabled{pointer-events:none}.uxg-wizard .uxg-wizard-timeline .step-info-container.active{border-radius:4px}.uxg-wizard .uxg-wizard-timeline-xs{width:100%;padding:16px}.uxg-wizard .uxg-wizard-timeline-xs .step{width:36px;height:36px;margin-right:8px;border:4px solid;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.uxg-wizard .uxg-wizard-timeline-xs .step.active{align-self:center}.uxg-wizard .uxg-wizard-timeline-xs .step-title{margin-bottom:8px}.uxg-wizard .uxg-wizard-timeline-xs .close-button{position:absolute;right:.5em;top:0}uxg-wizard-button{margin-right:2rem;margin-left:1rem}uxg-wizard-button[aria-hidden=true]{display:none}uxg-wizard-button.auto-margin{margin-right:auto}uxg-wizard-page{overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;position:absolute;bottom:0;top:12%;right:2rem;left:0}uxg-wizard-page[aria-hidden=true]{z-index:0}uxg-wizard-page.active{z-index:1}uxg-wizard-page.no-title{top:0}@-webkit-keyframes pop{50%{transform:scale(1.5)}to{transform:scale(1)}}@keyframes pop{50%{transform:scale(1.5)}to{transform:scale(1)}}"]}]}],"members":{"pages":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":30,"character":3},"arguments":[{"__symbolic":"reference","name":"UxgWizardPageComponent"}]}]}],"showPageTitles":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3},"arguments":["uxgWizardShowPageTitles"]}]}],"showCloseButton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3},"arguments":["uxgWizardShowCloseButton"]}]}],"startingPage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3},"arguments":["uxgWizardStartingPage"]}]}],"cancel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":38,"character":3},"arguments":["uxgWizardOnCancel"]}]}],"done":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":40,"character":3},"arguments":["uxgWizardOnDone"]}]}],"currentPageChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":42,"character":3},"arguments":["uxgWizardCurrentPageChange"]}]}],"ngAfterContentInit":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵc"}]}],"ngOnDestroy":[{"__symbolic":"method"}],"onStepClick":[{"__symbolic":"method"}],"swipe":[{"__symbolic":"method"}],"listenForCancelChanges":[{"__symbolic":"method"}],"listenForDoneChanges":[{"__symbolic":"method"}],"listenForPageChanges":[{"__symbolic":"method"}]}},"UxgWizardTitleComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"uxg-wizard-title","template":" <ng-content></ng-content> "}]}],"members":{}},"UxgWizardButtonType":{"__symbolic":"interface"},"UxgWizardButtonComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"uxg-wizard-button","host":{"[class.uxg-wizard-button]":"true","[class.auto-margin]":"isCancel || isCustom","[attr.aria-hidden]":"isHidden","[attr.type]":"type","$quoted$":["[class.uxg-wizard-button]","[class.auto-margin]","[attr.aria-hidden]","[attr.type]"]},"template":"<ng-container [ngSwitch]=\"type\">\n  <button\n    *ngSwitchDefault\n    mat-button\n    color=\"accent\"\n    [attr.large]=\"!media.isActive('xs') || null\"\n    [attr.dense]=\"media.isActive('xs') || null\"\n    [disabled]=\"disabledAttribute\"\n    [class.disabled]=\"isDisabled\"\n    (click)=\"click()\"\n  >\n    <ng-container *ngTemplateOutlet=\"contentTpl\"></ng-container>\n  </button>\n  <button\n    *ngSwitchCase=\"'next'\"\n    mat-stroked-button\n    color=\"accent\"\n    [attr.large]=\"!media.isActive('xs') || null\"\n    [attr.dense]=\"media.isActive('xs') || null\"\n    [disabled]=\"disabledAttribute\"\n    [class.disabled]=\"isDisabled\"\n    (click)=\"click()\"\n  >\n    <ng-container *ngTemplateOutlet=\"contentTpl\"></ng-container>\n  </button>\n  <button\n    *ngSwitchCase=\"'done'\"\n    mat-flat-button\n    color=\"accent\"\n    [attr.large]=\"!media.isActive('xs') || null\"\n    [attr.dense]=\"media.isActive('xs') || null\"\n    [disabled]=\"disabledAttribute\"\n    [class.disabled]=\"isDisabled\"\n    (click)=\"click()\"\n  >\n    <ng-container *ngTemplateOutlet=\"contentTpl\"></ng-container>\n  </button>\n  <div *ngSwitchCase=\"'custom'\">\n    <ng-container *ngTemplateOutlet=\"contentTpl\"></ng-container>\n  </div>\n</ng-container>\n\n<ng-template #contentTpl><ng-content></ng-content></ng-template>\n"}]}],"members":{"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3},"arguments":["uxgWizardButtonDisabled"]}]}],"hidden":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3},"arguments":["uxgWizardButtonHidden"]}]}],"alwaysShow":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3},"arguments":["uxgWizardButtonAlwaysShow"]}]}],"wasClicked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":26,"character":3},"arguments":["uxgWizardButtonClicked"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","module":"@angular/flex-layout","name":"MediaObserver","line":31,"character":18}]}],"checkDefaultType":[{"__symbolic":"method"}],"click":[{"__symbolic":"method"}]}},"UxgWizardPageComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"uxg-wizard-page","template":"<ng-content *ngIf=\"current\"></ng-content>","host":{"[id]":"id","role":"tabpanel","[attr.aria-hidden]":"!current","[class.active]":"current","[class.no-title]":"!showTitle","[class.uxg-wizard-page]":"true","$quoted$":["[id]","[attr.aria-hidden]","[class.active]","[class.no-title]","[class.uxg-wizard-page]"]}}]}],"members":{"load":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":20,"character":3},"arguments":["uxgWizardPageOnLoad"]}]}],"nextButtonClicked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":22,"character":3},"arguments":["uxgWizardPageNext"]}]}],"previousButtonClicked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":24,"character":3},"arguments":["uxgWizardPagePrevious"]}]}],"doneButtonClicked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":26,"character":3},"arguments":["uxgWizardPageDone"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵc"}]}],"pageTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":42,"character":3},"arguments":[{"__symbolic":"reference","name":"UxgWizardPageTitleComponent"},{"static":true}]}]}],"pageDescription":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":45,"character":3},"arguments":[{"__symbolic":"reference","name":"UxgWizardPageDescriptionComponent"},{"static":true}]}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":54,"character":3},"arguments":["uxgWizardPageDisabled"]}]}],"pageDisabledChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":62,"character":3},"arguments":["uxgWizardPageDisabledChange"]}]}],"nextStepDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":70,"character":3},"arguments":["uxgWizardPageNextDisabled"]}]}],"nextStepDisabledChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":78,"character":3},"arguments":["uxgWizardPageNextDisabledChange"]}]}],"previousStepDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":86,"character":3},"arguments":["uxgWizardPagePreviousDisabled"]}]}],"previousStepDisabledChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":94,"character":3},"arguments":["uxgWizardPagePreviousDisabledChange"]}]}]}},"UxgWizardPageTitleComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1},"arguments":[{"selector":"[uxgWizardPageTitle]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any"}]}]}]}},"UxgWizardPageDescriptionComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1},"arguments":[{"selector":"[uxgWizardPageDescription]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any"}]}]}]}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":6,"character":1}}],"members":{"setFirstPageCurrent":[{"__symbolic":"method"}],"cancel":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵc"}]}],"ngOnDestroy":[{"__symbolic":"method"}],"next":[{"__symbolic":"method"}],"forceNext":[{"__symbolic":"method"}],"checkAndCommitCurrentPage":[{"__symbolic":"method"}],"previous":[{"__symbolic":"method"}],"goTo":[{"__symbolic":"method"}]}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":3,"character":1}}],"members":{"getPageById":[{"__symbolic":"method"}],"getPageByIndex":[{"__symbolic":"method"}],"getPageIndex":[{"__symbolic":"method"}],"checkResults":[{"__symbolic":"method"}],"pageRange":[{"__symbolic":"method"}],"getPageRangeFromPages":[{"__symbolic":"method"}],"getPreviousPage":[{"__symbolic":"method"}],"getNextPage":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor"}]}},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":3,"character":1}}],"members":{"buttonClicked":[{"__symbolic":"method"}]}},"ɵd":{"__symbolic":"function","parameters":[],"value":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":3,"character":9},"arguments":["wizardAnimation",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":5,"character":4},"arguments":[":decrement",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"query","line":7,"character":6},"arguments":[":enter",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":9,"character":8},"arguments":[{"width":"100%","transform":"translateX(-100%)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"group","line":15,"character":6},"arguments":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"query","line":17,"character":8},"arguments":[":leave",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":19,"character":10},"arguments":["500ms ease-in-out",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":21,"character":12},"arguments":[{"opacity":0,"width":"100%","transform":"translateX(100%)"}]}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"query","line":29,"character":8},"arguments":[":enter",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":31,"character":10},"arguments":["500ms ease-in-out",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":33,"character":12},"arguments":[{"opacity":1,"transform":"translateX(0%)"}]}]}]}]]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":43,"character":4},"arguments":[":increment",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"query","line":45,"character":6},"arguments":[":enter",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":47,"character":8},"arguments":[{"width":"100%","transform":"translateX(100%)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"group","line":53,"character":6},"arguments":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"query","line":55,"character":8},"arguments":[":leave",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":57,"character":10},"arguments":["500ms ease-in-out",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":59,"character":12},"arguments":[{"opacity":0,"width":"100%","transform":"translateX(-100%)"}]}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"query","line":67,"character":8},"arguments":[":enter",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":69,"character":10},"arguments":["500ms ease-in-out",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":71,"character":12},"arguments":[{"opacity":1,"transform":"translateX(0%)"}]}]}]}]]}]]}]]}}},"origins":{"WizardModule":"./src/wizard.module","UxgWizardComponent":"./src/wizard.component","UxgWizardTitleComponent":"./src/wizard-title.component","UxgWizardButtonType":"./src/wizard-button/wizard-button.component","UxgWizardButtonComponent":"./src/wizard-button/wizard-button.component","UxgWizardPageComponent":"./src/wizard-page/wizard-page.component","UxgWizardPageTitleComponent":"./src/wizard-page/wizard-page-title.directive","UxgWizardPageDescriptionComponent":"./src/wizard-page/wizard-page-description.directive","ɵa":"./src/services/wizard-navigation.service","ɵb":"./src/services/page-collection.service","ɵc":"./src/services/button-hub.service","ɵd":"./src/animations"},"importAs":"@ffdc/uxg-angular-components/wizard"}