| ***************************************************************************** */var u=function(e,t){return(u=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])})(e,t)};function f(e,t){function n(){this.constructor=e}u(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}Object.create;function g(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var i,r,a=n.call(e),s=[];try{for(;(void 0===t||t-- >0)&&!(i=a.next()).done;)s.push(i.value)}catch(e){r={error:e}}finally{try{i&&!i.done&&(n=a.return)&&n.call(a)}finally{if(r)throw r.error}}return s}function m(){for(var e=[],t=0;t<arguments.length;t++)e=e.concat(g(arguments[t]));return e}Object.create;var b={None:"none",Required:"required",Complete:"complete"},v=function(e){function t(t,n){return e.call(this,t,n)||this}return f(t,e),t}(i.TemplatePortalDirective);v.decorators=[{type:t.Directive,args:[{selector:"[td-step-label]ng-template"}]}],v.ctorParameters=function(){return[{type:t.TemplateRef},{type:t.ViewContainerRef}]};var y=function(e){function t(t,n){return e.call(this,t,n)||this}return f(t,e),t}(i.TemplatePortalDirective);y.decorators=[{type:t.Directive,args:[{selector:"[td-step-actions]ng-template"}]}],y.ctorParameters=function(){return[{type:t.TemplateRef},{type:t.ViewContainerRef}]};var _=function(e){function t(t,n){return e.call(this,t,n)||this}return f(t,e),t}(i.TemplatePortalDirective);_.decorators=[{type:t.Directive,args:[{selector:"[td-step-summary]ng-template"}]}],_.ctorParameters=function(){return[{type:t.TemplateRef},{type:t.ViewContainerRef}]};var x=function(){},C=o.mixinDisableRipple(o.mixinDisabled(x)),w=function(e){function n(n){var i=e.call(this)||this;return i._viewContainerRef=n,i._active=!1,i._state=b.None,i.activated=new t.EventEmitter,i.deactivated=new t.EventEmitter,i}return f(n,e),Object.defineProperty(n.prototype,"stepContent",{get:function(){return this._contentPortal},enumerable:!1,configurable:!0}),Object.defineProperty(n.prototype,"active",{get:function(){return this._active},set:function(e){this._setActive(l.coerceBooleanProperty(e))},enumerable:!1,configurable:!0}),Object.defineProperty(n.prototype,"state",{get:function(){return this._state},set:function(e){switch(e){case b.Complete:this._state=b.Complete;break;case b.Required:this._state=b.Required;break;default:this._state=b.None}},enumerable:!1,configurable:!0}),n.prototype.ngOnInit=function(){this._contentPortal=new i.TemplatePortal(this._content,this._viewContainerRef)},n.prototype.toggle=function(){return this._setActive(!this._active)},n.prototype.open=function(){return this._setActive(!0)},n.prototype.close=function(){return this._setActive(!1)},n.prototype.isComplete=function(){return this._state===b.Complete},n.prototype.onDisabledChange=function(e){e&&this._active&&(this._active=!1,this._onDeactivated())},n.prototype._setActive=function(e){return!this.disabled&&(this._active!==e&&(this._active=e,e?this._onActivated():this._onDeactivated(),!0))},n.prototype._onActivated=function(){this.activated.emit()},n.prototype._onDeactivated=function(){this.deactivated.emit()},n}(C);w.decorators=[{type:t.Component,args:[{selector:"td-step",inputs:["disabled","disableRipple"],template:"<ng-template>\n <ng-content></ng-content>\n</ng-template>\n"}]}],w.ctorParameters=function(){return[{type:t.ViewContainerRef}]},w.propDecorators={_content:[{type:t.ViewChild,args:[t.TemplateRef,{static:!0}]}],stepLabel:[{type:t.ContentChild,args:[v]}],stepActions:[{type:t.ContentChild,args:[y]}],stepSummary:[{type:t.ContentChild,args:[_]}],label:[{type:t.Input}],sublabel:[{type:t.Input}],active:[{type:t.Input,args:["active"]}],state:[{type:t.Input,args:["state"]}],activated:[{type:t.Output}],deactivated:[{type:t.Output}]};var R={Vertical:"vertical",Horizontal:"horizontal"},S=function(){function e(){this._mode=R.Vertical,this.stepChange=new t.EventEmitter}return Object.defineProperty(e.prototype,"stepsContent",{set:function(e){e&&(this._steps=e,this._registerSteps())},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"steps",{get:function(){return this._steps.toArray()},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"mode",{get:function(){return this._mode},set:function(e){this._mode=e===R.Horizontal?R.Horizontal:R.Vertical},enumerable:!1,configurable:!0}),e.prototype.ngAfterContentInit=function(){this._registerSteps()},e.prototype.ngOnDestroy=function(){this._deregisterSteps()},e.prototype.isHorizontal=function(){return this._mode===R.Horizontal},e.prototype.isVertical=function(){return this._mode===R.Vertical},e.prototype.areStepsActive=function(){return this._steps.filter((function(e){return e.active})).length>0},e.prototype._onStepSelection=function(e){if(this.prevStep!==e){var t=this.prevStep;this.prevStep=e;var n={newStep:e,prevStep:t};this._deactivateAllBut(e),this.stepChange.emit(n)}},e.prototype._deactivateAllBut=function(e){this._steps.filter((function(t){return t!==e})).forEach((function(e){e.active=!1}))},e.prototype._registerSteps=function(){var e=this;this._subcriptions=[],this._steps.toArray().forEach((function(t){var n=t.activated.asObservable().subscribe((function(){e._onStepSelection(t)}));e._subcriptions.push(n)}))},e.prototype._deregisterSteps=function(){this._subcriptions&&(this._subcriptions.forEach((function(e){e.unsubscribe()})),this._subcriptions=void 0)},e}();S.decorators=[{type:t.Component,args:[{selector:"td-steps",template:'<div *ngIf="isHorizontal()" class="td-steps-header">\n <ng-template let-step let-index="index" let-last="last" ngFor [ngForOf]="steps">\n <td-step-header\n class="td-step-horizontal-header"\n (keydown.enter)="step.open()"\n [number]="index + 1"\n [active]="step.active"\n [disableRipple]="step.disableRipple"\n [disabled]="step.disabled"\n [state]="step.state"\n (click)="step.open()"\n >\n <ng-template td-step-header-label [cdkPortalOutlet]="step.stepLabel"></ng-template>\n <ng-template td-step-header-label [ngIf]="!step.stepLabel">{{ step.label }}</ng-template>\n <ng-template td-step-header-sublabel [ngIf]="true">{{ step.sublabel | truncate: 30 }}</ng-template>\n </td-step-header>\n <span *ngIf="!last" class="td-horizontal-line"></span>\n </ng-template>\n</div>\n<div *ngFor="let step of steps; let index = index; let last = last" class="td-step">\n <td-step-header\n class="td-step-vertical-header"\n (keydown.enter)="step.toggle()"\n [number]="index + 1"\n [active]="step.active"\n [disabled]="step.disabled"\n [disableRipple]="step.disableRipple"\n [state]="step.state"\n (click)="step.toggle()"\n *ngIf="isVertical()"\n >\n <ng-template td-step-header-label [cdkPortalOutlet]="step.stepLabel"></ng-template>\n <ng-template td-step-header-label [ngIf]="!step.stepLabel">{{ step.label }}</ng-template>\n <ng-template td-step-header-sublabel [ngIf]="true">{{ step.sublabel }}</ng-template>\n </td-step-header>\n <ng-template [ngIf]="isVertical() || step.active || (!areStepsActive() && prevStep === step)">\n <td-step-body [active]="step.active" [state]="step.state">\n <div *ngIf="isVertical()" class="td-line-wrapper">\n <div *ngIf="!last" class="td-vertical-line"></div>\n </div>\n <ng-template td-step-body-content [cdkPortalOutlet]="step.stepContent"></ng-template>\n <ng-template td-step-body-actions [cdkPortalOutlet]="step.stepActions"></ng-template>\n <ng-template td-step-body-summary [cdkPortalOutlet]="step.stepSummary"></ng-template>\n </td-step-body>\n </ng-template>\n</div>\n',host:{class:"td-steps"},styles:[".td-line-wrapper,.td-step{position:relative}.td-steps-header{-ms-flex-direction:row;box-sizing:border-box;display:-ms-flexbox;display:flex;flex-direction:row}.td-line-wrapper{min-height:1px;width:24px}.td-horizontal-line{-ms-flex:1;border-bottom-style:solid;border-bottom-width:1px;box-sizing:border-box;flex:1;height:1px;min-width:15px;position:relative;top:36px}::ng-deep :not([dir=rtl]) .td-horizontal-line{left:-6px;right:-3px}::ng-deep [dir=rtl] .td-horizontal-line{left:-3px;right:-6px}.td-vertical-line{border-left-style:solid;border-left-width:1px;bottom:-16px;position:absolute;top:-16px}::ng-deep :not([dir=rtl]) .td-vertical-line{left:20px;right:auto}::ng-deep [dir=rtl] .td-vertical-line{left:auto;right:20px}"]}]}],S.propDecorators={stepsContent:[{type:t.ContentChildren,args:[w,{descendants:!0}]}],mode:[{type:t.Input,args:["mode"]}],stepChange:[{type:t.Output}]};var k=function(){},D=o.mixinDisableRipple(o.mixinDisabled(k)),I=function(e){function t(){var t=e.apply(this,m(arguments))||this;return t.state=b.None,t}return f(t,e),t.prototype.isComplete=function(){return this.state===b.Complete},t.prototype.isRequired=function(){return this.state===b.Required},t}(D);I.decorators=[{type:t.Component,args:[{selector:"td-step-header",inputs:["disabled","disableRipple"],template:'<div\n class="td-step-header"\n [class.mat-disabled]="disabled"\n matRipple\n [matRippleDisabled]="disabled || disableRipple"\n [tabIndex]="disabled ? -1 : tabIndex || 0"\n>\n <div\n class="td-circle"\n [class.mat-inactive]="(!active && !isComplete()) || disabled"\n [class.mat-active]="active && !disabled"\n *ngIf="!isRequired() && !isComplete()"\n >\n <span *ngIf="active || !isComplete()">{{ number || \'\' }}</span>\n </div>\n <div class="td-complete" *ngIf="isComplete()">\n <mat-icon class="mat-complete">check_circle</mat-icon>\n </div>\n <div class="td-triangle" [class.bg-muted]="disabled" *ngIf="isRequired()">\n <mat-icon class="mat-warn">warning</mat-icon>\n </div>\n <div\n class="td-step-label-wrapper"\n [class.mat-inactive]="(!active && !isComplete()) || disabled"\n [class.mat-warn]="isRequired() && !disabled"\n >\n <div class="td-step-label">\n <ng-content select="[td-step-header-label]"></ng-content>\n </div>\n <div class="td-step-sublabel">\n <ng-content select="[td-step-header-sublabel]"></ng-content>\n </div>\n </div>\n <span class="td-step-header-separator"></span>\n <mat-icon class="td-edit-icon" *ngIf="isComplete() && !active && !disabled">mode_edit</mat-icon>\n</div>\n',styles:[".td-step-header{-ms-flex:1;-ms-flex-align:center;-ms-flex-direction:row;-ms-flex-line-pack:center;-ms-flex-pack:start;align-content:center;align-items:center;box-sizing:border-box;display:-ms-flexbox;display:flex;flex:1;flex-direction:row;height:72px;justify-content:flex-start;max-width:100%;min-width:120px;outline:none;position:relative}.td-step-header:hover:not(.mat-disabled){cursor:pointer}.td-step-header mat-icon.td-edit-icon{margin:0 8px}.td-step-header mat-icon.mat-warn{font-size:24px;height:24px;width:24px}.td-step-header mat-icon.mat-complete{font-size:28px;height:24px;left:-2px;position:relative;top:2px;width:24px}.td-step-header .td-circle{-ms-flex:none;border-radius:99%;flex:none;height:24px;line-height:24px;text-align:center;width:24px}.td-step-header .td-circle mat-icon{font-weight:700;margin-top:2px}.td-step-header .td-triangle>mat-icon{font-size:25px}.td-step-header .td-complete{font-size:0}::ng-deep :not([dir=rtl]) .td-step-header .td-circle,::ng-deep :not([dir=rtl]) .td-step-header .td-complete,::ng-deep :not([dir=rtl]) .td-step-header .td-triangle{margin-left:8px;margin-right:0}::ng-deep [dir=rtl] .td-step-header .td-circle,::ng-deep [dir=rtl] .td-step-header .td-complete,::ng-deep [dir=rtl] .td-step-header .td-triangle{margin-left:0;margin-right:8px}.td-step-header .td-circle,.td-step-header .td-complete{font-size:14px}.td-step-header .td-step-label-wrapper{padding-left:8px;padding-right:8px}.td-step-header .td-step-header-separator{-ms-flex:1;box-sizing:border-box;flex:1}"]}]}],I.propDecorators={number:[{type:t.Input}],active:[{type:t.Input}],state:[{type:t.Input}],tabIndex:[{type:t.Input}]};var P=function(){function e(){this.state=b.None}return Object.defineProperty(e.prototype,"hasContent",{get:function(){return this.contentRef&&(this.contentRef.nativeElement.children.length>0||!!this.contentRef.nativeElement.textContent.trim())},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"hasActions",{get:function(){return this.actionsRef&&(this.actionsRef.nativeElement.children.length>0||!!this.actionsRef.nativeElement.textContent.trim())},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"hasSummary",{get:function(){return this.summaryRef&&(this.summaryRef.nativeElement.children.length>0||!!this.summaryRef.nativeElement.textContent.trim())},enumerable:!1,configurable:!0}),e.prototype.isComplete=function(){return this.state===b.Complete},e}();P.decorators=[{type:t.Component,args:[{selector:"td-step-body",template:'<ng-content></ng-content>\n<div class="td-step-body">\n <div class="td-step-content-wrapper" [@tdCollapse]="!active">\n <div #contentRef cdkScrollable [class.td-step-content]="hasContent">\n <ng-content select="[td-step-body-content]"></ng-content>\n </div>\n <div #actionsRef [class.td-step-actions]="hasActions">\n <ng-content select="[td-step-body-actions]"></ng-content>\n </div>\n </div>\n <div #summaryRef [@tdCollapse]="active || !isComplete()" [class.td-step-summary]="hasSummary">\n <ng-content select="[td-step-body-summary]"></ng-content>\n </div>\n</div>\n',animations:[o.tdCollapseAnimation],styles:[":host{-ms-flex-direction:row;box-sizing:border-box;display:-ms-flexbox;display:flex;flex-direction:row}:host .td-step-body{-ms-flex:1;box-sizing:border-box;flex:1;overflow-x:hidden}:host .td-step-body .td-step-content-wrapper.ng-animating,:host .td-step-body .td-step-summary.ng-animating{overflow:hidden}:host .td-step-body .td-step-content{overflow-x:auto}:host .td-step-body .td-step-actions{-ms-flex-direction:row;box-sizing:border-box;display:-ms-flexbox;display:flex;flex-direction:row}"]}]}],P.propDecorators={contentRef:[{type:t.ViewChild,args:["contentRef",{read:t.ElementRef,static:!0}]}],actionsRef:[{type:t.ViewChild,args:["actionsRef",{read:t.ElementRef,static:!0}]}],summaryRef:[{type:t.ViewChild,args:["summaryRef",{read:t.ElementRef,static:!0}]}],active:[{type:t.Input}],state:[{type:t.Input}]};var E=function(e){function t(t,n){var i=e.call(this)||this;return i._changeDetectorRef=t,i.elementRef=n,i._active=!1,i._state=b.None,i}return f(t,e),Object.defineProperty(t.prototype,"state",{get:function(){return this._state},set:function(e){switch(e){case b.Complete:this._state=b.Complete;break;case b.Required:this._state=b.Required;break;default:this._state=b.None}},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"active",{get:function(){return this._active},set:function(e){this._active=l.coerceBooleanProperty(e),this._changeDetectorRef.markForCheck()},enumerable:!1,configurable:!0}),t.prototype._handleClick=function(e){this.disabled&&(e.preventDefault(),e.stopImmediatePropagation())},t}(C);E.decorators=[{type:t.Component,args:[{selector:"[td-step-link],[tdStepLink]",template:'<td-step-header\n class="td-step-header-wrapper"\n [tabIndex]="-1"\n [number]="number"\n [active]="active"\n [disableRipple]="disableRipple || disabled"\n [disabled]="disabled"\n [state]="state"\n>\n <ng-template td-step-header-label [ngIf]="true">{{ label }}</ng-template>\n <ng-template td-step-header-sublabel [ngIf]="true">{{ sublabel | truncate: 30 }}</ng-template>\n <ng-content></ng-content>\n</td-step-header>\n',inputs:["disabled","disableRipple"],changeDetection:t.ChangeDetectionStrategy.OnPush,host:{"[class.td-step-link]":"true","[attr.tabindex]":"disabled ? -1 : (tabIndex || 0)","[attr.disabled]":"disabled || null","[class.mat-disabled]":"disabled || null","(click)":"_handleClick($event)"},styles:[":host{-ms-flex-align:center;-ms-flex-direction:row;-ms-flex-line-pack:center;-ms-flex-pack:start;align-content:center;align-items:center;box-sizing:border-box;display:-ms-flexbox;display:flex;flex-direction:row;justify-content:flex-start;max-width:100%}:host.mat-disabled{pointer-events:none}:host .td-step-header-wrapper{width:100%}"]}]}],E.ctorParameters=function(){return[{type:t.ChangeDetectorRef},{type:t.ElementRef}]},E.propDecorators={state:[{type:t.Input,args:["state"]}],label:[{type:t.Input}],sublabel:[{type:t.Input}],active:[{type:t.Input,args:["active"]}],tabIndex:[{type:t.Input}]};var O=function(){function e(e,t,n,i,r){this._elementRef=e,this._viewportRuler=t,this._dir=n,this._renderer=i,this._changeDetectorRef=r,this._separators=[],this._destroyed=new p.Subject,this._widthSubject=new p.Subject,this._scrollDistance=0,this._scrollDistanceChanged=!1,this._showPaginationControls=!1,this._disableScrollAfter=!0,this._disableScrollBefore=!0}return Object.defineProperty(e.prototype,"nativeElementWidth",{get:function(){var e=this._elementRef.nativeElement,t=window.getComputedStyle(e),n=parseInt(t.borderLeft,10),i=parseInt(t.borderRight,10),r=parseInt(t.marginLeft,10),a=parseInt(t.marginRight,10),s=parseInt(t.paddingLeft,10),o=parseInt(t.paddingRight,10);return e.getBoundingClientRect().width-n-i-r-a-s-o},enumerable:!1,configurable:!0}),e.prototype.ngAfterContentInit=function(){var e=this;p.merge(this._widthSubject.asObservable().pipe(d.distinctUntilChanged()),this._viewportRuler.change(150),this._dir?this._dir.change:p.of(void 0),this._steps.changes).pipe(d.takeUntil(this._destroyed)).subscribe((function(){e._configureSteps(),e.updatePagination(),e._changeDetectorRef.markForCheck()})),this._configureSteps(),this._changeDetectorRef.markForCheck()},e.prototype.ngAfterContentChecked=function(){this._elementRef&&this._elementRef.nativeElement&&this._widthSubject.next(this.nativeElementWidth),this._scrollDistanceChanged&&(this._updateStepScrollPosition(),this._scrollDistanceChanged=!1,this._changeDetectorRef.markForCheck())},e.prototype.ngOnDestroy=function(){this._destroyed.next(),this._destroyed.complete()},e.prototype._handleKeydown=function(e){switch(e.keyCode){case h.LEFT_ARROW:this._scrollHeader("before"),e.preventDefault();break;case h.RIGHT_ARROW:this._scrollHeader("after"),e.preventDefault()}},e.prototype.updatePagination=function(){this._checkPaginationEnabled(),this._checkScrollingControls(),this._updateStepScrollPosition()},e.prototype._getLayoutDirection=function(){return this._dir&&"rtl"===this._dir.value?"rtl":"ltr"},e.prototype._updateStepScrollPosition=function(){var e="ltr"===this._getLayoutDirection()?-this.scrollDistance:this.scrollDistance;this._stepList.nativeElement.style.transform="translateX("+Math.round(e)+"px)","ltr"===this._getLayoutDirection()?this._stepListContainer.nativeElement.scrollLeft=0:this._stepListContainer.nativeElement.scrollLeft=this._getMaxScrollDistance()},Object.defineProperty(e.prototype,"scrollDistance",{get:function(){return this._scrollDistance},set:function(e){this._scrollDistance=Math.max(0,Math.min(this._getMaxScrollDistance(),e)),this._scrollDistanceChanged=!0,this._checkScrollingControls()},enumerable:!1,configurable:!0}),e.prototype._scrollHeader=function(e){this.scrollDistance+=("before"===e?-1:1)*this._stepListContainer.nativeElement.offsetWidth/2},e.prototype._checkPaginationEnabled=function(){var e=this._stepList.nativeElement.scrollWidth>this._elementRef.nativeElement.offsetWidth;e||(this.scrollDistance=0),e!==this._showPaginationControls&&this._changeDetectorRef.markForCheck(),this._showPaginationControls=e},e.prototype._checkScrollingControls=function(){this._disableScrollBefore=0===this.scrollDistance,this._disableScrollAfter=this.scrollDistance===this._getMaxScrollDistance(),this._changeDetectorRef.markForCheck()},e.prototype._getMaxScrollDistance=function(){return this._stepList.nativeElement.scrollWidth-this._stepListContainer.nativeElement.offsetWidth||0},e.prototype._configureSteps=function(){var e=this;this._separators.forEach((function(t){e._renderer.removeChild(e._stepList.nativeElement,t)}));var t=this._steps.toArray();t.forEach((function(n,i){if(i>0&&i<t.length){var r=e._renderer.createElement("div");e._renderer.addClass(r,"td-horizontal-line"),e._separators.push(r),e._renderer.insertBefore(e._stepList.nativeElement,r,n.elementRef.nativeElement)}n.number=i+1}))},e}();O.decorators=[{type:t.Component,args:[{selector:"nav[td-steps][horizontal]",template:'<div class="td-steps-header">\n <div\n class="td-step-header-pagination td-step-header-pagination-before mat-elevation-z4"\n aria-hidden="true"\n mat-ripple\n [matRippleDisabled]="_disableScrollBefore"\n [class.td-step-header-pagination-disabled]="_disableScrollBefore"\n (click)="_scrollHeader(\'before\')"\n >\n <div class="td-step-header-pagination-chevron"></div>\n </div>\n <div #stepListContainer class="td-steps-header-container" (keydown)="_handleKeydown($event)">\n <div #stepList class="td-steps-header-list">\n <ng-content></ng-content>\n </div>\n </div>\n <div\n class="td-step-header-pagination td-step-header-pagination-after mat-elevation-z4"\n aria-hidden="true"\n mat-ripple\n [matRippleDisabled]="_disableScrollAfter"\n [class.td-step-header-pagination-disabled]="_disableScrollAfter"\n (click)="_scrollHeader(\'after\')"\n >\n <div class="td-step-header-pagination-chevron"></div>\n </div>\n</div>\n',changeDetection:t.ChangeDetectionStrategy.OnPush,host:{class:"td-steps td-steps-horizontal","[class.td-step-header-pagination-controls-enabled]":"_showPaginationControls","[class.td-step-header-rtl]":"_getLayoutDirection() == 'rtl'"},styles:[':host{display:block;width:100%}.td-steps-header,.td-steps-header-list{-ms-flex-direction:row;box-sizing:border-box;display:-ms-flexbox;display:flex;flex-direction:row}.td-steps-header-container{-ms-flex-positive:1;display:-ms-flexbox;display:flex;flex-grow:1;overflow:hidden;z-index:1}.td-steps-header-list{-ms-flex-align:center;-ms-flex-line-pack:center;-ms-flex-pack:start;-ms-flex-positive:1;align-content:center;align-items:center;flex-grow:1;justify-content:flex-start;max-width:100%;position:relative;transition:transform .5s cubic-bezier(.35,0,.25,1)}.td-step-header-pagination{-ms-flex-align:center;-ms-flex-pack:center;align-items:center;cursor:pointer;display:none;justify-content:center;min-width:32px;position:relative;z-index:2}:host.td-step-header-pagination-controls-enabled .td-step-header-pagination{display:-ms-flexbox;display:flex}.td-step-header-pagination-before,:host.td-step-header-rtl .td-step-header-pagination-after{padding-left:4px}.td-step-header-pagination-before .td-step-header-pagination-chevron,:host.td-step-header-rtl .td-step-header-pagination-after .td-step-header-pagination-chevron{-ms-transform:rotate(-135deg);transform:rotate(-135deg)}.td-step-header-pagination-after,:host.td-step-header-rtl .td-step-header-pagination-before{padding-right:4px}.td-step-header-pagination-after .td-step-header-pagination-chevron,:host.td-step-header-rtl .td-step-header-pagination-before .td-step-header-pagination-chevron{-ms-transform:rotate(45deg);transform:rotate(45deg)}.td-step-header-pagination-chevron{border-style:solid;border-width:2px 2px 0 0;content:"";height:8px;width:8px}.td-step-header-pagination-disabled{box-shadow:none;cursor:default}.td-horizontal-line{-ms-flex:1;border-bottom-style:solid;border-bottom-width:1px;box-sizing:border-box;flex:1;height:1px;min-width:20px}']}]}],O.ctorParameters=function(){return[{type:t.ElementRef},{type:r.ViewportRuler},{type:c.Directionality,decorators:[{type:t.Optional}]},{type:t.Renderer2},{type:t.ChangeDetectorRef}]},O.propDecorators={_steps:[{type:t.ContentChildren,args:[E,{descendants:!0}]}],_stepListContainer:[{type:t.ViewChild,args:["stepListContainer",{static:!0}]}],_stepList:[{type:t.ViewChild,args:["stepList",{static:!0}]}]};var L=function(){function e(e,t){this._renderer=e,this._changeDetectorRef=t,this._separators=[],this._destroyed=new p.Subject}return e.prototype.ngAfterContentInit=function(){var e=this;this._steps.changes.pipe(d.takeUntil(this._destroyed)).subscribe((function(){e._configureSteps(),e._changeDetectorRef.markForCheck()})),this._configureSteps(),this._changeDetectorRef.markForCheck()},e.prototype.ngOnDestroy=function(){this._destroyed.next(),this._destroyed.complete()},e.prototype._configureSteps=function(){var e=this;this._separators.forEach((function(t){e._renderer.removeChild(e._stepList.nativeElement,t)}));var t=this._steps.toArray();t.forEach((function(n,i){if(i>0&&i<t.length){var r=e._renderer.createElement("div");e._renderer.addClass(r,"td-vertical-line-wrapper");var a=e._renderer.createElement("div");e._renderer.addClass(a,"td-vertical-line"),e._renderer.appendChild(r,a),e._separators.push(r),e._renderer.insertBefore(e._stepList.nativeElement,r,n.elementRef.nativeElement)}n.number=i+1}))},e}();L.decorators=[{type:t.Component,args:[{selector:"nav[td-steps][vertical]",template:'<div class="td-steps-header">\n <div class="td-steps-header-container">\n <div #stepList class="td-steps-header-list">\n <ng-content></ng-content>\n </div>\n </div>\n</div>\n',changeDetection:t.ChangeDetectionStrategy.OnPush,host:{class:"td-steps td-steps-vertical"},styles:[".td-vertical-line-wrapper{position:relative}.td-vertical-line-wrapper .td-vertical-line{border-left-style:solid;border-left-width:1px;height:34px;position:absolute;top:-16px}::ng-deep :not([dir=rtl]) .td-vertical-line-wrapper .td-vertical-line{left:20px;right:auto}::ng-deep [dir=rtl] .td-vertical-line-wrapper .td-vertical-line{left:auto;right:20px}"]}]}],L.ctorParameters=function(){return[{type:t.Renderer2},{type:t.ChangeDetectorRef}]},L.propDecorators={_steps:[{type:t.ContentChildren,args:[E,{descendants:!0}]}],_stepList:[{type:t.ViewChild,args:["stepList",{static:!0}]}]};var z=[S,w,I,P,v,y,_,O,L,E],j=function(){};j.decorators=[{type:t.NgModule,args:[{imports:[n.CommonModule,a.MatIconModule,s.MatRippleModule,i.PortalModule,r.ScrollingModule,o.CovalentCommonModule],declarations:[z],exports:[z]}]}],e.CovalentStepsModule=j,e.StepMode=R,e.StepState=b,e.TdNavStepLinkComponent=E,e.TdNavStepsHorizontalComponent=O,e.TdNavStepsVerticalComponent=L,e.TdStepActionsDirective=y,e.TdStepBase=x,e.TdStepBodyComponent=P,e.TdStepComponent=w,e.TdStepHeaderBase=k,e.TdStepHeaderComponent=I,e.TdStepLabelDirective=v,e.TdStepSummaryDirective=_,e.TdStepsComponent=S,e._TdStepHeaderMixinBase=D,e._TdStepMixinBase=C,Object.defineProperty(e,"__esModule",{value:!0})})); |
