@angular/material 11.0.4 → 11.1.2

package/bundles/material-tabs.umd.min.js

@@ -20,7 +20,7 @@
     OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
     PERFORMANCE OF THIS SOFTWARE.
     ***************************************************************************** */
-var _=function(t,e){return(_=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&(t[a]=e[a])})(t,e)};function v(t,e){function a(){this.constructor=t}_(t,e),t.prototype=null===e?Object.create(e):(a.prototype=e.prototype,new a)}function x(t,e){var a="function"==typeof Symbol&&t[Symbol.iterator];if(!a)return t;var n,i,o=a.call(t),r=[];try{for(;(void 0===e||e-- >0)&&!(n=o.next()).done;)r.push(n.value)}catch(t){i={error:t}}finally{try{n&&!n.done&&(a=o.return)&&a.call(o)}finally{if(i)throw i.error}}return r}
+var _=function(t,e){return(_=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&(t[a]=e[a])})(t,e)};function v(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Class extends value "+String(e)+" is not a constructor or null");function a(){this.constructor=t}_(t,e),t.prototype=null===e?Object.create(e):(a.prototype=e.prototype,new a)}function x(t,e){var a="function"==typeof Symbol&&t[Symbol.iterator];if(!a)return t;var n,i,o=a.call(t),r=[];try{for(;(void 0===e||e-- >0)&&!(n=o.next()).done;)r.push(n.value)}catch(t){i={error:t}}finally{try{n&&!n.done&&(a=o.return)&&a.call(o)}finally{if(i)throw i.error}}return r}
 /**
      * @license
      * Copyright Google LLC All Rights Reserved.
@@ -28,7 +28,7 @@ var _=function(t,e){return(_=Object.setPrototypeOf||{__proto__:[]}instanceof Arr
      * Use of this source code is governed by an MIT-style license that can be
      * found in the LICENSE file at https://angular.io/license
      */
-var C,k=new o.InjectionToken("MatTabContent");(C=function C(t){this.template=t}).decorators=[{type:o.Directive,args:[{selector:"[matTabContent]",providers:[{provide:k,useExisting:C}]}]}],C.ctorParameters=function(){return[{type:o.TemplateRef}]};var I=new o.InjectionToken("MatTabLabel"),P=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return v(e,t),e}(n.CdkPortal);P.decorators=[{type:o.Directive,args:[{selector:"[mat-tab-label], [matTabLabel]",providers:[{provide:I,useExisting:P}]}]}];var T=r.mixinDisabled((function D(){})),w=new o.InjectionToken("MAT_TAB_GROUP"),E=function(t){function e(e,a){var n=t.call(this)||this;return n._viewContainerRef=e,n._closestTabGroup=a,n.textLabel="",n._contentPortal=null,n._stateChanges=new l.Subject,n.position=null,n.origin=null,n.isActive=!1,n}return v(e,t),Object.defineProperty(e.prototype,"templateLabel",{get:function(){return this._templateLabel},set:function(t){this._setTemplateLabelInput(t)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"content",{get:function(){return this._contentPortal},enumerable:!1,configurable:!0}),e.prototype.ngOnChanges=function(t){(t.hasOwnProperty("textLabel")||t.hasOwnProperty("disabled"))&&this._stateChanges.next()},e.prototype.ngOnDestroy=function(){this._stateChanges.complete()},e.prototype.ngOnInit=function(){this._contentPortal=new n.TemplatePortal(this._explicitContent||this._implicitContent,this._viewContainerRef)},e.prototype._setTemplateLabelInput=function(t){t&&(this._templateLabel=t)},e}(T);E.decorators=[{type:o.Component,args:[{selector:"mat-tab",template:"\x3c!-- Create a template for the content of the <mat-tab> so that we can grab a reference to this\n    TemplateRef and use it in a Portal to render the tab content in the appropriate place in the\n    tab-group. --\x3e\n<ng-template><ng-content></ng-content></ng-template>\n",inputs:["disabled"],changeDetection:o.ChangeDetectionStrategy.Default,encapsulation:o.ViewEncapsulation.None,exportAs:"matTab"}]}],E.ctorParameters=function(){return[{type:o.ViewContainerRef},{type:void 0,decorators:[{type:o.Inject,args:[w]}]}]},E.propDecorators={templateLabel:[{type:o.ContentChild,args:[I]}],_explicitContent:[{type:o.ContentChild,args:[k,{read:o.TemplateRef,static:!0}]}],_implicitContent:[{type:o.ViewChild,args:[o.TemplateRef,{static:!0}]}],textLabel:[{type:o.Input,args:["label"]}],ariaLabel:[{type:o.Input,args:["aria-label"]}],ariaLabelledby:[{type:o.Input,args:["aria-labelledby"]}]};
+var C,k=new o.InjectionToken("MatTabContent");(C=function C(t){this.template=t}).decorators=[{type:o.Directive,args:[{selector:"[matTabContent]",providers:[{provide:k,useExisting:C}]}]}],C.ctorParameters=function(){return[{type:o.TemplateRef}]};var I=new o.InjectionToken("MatTabLabel"),P=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return v(e,t),e}(n.CdkPortal);P.decorators=[{type:o.Directive,args:[{selector:"[mat-tab-label], [matTabLabel]",providers:[{provide:I,useExisting:P}]}]}];var T=r.mixinDisabled((function w(){})),D=new o.InjectionToken("MAT_TAB_GROUP"),E=function(t){function e(e,a){var n=t.call(this)||this;return n._viewContainerRef=e,n._closestTabGroup=a,n.textLabel="",n._contentPortal=null,n._stateChanges=new l.Subject,n.position=null,n.origin=null,n.isActive=!1,n}return v(e,t),Object.defineProperty(e.prototype,"templateLabel",{get:function(){return this._templateLabel},set:function(t){this._setTemplateLabelInput(t)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"content",{get:function(){return this._contentPortal},enumerable:!1,configurable:!0}),e.prototype.ngOnChanges=function(t){(t.hasOwnProperty("textLabel")||t.hasOwnProperty("disabled"))&&this._stateChanges.next()},e.prototype.ngOnDestroy=function(){this._stateChanges.complete()},e.prototype.ngOnInit=function(){this._contentPortal=new n.TemplatePortal(this._explicitContent||this._implicitContent,this._viewContainerRef)},e.prototype._setTemplateLabelInput=function(t){t&&(this._templateLabel=t)},e}(T);E.decorators=[{type:o.Component,args:[{selector:"mat-tab",template:"\x3c!-- Create a template for the content of the <mat-tab> so that we can grab a reference to this\n    TemplateRef and use it in a Portal to render the tab content in the appropriate place in the\n    tab-group. --\x3e\n<ng-template><ng-content></ng-content></ng-template>\n",inputs:["disabled"],changeDetection:o.ChangeDetectionStrategy.Default,encapsulation:o.ViewEncapsulation.None,exportAs:"matTab"}]}],E.ctorParameters=function(){return[{type:o.ViewContainerRef},{type:void 0,decorators:[{type:o.Inject,args:[D]}]}]},E.propDecorators={templateLabel:[{type:o.ContentChild,args:[I]}],_explicitContent:[{type:o.ContentChild,args:[k,{read:o.TemplateRef,static:!0}]}],_implicitContent:[{type:o.ViewChild,args:[o.TemplateRef,{static:!0}]}],textLabel:[{type:o.Input,args:["label"]}],ariaLabel:[{type:o.Input,args:["aria-label"]}],ariaLabelledby:[{type:o.Input,args:["aria-labelledby"]}]};
 /**
      * @license
      * Copyright Google LLC All Rights Reserved.
@@ -36,7 +36,7 @@ var C,k=new o.InjectionToken("MatTabContent");(C=function C(t){this.template=t})
      * Use of this source code is governed by an MIT-style license that can be
      * found in the LICENSE file at https://angular.io/license
      */
-var R={translateTab:p.trigger("translateTab",[p.state("center, void, left-origin-center, right-origin-center",p.style({transform:"none"})),p.state("left",p.style({transform:"translate3d(-100%, 0, 0)",minHeight:"1px"})),p.state("right",p.style({transform:"translate3d(100%, 0, 0)",minHeight:"1px"})),p.transition("* => left, * => right, left => center, right => center",p.animate("{{animationDuration}} cubic-bezier(0.35, 0, 0.25, 1)")),p.transition("void => left-origin-center",[p.style({transform:"translate3d(-100%, 0, 0)"}),p.animate("{{animationDuration}} cubic-bezier(0.35, 0, 0.25, 1)")]),p.transition("void => right-origin-center",[p.style({transform:"translate3d(100%, 0, 0)"}),p.animate("{{animationDuration}} cubic-bezier(0.35, 0, 0.25, 1)")])])},O=function(t){function e(e,a,n,i){var o=t.call(this,e,a,i)||this;return o._host=n,o._centeringSub=l.Subscription.EMPTY,o._leavingSub=l.Subscription.EMPTY,o}return v(e,t),e.prototype.ngOnInit=function(){var e=this;t.prototype.ngOnInit.call(this),this._centeringSub=this._host._beforeCentering.pipe(d.startWith(this._host._isCenterPosition(this._host._position))).subscribe((function(t){t&&!e.hasAttached()&&e.attach(e._host._content)})),this._leavingSub=this._host._afterLeavingCenter.subscribe((function(){e.detach()}))},e.prototype.ngOnDestroy=function(){t.prototype.ngOnDestroy.call(this),this._centeringSub.unsubscribe(),this._leavingSub.unsubscribe()},e}(n.CdkPortalOutlet);O.decorators=[{type:o.Directive,args:[{selector:"[matTabBodyHost]"}]}],O.ctorParameters=function(){return[{type:o.ComponentFactoryResolver},{type:o.ViewContainerRef},{type:S,decorators:[{type:o.Inject,args:[o.forwardRef((function(){return S}))]}]},{type:void 0,decorators:[{type:o.Inject,args:[i.DOCUMENT]}]}]};var L=function(){function t(t,e,a){var n=this;this._elementRef=t,this._dir=e,this._dirChangeSubscription=l.Subscription.EMPTY,this._translateTabComplete=new l.Subject,this._onCentering=new o.EventEmitter,this._beforeCentering=new o.EventEmitter,this._afterLeavingCenter=new o.EventEmitter,this._onCentered=new o.EventEmitter(!0),this.animationDuration="500ms",e&&(this._dirChangeSubscription=e.change.subscribe((function(t){n._computePositionAnimationState(t),a.markForCheck()}))),this._translateTabComplete.pipe(d.distinctUntilChanged((function(t,e){return t.fromState===e.fromState&&t.toState===e.toState}))).subscribe((function(t){n._isCenterPosition(t.toState)&&n._isCenterPosition(n._position)&&n._onCentered.emit(),n._isCenterPosition(t.fromState)&&!n._isCenterPosition(n._position)&&n._afterLeavingCenter.emit()}))}return Object.defineProperty(t.prototype,"position",{set:function(t){this._positionIndex=t,this._computePositionAnimationState()},enumerable:!1,configurable:!0}),t.prototype.ngOnInit=function(){"center"==this._position&&null!=this.origin&&(this._position=this._computePositionFromOrigin(this.origin))},t.prototype.ngOnDestroy=function(){this._dirChangeSubscription.unsubscribe(),this._translateTabComplete.complete()},t.prototype._onTranslateTabStarted=function(t){var e=this._isCenterPosition(t.toState);this._beforeCentering.emit(e),e&&this._onCentering.emit(this._elementRef.nativeElement.clientHeight)},t.prototype._getLayoutDirection=function(){return this._dir&&"rtl"===this._dir.value?"rtl":"ltr"},t.prototype._isCenterPosition=function(t){return"center"==t||"left-origin-center"==t||"right-origin-center"==t},t.prototype._computePositionAnimationState=function(t){void 0===t&&(t=this._getLayoutDirection()),this._position=this._positionIndex<0?"ltr"==t?"left":"right":this._positionIndex>0?"ltr"==t?"right":"left":"center"},t.prototype._computePositionFromOrigin=function(t){var e=this._getLayoutDirection();return"ltr"==e&&t<=0||"rtl"==e&&t>0?"left-origin-center":"right-origin-center"},t}();L.decorators=[{type:o.Directive}],L.ctorParameters=function(){return[{type:o.ElementRef},{type:c.Directionality,decorators:[{type:o.Optional}]},{type:o.ChangeDetectorRef}]},L.propDecorators={_onCentering:[{type:o.Output}],_beforeCentering:[{type:o.Output}],_afterLeavingCenter:[{type:o.Output}],_onCentered:[{type:o.Output}],_content:[{type:o.Input,args:["content"]}],origin:[{type:o.Input}],animationDuration:[{type:o.Input}],position:[{type:o.Input}]};var S=function(t){function e(e,a,n){return t.call(this,e,a,n)||this}return v(e,t),e}(L);S.decorators=[{type:o.Component,args:[{selector:"mat-tab-body",template:'<div class="mat-tab-body-content" #content\n     [@translateTab]="{\n        value: _position,\n        params: {animationDuration: animationDuration}\n     }"\n     (@translateTab.start)="_onTranslateTabStarted($event)"\n     (@translateTab.done)="_translateTabComplete.next($event)">\n  <ng-template matTabBodyHost></ng-template>\n</div>\n',encapsulation:o.ViewEncapsulation.None,changeDetection:o.ChangeDetectionStrategy.Default,animations:[R.translateTab],host:{class:"mat-tab-body"},styles:[".mat-tab-body-content{height:100%;overflow:auto}.mat-tab-group-dynamic-height .mat-tab-body-content{overflow:hidden}\n"]}]}],S.ctorParameters=function(){return[{type:o.ElementRef},{type:c.Directionality,decorators:[{type:o.Optional}]},{type:o.ChangeDetectorRef}]},S.propDecorators={_portalHost:[{type:o.ViewChild,args:[n.PortalHostDirective]}]};
+var R={translateTab:p.trigger("translateTab",[p.state("center, void, left-origin-center, right-origin-center",p.style({transform:"none"})),p.state("left",p.style({transform:"translate3d(-100%, 0, 0)",minHeight:"1px"})),p.state("right",p.style({transform:"translate3d(100%, 0, 0)",minHeight:"1px"})),p.transition("* => left, * => right, left => center, right => center",p.animate("{{animationDuration}} cubic-bezier(0.35, 0, 0.25, 1)")),p.transition("void => left-origin-center",[p.style({transform:"translate3d(-100%, 0, 0)"}),p.animate("{{animationDuration}} cubic-bezier(0.35, 0, 0.25, 1)")]),p.transition("void => right-origin-center",[p.style({transform:"translate3d(100%, 0, 0)"}),p.animate("{{animationDuration}} cubic-bezier(0.35, 0, 0.25, 1)")])])},O=function(t){function e(e,a,n,i){var o=t.call(this,e,a,i)||this;return o._host=n,o._centeringSub=l.Subscription.EMPTY,o._leavingSub=l.Subscription.EMPTY,o}return v(e,t),e.prototype.ngOnInit=function(){var e=this;t.prototype.ngOnInit.call(this),this._centeringSub=this._host._beforeCentering.pipe(d.startWith(this._host._isCenterPosition(this._host._position))).subscribe((function(t){t&&!e.hasAttached()&&e.attach(e._host._content)})),this._leavingSub=this._host._afterLeavingCenter.subscribe((function(){e.detach()}))},e.prototype.ngOnDestroy=function(){t.prototype.ngOnDestroy.call(this),this._centeringSub.unsubscribe(),this._leavingSub.unsubscribe()},e}(n.CdkPortalOutlet);O.decorators=[{type:o.Directive,args:[{selector:"[matTabBodyHost]"}]}],O.ctorParameters=function(){return[{type:o.ComponentFactoryResolver},{type:o.ViewContainerRef},{type:S,decorators:[{type:o.Inject,args:[o.forwardRef((function(){return S}))]}]},{type:void 0,decorators:[{type:o.Inject,args:[i.DOCUMENT]}]}]};var L=function(){function t(t,e,a){var n=this;this._elementRef=t,this._dir=e,this._dirChangeSubscription=l.Subscription.EMPTY,this._translateTabComplete=new l.Subject,this._onCentering=new o.EventEmitter,this._beforeCentering=new o.EventEmitter,this._afterLeavingCenter=new o.EventEmitter,this._onCentered=new o.EventEmitter(!0),this.animationDuration="500ms",e&&(this._dirChangeSubscription=e.change.subscribe((function(t){n._computePositionAnimationState(t),a.markForCheck()}))),this._translateTabComplete.pipe(d.distinctUntilChanged((function(t,e){return t.fromState===e.fromState&&t.toState===e.toState}))).subscribe((function(t){n._isCenterPosition(t.toState)&&n._isCenterPosition(n._position)&&n._onCentered.emit(),n._isCenterPosition(t.fromState)&&!n._isCenterPosition(n._position)&&n._afterLeavingCenter.emit()}))}return Object.defineProperty(t.prototype,"position",{set:function(t){this._positionIndex=t,this._computePositionAnimationState()},enumerable:!1,configurable:!0}),t.prototype.ngOnInit=function(){"center"==this._position&&null!=this.origin&&(this._position=this._computePositionFromOrigin(this.origin))},t.prototype.ngOnDestroy=function(){this._dirChangeSubscription.unsubscribe(),this._translateTabComplete.complete()},t.prototype._onTranslateTabStarted=function(t){var e=this._isCenterPosition(t.toState);this._beforeCentering.emit(e),e&&this._onCentering.emit(this._elementRef.nativeElement.clientHeight)},t.prototype._getLayoutDirection=function(){return this._dir&&"rtl"===this._dir.value?"rtl":"ltr"},t.prototype._isCenterPosition=function(t){return"center"==t||"left-origin-center"==t||"right-origin-center"==t},t.prototype._computePositionAnimationState=function(t){void 0===t&&(t=this._getLayoutDirection()),this._position=this._positionIndex<0?"ltr"==t?"left":"right":this._positionIndex>0?"ltr"==t?"right":"left":"center"},t.prototype._computePositionFromOrigin=function(t){var e=this._getLayoutDirection();return"ltr"==e&&t<=0||"rtl"==e&&t>0?"left-origin-center":"right-origin-center"},t}();L.decorators=[{type:o.Directive}],L.ctorParameters=function(){return[{type:o.ElementRef},{type:c.Directionality,decorators:[{type:o.Optional}]},{type:o.ChangeDetectorRef}]},L.propDecorators={_onCentering:[{type:o.Output}],_beforeCentering:[{type:o.Output}],_afterLeavingCenter:[{type:o.Output}],_onCentered:[{type:o.Output}],_content:[{type:o.Input,args:["content"]}],origin:[{type:o.Input}],animationDuration:[{type:o.Input}],position:[{type:o.Input}]};var S=function(t){function e(e,a,n){return t.call(this,e,a,n)||this}return v(e,t),e}(L);S.decorators=[{type:o.Component,args:[{selector:"mat-tab-body",template:'<div class="mat-tab-body-content" #content\n     [@translateTab]="{\n        value: _position,\n        params: {animationDuration: animationDuration}\n     }"\n     (@translateTab.start)="_onTranslateTabStarted($event)"\n     (@translateTab.done)="_translateTabComplete.next($event)">\n  <ng-template matTabBodyHost></ng-template>\n</div>\n',encapsulation:o.ViewEncapsulation.None,changeDetection:o.ChangeDetectionStrategy.Default,animations:[R.translateTab],host:{class:"mat-tab-body"},styles:[".mat-tab-body-content{height:100%;overflow:auto}.mat-tab-group-dynamic-height .mat-tab-body-content{overflow:hidden}\n"]}]}],S.ctorParameters=function(){return[{type:o.ElementRef},{type:c.Directionality,decorators:[{type:o.Optional}]},{type:o.ChangeDetectorRef}]},S.propDecorators={_portalHost:[{type:o.ViewChild,args:[n.CdkPortalOutlet]}]};
 /**
      * @license
      * Copyright Google LLC All Rights Reserved.
@@ -44,7 +44,7 @@ var R={translateTab:p.trigger("translateTab",[p.state("center, void, left-origin
      * Use of this source code is governed by an MIT-style license that can be
      * found in the LICENSE file at https://angular.io/license
      */
-var M=new o.InjectionToken("MAT_TABS_CONFIG"),A=0,j=function j(){},B=function(t){function e(e,a,n,i){var r=t.call(this,e)||this;return r._changeDetectorRef=a,r._animationMode=i,r._tabs=new o.QueryList,r._indexToSelect=0,r._tabBodyWrapperHeight=0,r._tabsSubscription=l.Subscription.EMPTY,r._tabLabelSubscription=l.Subscription.EMPTY,r._selectedIndex=null,r.headerPosition="above",r.selectedIndexChange=new o.EventEmitter,r.focusChange=new o.EventEmitter,r.animationDone=new o.EventEmitter,r.selectedTabChange=new o.EventEmitter(!0),r._groupId=A++,r.animationDuration=n&&n.animationDuration?n.animationDuration:"500ms",r.disablePagination=!(!n||null==n.disablePagination)&&n.disablePagination,r.dynamicHeight=!(!n||null==n.dynamicHeight)&&n.dynamicHeight,r}return v(e,t),Object.defineProperty(e.prototype,"dynamicHeight",{get:function(){return this._dynamicHeight},set:function(t){this._dynamicHeight=b.coerceBooleanProperty(t)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"selectedIndex",{get:function(){return this._selectedIndex},set:function(t){this._indexToSelect=b.coerceNumberProperty(t,null)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"animationDuration",{get:function(){return this._animationDuration},set:function(t){this._animationDuration=/^\d+$/.test(t)?t+"ms":t},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"backgroundColor",{get:function(){return this._backgroundColor},set:function(t){var e=this._elementRef.nativeElement;e.classList.remove("mat-background-"+this.backgroundColor),t&&e.classList.add("mat-background-"+t),this._backgroundColor=t},enumerable:!1,configurable:!0}),e.prototype.ngAfterContentChecked=function(){var t=this,e=this._indexToSelect=this._clampTabIndex(this._indexToSelect);if(this._selectedIndex!=e){var a=null==this._selectedIndex;a||this.selectedTabChange.emit(this._createChangeEvent(e)),Promise.resolve().then((function(){t._tabs.forEach((function(t,a){return t.isActive=a===e})),a||t.selectedIndexChange.emit(e)}))}this._tabs.forEach((function(a,n){a.position=n-e,null==t._selectedIndex||0!=a.position||a.origin||(a.origin=e-t._selectedIndex)})),this._selectedIndex!==e&&(this._selectedIndex=e,this._changeDetectorRef.markForCheck())},e.prototype.ngAfterContentInit=function(){var t=this;this._subscribeToAllTabChanges(),this._subscribeToTabLabels(),this._tabsSubscription=this._tabs.changes.subscribe((function(){if(t._clampTabIndex(t._indexToSelect)===t._selectedIndex)for(var e=t._tabs.toArray(),a=0;a<e.length;a++)if(e[a].isActive){t._indexToSelect=t._selectedIndex=a;break}t._changeDetectorRef.markForCheck()}))},e.prototype._subscribeToAllTabChanges=function(){var t=this;this._allTabs.changes.pipe(d.startWith(this._allTabs)).subscribe((function(e){t._tabs.reset(e.filter((function(e){return e._closestTabGroup===t}))),t._tabs.notifyOnChanges()}))},e.prototype.ngOnDestroy=function(){this._tabs.destroy(),this._tabsSubscription.unsubscribe(),this._tabLabelSubscription.unsubscribe()},e.prototype.realignInkBar=function(){this._tabHeader&&this._tabHeader._alignInkBarToSelectedTab()},e.prototype._focusChanged=function(t){this.focusChange.emit(this._createChangeEvent(t))},e.prototype._createChangeEvent=function(t){var e=new j;return e.index=t,this._tabs&&this._tabs.length&&(e.tab=this._tabs.toArray()[t]),e},e.prototype._subscribeToTabLabels=function(){var t=this;this._tabLabelSubscription&&this._tabLabelSubscription.unsubscribe(),this._tabLabelSubscription=l.merge.apply(void 0,function e(){for(var t=[],e=0;e<arguments.length;e++)t=t.concat(x(arguments[e]));return t}(this._tabs.map((function(t){return t._stateChanges})))).subscribe((function(){return t._changeDetectorRef.markForCheck()}))},e.prototype._clampTabIndex=function(t){return Math.min(this._tabs.length-1,Math.max(t||0,0))},e.prototype._getTabLabelId=function(t){return"mat-tab-label-"+this._groupId+"-"+t},e.prototype._getTabContentId=function(t){return"mat-tab-content-"+this._groupId+"-"+t},e.prototype._setTabBodyWrapperHeight=function(t){if(this._dynamicHeight&&this._tabBodyWrapperHeight){var e=this._tabBodyWrapper.nativeElement;e.style.height=this._tabBodyWrapperHeight+"px",this._tabBodyWrapper.nativeElement.offsetHeight&&(e.style.height=t+"px")}},e.prototype._removeTabBodyWrapperHeight=function(){var t=this._tabBodyWrapper.nativeElement;this._tabBodyWrapperHeight=t.clientHeight,t.style.height="",this.animationDone.emit()},e.prototype._handleClick=function(t,e,a){t.disabled||(this.selectedIndex=e.focusIndex=a)},e.prototype._getTabIndex=function(t,e){return t.disabled?null:this.selectedIndex===e?0:-1},e}(r.mixinColor(r.mixinDisableRipple((function N(t){this._elementRef=t})),"primary"));B.decorators=[{type:o.Directive}],B.ctorParameters=function(){return[{type:o.ElementRef},{type:o.ChangeDetectorRef},{type:void 0,decorators:[{type:o.Inject,args:[M]},{type:o.Optional}]},{type:String,decorators:[{type:o.Optional},{type:o.Inject,args:[s.ANIMATION_MODULE_TYPE]}]}]},B.propDecorators={dynamicHeight:[{type:o.Input}],selectedIndex:[{type:o.Input}],headerPosition:[{type:o.Input}],animationDuration:[{type:o.Input}],disablePagination:[{type:o.Input}],backgroundColor:[{type:o.Input}],selectedIndexChange:[{type:o.Output}],focusChange:[{type:o.Output}],animationDone:[{type:o.Output}],selectedTabChange:[{type:o.Output}]};var H=function(t){function e(e,a,n,i){return t.call(this,e,a,n,i)||this}return v(e,t),e}(B);H.decorators=[{type:o.Component,args:[{selector:"mat-tab-group",exportAs:"matTabGroup",template:'<mat-tab-header #tabHeader\n               [selectedIndex]="selectedIndex || 0"\n               [disableRipple]="disableRipple"\n               [disablePagination]="disablePagination"\n               (indexFocused)="_focusChanged($event)"\n               (selectFocusedIndex)="selectedIndex = $event">\n  <div class="mat-tab-label mat-focus-indicator" role="tab" matTabLabelWrapper mat-ripple cdkMonitorElementFocus\n       *ngFor="let tab of _tabs; let i = index"\n       [id]="_getTabLabelId(i)"\n       [attr.tabIndex]="_getTabIndex(tab, i)"\n       [attr.aria-posinset]="i + 1"\n       [attr.aria-setsize]="_tabs.length"\n       [attr.aria-controls]="_getTabContentId(i)"\n       [attr.aria-selected]="selectedIndex == i"\n       [attr.aria-label]="tab.ariaLabel || null"\n       [attr.aria-labelledby]="(!tab.ariaLabel && tab.ariaLabelledby) ? tab.ariaLabelledby : null"\n       [class.mat-tab-label-active]="selectedIndex == i"\n       [disabled]="tab.disabled"\n       [matRippleDisabled]="tab.disabled || disableRipple"\n       (click)="_handleClick(tab, tabHeader, i)">\n\n\n    <div class="mat-tab-label-content">\n      \x3c!-- If there is a label template, use it. --\x3e\n      <ng-template [ngIf]="tab.templateLabel">\n        <ng-template [cdkPortalOutlet]="tab.templateLabel"></ng-template>\n      </ng-template>\n\n      \x3c!-- If there is not a label template, fall back to the text label. --\x3e\n      <ng-template [ngIf]="!tab.templateLabel">{{tab.textLabel}}</ng-template>\n    </div>\n  </div>\n</mat-tab-header>\n\n<div\n  class="mat-tab-body-wrapper"\n  [class._mat-animation-noopable]="_animationMode === \'NoopAnimations\'"\n  #tabBodyWrapper>\n  <mat-tab-body role="tabpanel"\n               *ngFor="let tab of _tabs; let i = index"\n               [id]="_getTabContentId(i)"\n               [attr.aria-labelledby]="_getTabLabelId(i)"\n               [class.mat-tab-body-active]="selectedIndex == i"\n               [content]="tab.content!"\n               [position]="tab.position!"\n               [origin]="tab.origin"\n               [animationDuration]="animationDuration"\n               (_onCentered)="_removeTabBodyWrapperHeight()"\n               (_onCentering)="_setTabBodyWrapperHeight($event)">\n  </mat-tab-body>\n</div>\n',encapsulation:o.ViewEncapsulation.None,changeDetection:o.ChangeDetectionStrategy.Default,inputs:["color","disableRipple"],providers:[{provide:w,useExisting:H}],host:{class:"mat-tab-group","[class.mat-tab-group-dynamic-height]":"dynamicHeight","[class.mat-tab-group-inverted-header]":'headerPosition === "below"'},styles:[".mat-tab-group{display:flex;flex-direction:column}.mat-tab-group.mat-tab-group-inverted-header{flex-direction:column-reverse}.mat-tab-label{height:48px;padding:0 24px;cursor:pointer;box-sizing:border-box;opacity:.6;min-width:160px;text-align:center;display:inline-flex;justify-content:center;align-items:center;white-space:nowrap;position:relative}.mat-tab-label:focus{outline:none}.mat-tab-label:focus:not(.mat-tab-disabled){opacity:1}.cdk-high-contrast-active .mat-tab-label:focus{outline:dotted 2px;outline-offset:-2px}.mat-tab-label.mat-tab-disabled{cursor:default}.cdk-high-contrast-active .mat-tab-label.mat-tab-disabled{opacity:.5}.mat-tab-label .mat-tab-label-content{display:inline-flex;justify-content:center;align-items:center;white-space:nowrap}.cdk-high-contrast-active .mat-tab-label{opacity:1}@media(max-width: 599px){.mat-tab-label{padding:0 12px}}@media(max-width: 959px){.mat-tab-label{padding:0 12px}}.mat-tab-group[mat-stretch-tabs]>.mat-tab-header .mat-tab-label{flex-basis:0;flex-grow:1}.mat-tab-body-wrapper{position:relative;overflow:hidden;display:flex;transition:height 500ms cubic-bezier(0.35, 0, 0.25, 1)}._mat-animation-noopable.mat-tab-body-wrapper{transition:none;animation:none}.mat-tab-body{top:0;left:0;right:0;bottom:0;position:absolute;display:block;overflow:hidden;flex-basis:100%}.mat-tab-body.mat-tab-body-active{position:relative;overflow-x:hidden;overflow-y:auto;z-index:1;flex-grow:1}.mat-tab-group.mat-tab-group-dynamic-height .mat-tab-body.mat-tab-body-active{overflow-y:hidden}\n"]}]}],H.ctorParameters=function(){return[{type:o.ElementRef},{type:o.ChangeDetectorRef},{type:void 0,decorators:[{type:o.Inject,args:[M]},{type:o.Optional}]},{type:String,decorators:[{type:o.Optional},{type:o.Inject,args:[s.ANIMATION_MODULE_TYPE]}]}]},H.propDecorators={_allTabs:[{type:o.ContentChildren,args:[E,{descendants:!0}]}],_tabBodyWrapper:[{type:o.ViewChild,args:["tabBodyWrapper"]}],_tabHeader:[{type:o.ViewChild,args:["tabHeader"]}]};var F=function(t){function e(e){var a=t.call(this)||this;return a.elementRef=e,a}return v(e,t),e.prototype.focus=function(){this.elementRef.nativeElement.focus()},e.prototype.getOffsetLeft=function(){return this.elementRef.nativeElement.offsetLeft},e.prototype.getOffsetWidth=function(){return this.elementRef.nativeElement.offsetWidth},e}(r.mixinDisabled((function W(){})));F.decorators=[{type:o.Directive,args:[{selector:"[matTabLabelWrapper]",inputs:["disabled"],host:{"[class.mat-tab-disabled]":"disabled","[attr.aria-disabled]":"!!disabled"}}]}],F.ctorParameters=function(){return[{type:o.ElementRef}]};
+var M=new o.InjectionToken("MAT_TABS_CONFIG"),A=0,j=function j(){},B=function(t){function e(e,a,n,i){var r=t.call(this,e)||this;return r._changeDetectorRef=a,r._animationMode=i,r._tabs=new o.QueryList,r._indexToSelect=0,r._tabBodyWrapperHeight=0,r._tabsSubscription=l.Subscription.EMPTY,r._tabLabelSubscription=l.Subscription.EMPTY,r._selectedIndex=null,r.headerPosition="above",r.selectedIndexChange=new o.EventEmitter,r.focusChange=new o.EventEmitter,r.animationDone=new o.EventEmitter,r.selectedTabChange=new o.EventEmitter(!0),r._groupId=A++,r.animationDuration=n&&n.animationDuration?n.animationDuration:"500ms",r.disablePagination=!(!n||null==n.disablePagination)&&n.disablePagination,r.dynamicHeight=!(!n||null==n.dynamicHeight)&&n.dynamicHeight,r}return v(e,t),Object.defineProperty(e.prototype,"dynamicHeight",{get:function(){return this._dynamicHeight},set:function(t){this._dynamicHeight=b.coerceBooleanProperty(t)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"selectedIndex",{get:function(){return this._selectedIndex},set:function(t){this._indexToSelect=b.coerceNumberProperty(t,null)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"animationDuration",{get:function(){return this._animationDuration},set:function(t){this._animationDuration=/^\d+$/.test(t)?t+"ms":t},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"backgroundColor",{get:function(){return this._backgroundColor},set:function(t){var e=this._elementRef.nativeElement;e.classList.remove("mat-background-"+this.backgroundColor),t&&e.classList.add("mat-background-"+t),this._backgroundColor=t},enumerable:!1,configurable:!0}),e.prototype.ngAfterContentChecked=function(){var t=this,e=this._indexToSelect=this._clampTabIndex(this._indexToSelect);if(this._selectedIndex!=e){var a=null==this._selectedIndex;a||this.selectedTabChange.emit(this._createChangeEvent(e)),Promise.resolve().then((function(){t._tabs.forEach((function(t,a){return t.isActive=a===e})),a||t.selectedIndexChange.emit(e)}))}this._tabs.forEach((function(a,n){a.position=n-e,null==t._selectedIndex||0!=a.position||a.origin||(a.origin=e-t._selectedIndex)})),this._selectedIndex!==e&&(this._selectedIndex=e,this._changeDetectorRef.markForCheck())},e.prototype.ngAfterContentInit=function(){var t=this;this._subscribeToAllTabChanges(),this._subscribeToTabLabels(),this._tabsSubscription=this._tabs.changes.subscribe((function(){if(t._clampTabIndex(t._indexToSelect)===t._selectedIndex)for(var e=t._tabs.toArray(),a=0;a<e.length;a++)if(e[a].isActive){t._indexToSelect=t._selectedIndex=a;break}t._changeDetectorRef.markForCheck()}))},e.prototype._subscribeToAllTabChanges=function(){var t=this;this._allTabs.changes.pipe(d.startWith(this._allTabs)).subscribe((function(e){t._tabs.reset(e.filter((function(e){return e._closestTabGroup===t}))),t._tabs.notifyOnChanges()}))},e.prototype.ngOnDestroy=function(){this._tabs.destroy(),this._tabsSubscription.unsubscribe(),this._tabLabelSubscription.unsubscribe()},e.prototype.realignInkBar=function(){this._tabHeader&&this._tabHeader._alignInkBarToSelectedTab()},e.prototype._focusChanged=function(t){this.focusChange.emit(this._createChangeEvent(t))},e.prototype._createChangeEvent=function(t){var e=new j;return e.index=t,this._tabs&&this._tabs.length&&(e.tab=this._tabs.toArray()[t]),e},e.prototype._subscribeToTabLabels=function(){var t=this;this._tabLabelSubscription&&this._tabLabelSubscription.unsubscribe(),this._tabLabelSubscription=l.merge.apply(void 0,function e(){for(var t=[],e=0;e<arguments.length;e++)t=t.concat(x(arguments[e]));return t}(this._tabs.map((function(t){return t._stateChanges})))).subscribe((function(){return t._changeDetectorRef.markForCheck()}))},e.prototype._clampTabIndex=function(t){return Math.min(this._tabs.length-1,Math.max(t||0,0))},e.prototype._getTabLabelId=function(t){return"mat-tab-label-"+this._groupId+"-"+t},e.prototype._getTabContentId=function(t){return"mat-tab-content-"+this._groupId+"-"+t},e.prototype._setTabBodyWrapperHeight=function(t){if(this._dynamicHeight&&this._tabBodyWrapperHeight){var e=this._tabBodyWrapper.nativeElement;e.style.height=this._tabBodyWrapperHeight+"px",this._tabBodyWrapper.nativeElement.offsetHeight&&(e.style.height=t+"px")}},e.prototype._removeTabBodyWrapperHeight=function(){var t=this._tabBodyWrapper.nativeElement;this._tabBodyWrapperHeight=t.clientHeight,t.style.height="",this.animationDone.emit()},e.prototype._handleClick=function(t,e,a){t.disabled||(this.selectedIndex=e.focusIndex=a)},e.prototype._getTabIndex=function(t,e){return t.disabled?null:this.selectedIndex===e?0:-1},e}(r.mixinColor(r.mixinDisableRipple((function N(t){this._elementRef=t})),"primary"));B.decorators=[{type:o.Directive}],B.ctorParameters=function(){return[{type:o.ElementRef},{type:o.ChangeDetectorRef},{type:void 0,decorators:[{type:o.Inject,args:[M]},{type:o.Optional}]},{type:String,decorators:[{type:o.Optional},{type:o.Inject,args:[s.ANIMATION_MODULE_TYPE]}]}]},B.propDecorators={dynamicHeight:[{type:o.Input}],selectedIndex:[{type:o.Input}],headerPosition:[{type:o.Input}],animationDuration:[{type:o.Input}],disablePagination:[{type:o.Input}],backgroundColor:[{type:o.Input}],selectedIndexChange:[{type:o.Output}],focusChange:[{type:o.Output}],animationDone:[{type:o.Output}],selectedTabChange:[{type:o.Output}]};var H=function(t){function e(e,a,n,i){return t.call(this,e,a,n,i)||this}return v(e,t),e}(B);H.decorators=[{type:o.Component,args:[{selector:"mat-tab-group",exportAs:"matTabGroup",template:'<mat-tab-header #tabHeader\n               [selectedIndex]="selectedIndex || 0"\n               [disableRipple]="disableRipple"\n               [disablePagination]="disablePagination"\n               (indexFocused)="_focusChanged($event)"\n               (selectFocusedIndex)="selectedIndex = $event">\n  <div class="mat-tab-label mat-focus-indicator" role="tab" matTabLabelWrapper mat-ripple cdkMonitorElementFocus\n       *ngFor="let tab of _tabs; let i = index"\n       [id]="_getTabLabelId(i)"\n       [attr.tabIndex]="_getTabIndex(tab, i)"\n       [attr.aria-posinset]="i + 1"\n       [attr.aria-setsize]="_tabs.length"\n       [attr.aria-controls]="_getTabContentId(i)"\n       [attr.aria-selected]="selectedIndex == i"\n       [attr.aria-label]="tab.ariaLabel || null"\n       [attr.aria-labelledby]="(!tab.ariaLabel && tab.ariaLabelledby) ? tab.ariaLabelledby : null"\n       [class.mat-tab-label-active]="selectedIndex == i"\n       [disabled]="tab.disabled"\n       [matRippleDisabled]="tab.disabled || disableRipple"\n       (click)="_handleClick(tab, tabHeader, i)">\n\n\n    <div class="mat-tab-label-content">\n      \x3c!-- If there is a label template, use it. --\x3e\n      <ng-template [ngIf]="tab.templateLabel">\n        <ng-template [cdkPortalOutlet]="tab.templateLabel"></ng-template>\n      </ng-template>\n\n      \x3c!-- If there is not a label template, fall back to the text label. --\x3e\n      <ng-template [ngIf]="!tab.templateLabel">{{tab.textLabel}}</ng-template>\n    </div>\n  </div>\n</mat-tab-header>\n\n<div\n  class="mat-tab-body-wrapper"\n  [class._mat-animation-noopable]="_animationMode === \'NoopAnimations\'"\n  #tabBodyWrapper>\n  <mat-tab-body role="tabpanel"\n               *ngFor="let tab of _tabs; let i = index"\n               [id]="_getTabContentId(i)"\n               [attr.aria-labelledby]="_getTabLabelId(i)"\n               [class.mat-tab-body-active]="selectedIndex == i"\n               [content]="tab.content!"\n               [position]="tab.position!"\n               [origin]="tab.origin"\n               [animationDuration]="animationDuration"\n               (_onCentered)="_removeTabBodyWrapperHeight()"\n               (_onCentering)="_setTabBodyWrapperHeight($event)">\n  </mat-tab-body>\n</div>\n',encapsulation:o.ViewEncapsulation.None,changeDetection:o.ChangeDetectionStrategy.Default,inputs:["color","disableRipple"],providers:[{provide:D,useExisting:H}],host:{class:"mat-tab-group","[class.mat-tab-group-dynamic-height]":"dynamicHeight","[class.mat-tab-group-inverted-header]":'headerPosition === "below"'},styles:[".mat-tab-group{display:flex;flex-direction:column}.mat-tab-group.mat-tab-group-inverted-header{flex-direction:column-reverse}.mat-tab-label{height:48px;padding:0 24px;cursor:pointer;box-sizing:border-box;opacity:.6;min-width:160px;text-align:center;display:inline-flex;justify-content:center;align-items:center;white-space:nowrap;position:relative}.mat-tab-label:focus{outline:none}.mat-tab-label:focus:not(.mat-tab-disabled){opacity:1}.cdk-high-contrast-active .mat-tab-label:focus{outline:dotted 2px;outline-offset:-2px}.mat-tab-label.mat-tab-disabled{cursor:default}.cdk-high-contrast-active .mat-tab-label.mat-tab-disabled{opacity:.5}.mat-tab-label .mat-tab-label-content{display:inline-flex;justify-content:center;align-items:center;white-space:nowrap}.cdk-high-contrast-active .mat-tab-label{opacity:1}@media(max-width: 599px){.mat-tab-label{padding:0 12px}}@media(max-width: 959px){.mat-tab-label{padding:0 12px}}.mat-tab-group[mat-stretch-tabs]>.mat-tab-header .mat-tab-label{flex-basis:0;flex-grow:1}.mat-tab-body-wrapper{position:relative;overflow:hidden;display:flex;transition:height 500ms cubic-bezier(0.35, 0, 0.25, 1)}._mat-animation-noopable.mat-tab-body-wrapper{transition:none;animation:none}.mat-tab-body{top:0;left:0;right:0;bottom:0;position:absolute;display:block;overflow:hidden;flex-basis:100%}.mat-tab-body.mat-tab-body-active{position:relative;overflow-x:hidden;overflow-y:auto;z-index:1;flex-grow:1}.mat-tab-group.mat-tab-group-dynamic-height .mat-tab-body.mat-tab-body-active{overflow-y:hidden}\n"]}]}],H.ctorParameters=function(){return[{type:o.ElementRef},{type:o.ChangeDetectorRef},{type:void 0,decorators:[{type:o.Inject,args:[M]},{type:o.Optional}]},{type:String,decorators:[{type:o.Optional},{type:o.Inject,args:[s.ANIMATION_MODULE_TYPE]}]}]},H.propDecorators={_allTabs:[{type:o.ContentChildren,args:[E,{descendants:!0}]}],_tabBodyWrapper:[{type:o.ViewChild,args:["tabBodyWrapper"]}],_tabHeader:[{type:o.ViewChild,args:["tabHeader"]}]};var F=function(t){function e(e){var a=t.call(this)||this;return a.elementRef=e,a}return v(e,t),e.prototype.focus=function(){this.elementRef.nativeElement.focus()},e.prototype.getOffsetLeft=function(){return this.elementRef.nativeElement.offsetLeft},e.prototype.getOffsetWidth=function(){return this.elementRef.nativeElement.offsetWidth},e}(r.mixinDisabled((function W(){})));F.decorators=[{type:o.Directive,args:[{selector:"[matTabLabelWrapper]",inputs:["disabled"],host:{"[class.mat-tab-disabled]":"disabled","[attr.aria-disabled]":"!!disabled"}}]}],F.ctorParameters=function(){return[{type:o.ElementRef}]};
 /**
      * @license
      * Copyright Google LLC All Rights Reserved.
@@ -67,4 +67,4 @@ var V=u.normalizePassiveListenerOptions({passive:!0}),z=function(){function t(t,
      * Use of this source code is governed by an MIT-style license that can be
      * found in the LICENSE file at https://angular.io/license
      */
-t.MAT_TABS_CONFIG=M,t.MAT_TAB_GROUP=w,t.MatInkBar=y,t.MatTab=E,t.MatTabBody=S,t.MatTabBodyPortal=O,t.MatTabChangeEvent=j,t.MatTabContent=C,t.MatTabGroup=H,t.MatTabHeader=q,t.MatTabLabel=P,t.MatTabLabelWrapper=F,t.MatTabLink=Q,t.MatTabNav=G,t.MatTabsModule=K,t._MAT_INK_BAR_POSITIONER=g,t._MatTabBodyBase=L,t._MatTabGroupBase=B,t._MatTabHeaderBase=U,t._MatTabLinkBase=$,t._MatTabNavBase=Y,t.matTabsAnimations=R,t.ɵangular_material_src_material_tabs_tabs_a=f,t.ɵangular_material_src_material_tabs_tabs_b=I,t.ɵangular_material_src_material_tabs_tabs_c=k,t.ɵangular_material_src_material_tabs_tabs_d=z,Object.defineProperty(t,"__esModule",{value:!0})}));
+t.MAT_TABS_CONFIG=M,t.MAT_TAB_GROUP=D,t.MatInkBar=y,t.MatTab=E,t.MatTabBody=S,t.MatTabBodyPortal=O,t.MatTabChangeEvent=j,t.MatTabContent=C,t.MatTabGroup=H,t.MatTabHeader=q,t.MatTabLabel=P,t.MatTabLabelWrapper=F,t.MatTabLink=Q,t.MatTabNav=G,t.MatTabsModule=K,t._MAT_INK_BAR_POSITIONER=g,t._MatTabBodyBase=L,t._MatTabGroupBase=B,t._MatTabHeaderBase=U,t._MatTabLinkBase=$,t._MatTabNavBase=Y,t.matTabsAnimations=R,t.ɵangular_material_src_material_tabs_tabs_a=f,t.ɵangular_material_src_material_tabs_tabs_b=I,t.ɵangular_material_src_material_tabs_tabs_c=k,t.ɵangular_material_src_material_tabs_tabs_d=z,Object.defineProperty(t,"__esModule",{value:!0})}));