UNPKG

p3x-redis-ui-material

Version:

💿 P3X Redis UI triple frontend — Angular + React/MUI + Vue/Vuetify with 54 languages, 7 themes, Socket.IO, desktop notifications, and full feature parity

393 lines (366 loc) 44.6 kB
import{Bi as ym,Cn as _T,Di as wf,Dn as _y,Dr as lo,E as En,Fi as xi,Fn as bp,Ft as Ro,Gn as dT,H as In,Hn as cw,Hr as nn,Ht as Tf,In as by,Ir as mo,It as Sn,Ki as zo,Kn as dp,Kr as oT,L as Hs,Lr as my,Lt as Sy,M as Gn,Mi as x_,Nt as Re,O as Fr,Oi as wr,P as HT,Pi as xf,Pn as bm,Pr as mc,R as Ht,Rn as co,Rr as nJ,Rt as T,S as Do,Sn as Zt$1,T as Ee,Tr as le$1,Ui as yy,V as I,Vt as Te$1,W as J,Wi as ze,Wt as Ty,Yr as p0,Zr as q,Zt as V,_ as Cf,_i as uY,a as $n,ai as re$1,dn as Xe,dt as Nc,er as gT,et as L,fi as tJ,fr as io,gn as Z,gr as jf,gt as O,ii as rT,in as Wa,ir as h,ji as x6,lr as hy,mi as te,mt as Ni,n as $e,on as Wn,qr as oe$1,si as rt,ti as qi,ur as iT,vi as uc,vr as jy,wi as vt,wn as _e$1,wr as lc,xi as v,xt as Pe,y as Cn}from"./chunk-CHqDEyfr.js";import{t as O$1}from"./chunk-CFyh5uM7.js";var _t=[`*`];function ee(a,s){a&1&&Te$1(0)}var ne=[`tabListContainer`];var ae=[`tabList`];var ie=[`tabListInner`];var oe=[`nextPaginator`];var re=[`previousPaginator`];var se=[`content`];function le(a,s){}var de=[`tabBodyWrapper`];var ce=[`tabHeader`];function be(a,s){}function me(a,s){if(a&1&&hy(0,be,0,0,`ng-template`,12),a&2){let t=gT().$implicit;by(`cdkPortalOutlet`,t.templateLabel)}}function he(a,s){if(a&1&&HT(0),a&2){let t=gT().$implicit;jy(t.textLabel)}}function _e(a,s){if(a&1){let t=dT();Wa(0,`div`,7,2),Sy(`click`,function(){let n=ym(t),i=n.$implicit,o=n.$index,f=gT(),k=_T(1);return bm(f._handleClick(i,k,o))})(`cdkFocusChange`,function(n){let i=ym(t).$index;return bm(gT()._tabFocusChanged(n,i))}),_y(2,`span`,8)(3,`div`,9),Wa(4,`span`,10)(5,`span`,11),co(6,me,1,1,null,12)(7,he,1,1),wf()()()}if(a&2){let t=s.$implicit,e=s.$index,n=_T(1),i=gT();Tf(t.labelClass),vt(`mdc-tab--active`,i.selectedIndex===e),by(`id`,i._getTabLabelId(t,e))(`disabled`,t.disabled)(`fitInkBarToContent`,i.fitInkBarToContent),xi(`tabIndex`,i._getTabIndex(e))(`aria-posinset`,e+1)(`aria-setsize`,i._tabs.length)(`aria-controls`,i._getTabContentId(e))(`aria-selected`,i.selectedIndex===e)(`aria-label`,t.ariaLabel||null)(`aria-labelledby`,!t.ariaLabel&&t.ariaLabelledby?t.ariaLabelledby:null),Sn(3),by(`matRippleTrigger`,n)(`matRippleDisabled`,t.disabled||i.disableRipple),Sn(3),lo(t.templateLabel?6:7)}}function pe(a,s){a&1&&Te$1(0)}function ue(a,s){if(a&1){let t=dT();Wa(0,`mat-tab-body`,13),Sy(`_onCentered`,function(){ym(t);return bm(gT()._removeTabBodyWrapperHeight())})(`_onCentering`,function(n){ym(t);return bm(gT()._setTabBodyWrapperHeight(n))})(`_beforeCentering`,function(n){ym(t);return bm(gT()._bodyCentered(n))}),wf()}if(a&2){let t=s.$implicit,e=s.$index,n=gT();Tf(t.bodyClass),by(`id`,n._getTabContentId(e))(`content`,t.content)(`position`,t.position)(`animationDuration`,n._bodyAnimationDuration)(`preserveContent`,n.preserveContent),xi(`tabindex`,n.contentTabIndex!=null&&n.selectedIndex===e?n.contentTabIndex:null)(`aria-labelledby`,n._getTabLabelId(t,e))(`aria-hidden`,n.selectedIndex!==e)}}var fe=new v(`MatTabContent`);var ge=(()=>{class a{template=h($e);static ɵfac=function(e){return new(e||a)};static ɵdir=Z({type:a,selectors:[[``,`matTabContent`,``]],features:[Ni([{provide:fe,useExisting:a}])]})}return a})();var ve=new v(`MatTabLabel`);var Yt=new v(`MAT_TAB`);var ye=(()=>{class a extends tJ{_closestTab=h(Yt,{optional:!0});static ɵfac=(()=>{let t;return function(n){return(t||(t=io(a)))(n||a)}})();static ɵdir=Z({type:a,selectors:[[``,`mat-tab-label`,``],[``,`matTabLabel`,``]],features:[Ni([{provide:ve,useExisting:a}]),ze]})}return a})();var Xt=new v(`MAT_TAB_GROUP`);var ke=(()=>{class a{_viewContainerRef=h(Pe);_closestTabGroup=h(Xt,{optional:!0});disabled=!1;get templateLabel(){return this._templateLabel}set templateLabel(t){this._setTemplateLabelInput(t)}_templateLabel;_explicitContent=void 0;_implicitContent;textLabel=``;ariaLabel;ariaLabelledby;labelClass;bodyClass;id=null;_contentPortal=null;get content(){return this._contentPortal}_stateChanges=new I;position=null;origin=null;isActive=!1;constructor(){h(rt).load(x_)}ngOnChanges(t){(t.hasOwnProperty(`textLabel`)||t.hasOwnProperty(`disabled`))&&this._stateChanges.next()}ngOnDestroy(){this._stateChanges.complete()}ngOnInit(){this._contentPortal=new Ro(this._explicitContent||this._implicitContent,this._viewContainerRef)}_setTemplateLabelInput(t){t&&t._closestTab===this&&(this._templateLabel=t)}static ɵfac=function(e){return new(e||a)};static ɵcmp=Ee({type:a,selectors:[[`mat-tab`]],contentQueries:function(e,n,i){if(e&1&&Ty(i,ye,5)(i,ge,7,$e),e&2){let o;Cf(o=xf())&&(n.templateLabel=o.first),Cf(o=xf())&&(n._explicitContent=o.first)}},viewQuery:function(e,n){if(e&1&&lc($e,7),e&2){let i;Cf(i=xf())&&(n._implicitContent=i.first)}},hostAttrs:[`hidden`,``],hostVars:1,hostBindings:function(e,n){e&2&&xi(`id`,null)},inputs:{disabled:[2,`disabled`,`disabled`,le$1],textLabel:[0,`label`,`textLabel`],ariaLabel:[0,`aria-label`,`ariaLabel`],ariaLabelledby:[0,`aria-labelledby`,`ariaLabelledby`],labelClass:`labelClass`,bodyClass:`bodyClass`,id:`id`},exportAs:[`matTab`],features:[Ni([{provide:Yt,useExisting:a}]),En],ngContentSelectors:_t,decls:1,vars:0,template:function(e,n){e&1&&(Cn(),my(0,ee,1,0,`ng-template`))},encapsulation:2,changeDetection:1})}return a})();var dt=`mdc-tab-indicator--active`;var qt=`mdc-tab-indicator--no-transition`;var bt=class{_items;_currentItem;constructor(s){this._items=s}hide(){this._items.forEach(s=>s.deactivateInkBar()),this._currentItem=void 0}alignToElement(s){let t=this._items.find(n=>n.elementRef.nativeElement===s),e=this._currentItem;if(t!==e&&(e?.deactivateInkBar(),t)){let n=e?.elementRef.nativeElement.getBoundingClientRect?.();t.activateInkBar(n),this._currentItem=t}}};var Te=(()=>{class a{_elementRef=h(q);_inkBarElement=null;_inkBarContentElement=null;_fitToContent=!1;get fitInkBarToContent(){return this._fitToContent}set fitInkBarToContent(t){this._fitToContent!==t&&(this._fitToContent=t,this._inkBarElement&&this._appendInkBarElement())}activateInkBar(t){let e=this._elementRef.nativeElement;if(!t||!e.getBoundingClientRect||!this._inkBarContentElement){e.classList.add(dt);return}let n=e.getBoundingClientRect(),i=t.width/n.width,o=t.left-n.left;e.classList.add(qt),this._inkBarContentElement.style.setProperty(`transform`,`translateX(${o}px) scaleX(${i})`),e.getBoundingClientRect(),e.classList.remove(qt),e.classList.add(dt),this._inkBarContentElement.style.setProperty(`transform`,``)}deactivateInkBar(){this._elementRef.nativeElement.classList.remove(dt)}ngOnInit(){this._createInkBarElement()}ngOnDestroy(){this._inkBarElement?.remove(),this._inkBarElement=this._inkBarContentElement=null}_createInkBarElement(){let t=this._elementRef.nativeElement.ownerDocument||document,e=this._inkBarElement=t.createElement(`span`),n=this._inkBarContentElement=t.createElement(`span`);e.className=`mdc-tab-indicator`,n.className=`mdc-tab-indicator__content mdc-tab-indicator__content--underline`,e.appendChild(this._inkBarContentElement),this._appendInkBarElement()}_appendInkBarElement(){this._inkBarElement;(this._fitToContent?this._elementRef.nativeElement.querySelector(`.mdc-tab__content`):this._elementRef.nativeElement).appendChild(this._inkBarElement)}static ɵfac=function(e){return new(e||a)};static ɵdir=Z({type:a,inputs:{fitInkBarToContent:[2,`fitInkBarToContent`,`fitInkBarToContent`,le$1]}})}return a})();var Ut=(()=>{class a extends Te{elementRef=h(q);disabled=!1;focus(){this.elementRef.nativeElement.focus()}getOffsetLeft(){return this.elementRef.nativeElement.offsetLeft}getOffsetWidth(){return this.elementRef.nativeElement.offsetWidth}static ɵfac=(()=>{let t;return function(n){return(t||(t=io(a)))(n||a)}})();static ɵdir=Z({type:a,selectors:[[``,`matTabLabelWrapper`,``]],hostVars:3,hostBindings:function(e,n){e&2&&(xi(`aria-disabled`,!!n.disabled),vt(`mat-mdc-tab-disabled`,n.disabled))},inputs:{disabled:[2,`disabled`,`disabled`,le$1]},features:[ze]})}return a})();var Zt={passive:!0};var Ce=650;var xe=100;function ct(a){let s=a+``;return/^[0-9]+(?:\.[0-9]+)?$/.test(s)?`${a}ms`:/^[0-9]+(?:\.[0-9]+)?(?:ms|s)$/.test(s)?s:``}var Ie=(()=>{class a{_elementRef=h(q);_changeDetectorRef=h(mc);_viewportRuler=h(wr);_dir=h(mo,{optional:!0});_ngZone=h(O);_platform=h(re$1);_sharedResizeObserver=h(O$1);_injector=h(V);_renderer=h(Xe);_animationsDisabled=Do();_eventCleanups;_scrollDistance=0;_selectedIndexChanged=!1;_destroyed=new I;_showPaginationControls=!1;_disableScrollAfter=!0;_disableScrollBefore=!0;_tabLabelCount;_scrollDistanceChanged=!1;_keyManager;_currentTextContent;_stopScrolling=new I;disablePagination=!1;get selectedIndex(){return this._selectedIndex}set selectedIndex(t){let e=isNaN(t)?0:t;this._selectedIndex!=e&&(this._selectedIndexChanged=!0,this._selectedIndex=e,this._keyManager&&this._keyManager.updateActiveItem(e))}_selectedIndex=0;selectFocusedIndex=new J;indexFocused=new J;constructor(){this._eventCleanups=this._ngZone.runOutsideAngular(()=>[this._renderer.listen(this._elementRef.nativeElement,`mouseleave`,()=>this._stopInterval())])}ngAfterViewInit(){this._eventCleanups.push(this._renderer.listen(this._previousPaginator.nativeElement,`touchstart`,()=>this._handlePaginatorPress(`before`),Zt),this._renderer.listen(this._nextPaginator.nativeElement,`touchstart`,()=>this._handlePaginatorPress(`after`),Zt))}ngAfterContentInit(){let t=this._dir?this._dir.change:Re(`ltr`),e=this._sharedResizeObserver.observe(this._elementRef.nativeElement).pipe(Gn(32),Ht(this._destroyed)),n=this._viewportRuler.change(150).pipe(Ht(this._destroyed)),i=()=>{this.updatePagination(),this._alignInkBarToSelectedTab()};this._keyManager=new bp(this._items).withHorizontalOrientation(this._getLayoutDirection()).withHomeAndEnd().withWrap().skipPredicate(()=>!1),this._keyManager.updateActiveItem(Math.max(this._selectedIndex,0)),In(i,{injector:this._injector}),cw(t,n,e,this._items.changes,this._itemsResized()).pipe(Ht(this._destroyed)).subscribe(()=>{this._ngZone.run(()=>{Promise.resolve().then(()=>{this._scrollDistance=Math.max(0,Math.min(this._getMaxScrollDistance(),this._scrollDistance)),i()})}),this._keyManager?.withHorizontalOrientation(this._getLayoutDirection())}),this._keyManager.change.subscribe(o=>{this.indexFocused.emit(o),this._setTabFocus(o)})}_itemsResized(){return typeof ResizeObserver!=`function`?$n:this._items.changes.pipe(Fr(this._items),Hs(t=>new T(e=>this._ngZone.runOutsideAngular(()=>{let n=new ResizeObserver(i=>e.next(i));return t.forEach(i=>n.observe(i.elementRef.nativeElement)),()=>{n.disconnect()}}))),zo(1),_e$1(t=>t.some(e=>e.contentRect.width>0&&e.contentRect.height>0)))}ngAfterContentChecked(){this._tabLabelCount!=this._items.length&&(this.updatePagination(),this._tabLabelCount=this._items.length,this._changeDetectorRef.markForCheck()),this._selectedIndexChanged&&(this._scrollToLabel(this._selectedIndex),this._checkScrollingControls(),this._alignInkBarToSelectedTab(),this._selectedIndexChanged=!1,this._changeDetectorRef.markForCheck()),this._scrollDistanceChanged&&(this._updateTabScrollPosition(),this._scrollDistanceChanged=!1,this._changeDetectorRef.markForCheck())}ngOnDestroy(){this._eventCleanups.forEach(t=>t()),this._keyManager?.destroy(),this._destroyed.next(),this._destroyed.complete(),this._stopScrolling.complete()}_handleKeydown(t){if(!Nc(t))switch(t.keyCode){case 13:case 32:if(this.focusIndex!==this.selectedIndex){let e=this._items.get(this.focusIndex);e&&!e.disabled&&(this.selectFocusedIndex.emit(this.focusIndex),this._itemSelected(t))}break;default:this._keyManager?.onKeydown(t)}}_onContentChanges(){let t=this._elementRef.nativeElement.textContent;t!==this._currentTextContent&&(this._currentTextContent=t||``,this._ngZone.run(()=>{this.updatePagination(),this._alignInkBarToSelectedTab(),this._changeDetectorRef.markForCheck()}))}updatePagination(){this._checkPaginationEnabled(),this._checkScrollingControls(),this._updateTabScrollPosition()}get focusIndex(){return this._keyManager?this._keyManager.activeItemIndex:0}set focusIndex(t){!this._isValidIndex(t)||this.focusIndex===t||!this._keyManager||this._keyManager.setActiveItem(t)}_isValidIndex(t){return this._items?!!this._items.toArray()[t]:!0}_setTabFocus(t){if(this._showPaginationControls&&this._scrollToLabel(t),this._items&&this._items.length){this._items.toArray()[t].focus();let e=this._tabListContainer.nativeElement;this._getLayoutDirection()==`ltr`?e.scrollLeft=0:e.scrollLeft=e.scrollWidth-e.offsetWidth}}_getLayoutDirection(){return this._dir&&this._dir.value===`rtl`?`rtl`:`ltr`}_updateTabScrollPosition(){if(this.disablePagination)return;let t=this.scrollDistance,e=this._getLayoutDirection()===`ltr`?-t:t;this._tabList.nativeElement.style.transform=`translateX(${Math.round(e)}px)`,(this._platform.TRIDENT||this._platform.EDGE)&&(this._tabListContainer.nativeElement.scrollLeft=0)}get scrollDistance(){return this._scrollDistance}set scrollDistance(t){this._scrollTo(t)}_scrollHeader(t){let e=this._tabListContainer.nativeElement.offsetWidth,n=(t==`before`?-1:1)*e/3;return this._scrollTo(this._scrollDistance+n)}_handlePaginatorClick(t){this._stopInterval(),this._scrollHeader(t)}_scrollToLabel(t){if(this.disablePagination)return;let e=this._items?this._items.toArray()[t]:null;if(!e)return;let n=this._tabListContainer.nativeElement.offsetWidth,{offsetLeft:i,offsetWidth:o}=e.elementRef.nativeElement,f,k;this._getLayoutDirection()==`ltr`?(f=i,k=f+o):(k=this._tabListInner.nativeElement.offsetWidth-i,f=k-o);let Z=this.scrollDistance,pt=this.scrollDistance+n;f<Z?this.scrollDistance-=Z-f:k>pt&&(this.scrollDistance+=Math.min(k-pt,f-Z))}_checkPaginationEnabled(){if(this.disablePagination)this._showPaginationControls=!1;else{let n=this._tabListInner.nativeElement.scrollWidth-this._elementRef.nativeElement.offsetWidth>=5;n||(this.scrollDistance=0),n!==this._showPaginationControls&&(this._showPaginationControls=n,this._changeDetectorRef.markForCheck())}}_checkScrollingControls(){this.disablePagination?this._disableScrollAfter=this._disableScrollBefore=!0:(this._disableScrollBefore=this.scrollDistance==0,this._disableScrollAfter=this.scrollDistance==this._getMaxScrollDistance(),this._changeDetectorRef.markForCheck())}_getMaxScrollDistance(){return this._tabListInner.nativeElement.scrollWidth-this._tabListContainer.nativeElement.offsetWidth||0}_alignInkBarToSelectedTab(){let t=this._items&&this._items.length?this._items.toArray()[this.selectedIndex]:null,e=t?t.elementRef.nativeElement:null;e?this._inkBar.alignToElement(e):this._inkBar.hide()}_stopInterval(){this._stopScrolling.next()}_handlePaginatorPress(t,e){e&&e.button!=null&&e.button!==0||(this._stopInterval(),Wn(Ce,xe).pipe(Ht(cw(this._stopScrolling,this._destroyed))).subscribe(()=>{let{maxScrollDistance:n,distance:i}=this._scrollHeader(t);(i===0||i>=n)&&this._stopInterval()}))}_scrollTo(t){if(this.disablePagination)return{maxScrollDistance:0,distance:0};let e=this._getMaxScrollDistance();return this._scrollDistance=Math.max(0,Math.min(e,t)),this._scrollDistanceChanged=!0,this._checkScrollingControls(),{maxScrollDistance:e,distance:this._scrollDistance}}static ɵfac=function(e){return new(e||a)};static ɵdir=Z({type:a,inputs:{disablePagination:[2,`disablePagination`,`disablePagination`,le$1],selectedIndex:[2,`selectedIndex`,`selectedIndex`,jf]},outputs:{selectFocusedIndex:`selectFocusedIndex`,indexFocused:`indexFocused`}})}return a})();var Se=(()=>{class a extends Ie{_items;_tabListContainer;_tabList;_tabListInner;_nextPaginator;_previousPaginator;_inkBar;ariaLabel;ariaLabelledby;disableRipple=!1;ngAfterContentInit(){this._inkBar=new bt(this._items),super.ngAfterContentInit()}_itemSelected(t){t.preventDefault()}static ɵfac=(()=>{let t;return function(n){return(t||(t=io(a)))(n||a)}})();static ɵcmp=Ee({type:a,selectors:[[`mat-tab-header`]],contentQueries:function(e,n,i){if(e&1&&Ty(i,Ut,4),e&2){let o;Cf(o=xf())&&(n._items=o)}},viewQuery:function(e,n){if(e&1&&lc(ne,7)(ae,7)(ie,7)(oe,5)(re,5),e&2){let i;Cf(i=xf())&&(n._tabListContainer=i.first),Cf(i=xf())&&(n._tabList=i.first),Cf(i=xf())&&(n._tabListInner=i.first),Cf(i=xf())&&(n._nextPaginator=i.first),Cf(i=xf())&&(n._previousPaginator=i.first)}},hostAttrs:[1,`mat-mdc-tab-header`],hostVars:4,hostBindings:function(e,n){e&2&&vt(`mat-mdc-tab-header-pagination-controls-enabled`,n._showPaginationControls)(`mat-mdc-tab-header-rtl`,n._getLayoutDirection()==`rtl`)},inputs:{ariaLabel:[0,`aria-label`,`ariaLabel`],ariaLabelledby:[0,`aria-labelledby`,`ariaLabelledby`],disableRipple:[2,`disableRipple`,`disableRipple`,le$1]},features:[ze],ngContentSelectors:_t,decls:13,vars:10,consts:[[`previousPaginator`,``],[`tabListContainer`,``],[`tabList`,``],[`tabListInner`,``],[`nextPaginator`,``],[`mat-ripple`,``,1,`mat-mdc-tab-header-pagination`,`mat-mdc-tab-header-pagination-before`,3,`click`,`mousedown`,`touchend`,`matRippleDisabled`],[1,`mat-mdc-tab-header-pagination-chevron`],[1,`mat-mdc-tab-label-container`,3,`keydown`],[`role`,`tablist`,1,`mat-mdc-tab-list`,3,`cdkObserveContent`],[1,`mat-mdc-tab-labels`],[`mat-ripple`,``,1,`mat-mdc-tab-header-pagination`,`mat-mdc-tab-header-pagination-after`,3,`mousedown`,`click`,`touchend`,`matRippleDisabled`]],template:function(e,n){e&1&&(Cn(),Wa(0,`div`,5,0),Sy(`click`,function(){return n._handlePaginatorClick(`before`)})(`mousedown`,function(o){return n._handlePaginatorPress(`before`,o)})(`touchend`,function(){return n._stopInterval()}),_y(2,`div`,6),wf(),Wa(3,`div`,7,1),Sy(`keydown`,function(o){return n._handleKeydown(o)}),Wa(5,`div`,8,2),Sy(`cdkObserveContent`,function(){return n._onContentChanges()}),Wa(7,`div`,9,3),Te$1(9),wf()()(),Wa(10,`div`,10,4),Sy(`mousedown`,function(o){return n._handlePaginatorPress(`after`,o)})(`click`,function(){return n._handlePaginatorClick(`after`)})(`touchend`,function(){return n._stopInterval()}),_y(12,`div`,6),wf()),e&2&&(vt(`mat-mdc-tab-header-pagination-disabled`,n._disableScrollBefore),by(`matRippleDisabled`,n._disableScrollBefore||n.disableRipple),Sn(3),vt(`_mat-animation-noopable`,n._animationsDisabled),Sn(2),xi(`aria-label`,n.ariaLabel||null)(`aria-labelledby`,n.ariaLabelledby||null),Sn(5),vt(`mat-mdc-tab-header-pagination-disabled`,n._disableScrollAfter),by(`matRippleDisabled`,n._disableScrollAfter||n.disableRipple))},dependencies:[uY,x6],styles:[`.mat-mdc-tab-header { display: flex; overflow: hidden; position: relative; flex-shrink: 0; } .mdc-tab-indicator .mdc-tab-indicator__content { transition-duration: var(--%NS%mat-tab-header-animation-duration, 250ms); } .mat-mdc-tab-header-pagination { -webkit-user-select: none; user-select: none; position: relative; display: none; justify-content: center; align-items: center; min-width: 32px; cursor: pointer; z-index: 2; -webkit-tap-highlight-color: transparent; touch-action: none; box-sizing: content-box; outline: 0; } .mat-mdc-tab-header-pagination::-moz-focus-inner { border: 0; } .mat-mdc-tab-header-pagination .mat-ripple-element { opacity: 0.12; background-color: var(--%NS%mat-tab-inactive-ripple-color, var(--%NS%mat-sys-on-surface)); } .mat-mdc-tab-header-pagination-controls-enabled .mat-mdc-tab-header-pagination { display: flex; } .mat-mdc-tab-header-pagination-before, .mat-mdc-tab-header-rtl .mat-mdc-tab-header-pagination-after { padding-left: 4px; } .mat-mdc-tab-header-pagination-before .mat-mdc-tab-header-pagination-chevron, .mat-mdc-tab-header-rtl .mat-mdc-tab-header-pagination-after .mat-mdc-tab-header-pagination-chevron { transform: rotate(-135deg); } .mat-mdc-tab-header-rtl .mat-mdc-tab-header-pagination-before, .mat-mdc-tab-header-pagination-after { padding-right: 4px; } .mat-mdc-tab-header-rtl .mat-mdc-tab-header-pagination-before .mat-mdc-tab-header-pagination-chevron, .mat-mdc-tab-header-pagination-after .mat-mdc-tab-header-pagination-chevron { transform: rotate(45deg); } .mat-mdc-tab-header-pagination-chevron { border-style: solid; border-width: 2px 2px 0 0; height: 8px; width: 8px; border-color: var(--%NS%mat-tab-pagination-icon-color, var(--%NS%mat-sys-on-surface)); } .mat-mdc-tab-header-pagination-disabled { box-shadow: none; cursor: default; pointer-events: none; } .mat-mdc-tab-header-pagination-disabled .mat-mdc-tab-header-pagination-chevron { opacity: 0.4; } .mat-mdc-tab-list { flex-grow: 1; position: relative; transition: transform 500ms cubic-bezier(0.35, 0, 0.25, 1); } ._mat-animation-noopable .mat-mdc-tab-list { transition: none; } .mat-mdc-tab-label-container { display: flex; flex-grow: 1; overflow: hidden; z-index: 1; border-bottom-style: solid; border-bottom-width: var(--%NS%mat-tab-divider-height, 1px); border-bottom-color: var(--%NS%mat-tab-divider-color, var(--%NS%mat-sys-surface-variant)); } .mat-mdc-tab-group-inverted-header .mat-mdc-tab-label-container { border-bottom: none; border-top-style: solid; border-top-width: var(--%NS%mat-tab-divider-height, 1px); border-top-color: var(--%NS%mat-tab-divider-color, var(--%NS%mat-sys-surface-variant)); } .mat-mdc-tab-labels { display: flex; flex: 1 0 auto; } [mat-align-tabs=center] > .mat-mdc-tab-header .mat-mdc-tab-labels { justify-content: center; } [mat-align-tabs=end] > .mat-mdc-tab-header .mat-mdc-tab-labels { justify-content: flex-end; } .cdk-drop-list .mat-mdc-tab-labels, .mat-mdc-tab-labels.cdk-drop-list { min-height: var(--%NS%mat-tab-container-height, 48px); } .mat-mdc-tab::before { margin: 5px; } @media (forced-colors: active) { .mat-mdc-tab[aria-disabled=true] { color: GrayText; } } `],encapsulation:2,changeDetection:1})}return a})();var we=new v(`MAT_TABS_CONFIG`);var Kt=(()=>{class a extends nJ{_host=h(mt);_ngZone=h(O);_centeringSub=L.EMPTY;_leavingSub=L.EMPTY;ngOnInit(){super.ngOnInit(),this._centeringSub=this._host._beforeCentering.pipe(Fr(this._host._isCenterPosition())).subscribe(t=>{this._host._content&&t&&!this.hasAttached()&&this._ngZone.run(()=>{Promise.resolve().then(),this.attach(this._host._content)})}),this._leavingSub=this._host._afterLeavingCenter.subscribe(()=>{this._host.preserveContent||this._ngZone.run(()=>this.detach())})}ngOnDestroy(){super.ngOnDestroy(),this._centeringSub.unsubscribe(),this._leavingSub.unsubscribe()}static ɵfac=(()=>{let t;return function(n){return(t||(t=io(a)))(n||a)}})();static ɵdir=Z({type:a,selectors:[[``,`matTabBodyHost`,``]],features:[ze]})}return a})();var mt=(()=>{class a{_elementRef=h(q);_dir=h(mo,{optional:!0});_ngZone=h(O);_injector=h(V);_renderer=h(Xe);_diAnimationsDisabled=Do();_eventCleanups;_initialized=!1;_fallbackTimer;_positionIndex;_dirChangeSubscription=L.EMPTY;_position;_previousPosition;_onCentering=new J;_beforeCentering=new J;_afterLeavingCenter=new J;_onCentered=new J(!0);_portalHost;_contentElement;_content;animationDuration=`500ms`;preserveContent=!1;set position(t){this._positionIndex=t,this._computePositionAnimationState()}constructor(){if(this._dir){let t=h(mc);this._dirChangeSubscription=this._dir.change.subscribe(e=>{this._computePositionAnimationState(e),t.markForCheck()})}}ngOnInit(){this._bindTransitionEvents(),this._position===`center`&&(this._setActiveClass(!0),In(()=>this._onCentering.emit(this._elementRef.nativeElement.clientHeight),{injector:this._injector})),this._initialized=!0}ngOnDestroy(){clearTimeout(this._fallbackTimer),this._eventCleanups?.forEach(t=>t()),this._dirChangeSubscription.unsubscribe()}_bindTransitionEvents(){this._ngZone.runOutsideAngular(()=>{let t=this._elementRef.nativeElement,e=n=>{n.target===this._contentElement?.nativeElement&&(this._elementRef.nativeElement.classList.remove(`mat-tab-body-animating`),n.type===`transitionend`&&this._transitionDone())};this._eventCleanups=[this._renderer.listen(t,`transitionstart`,n=>{n.target===this._contentElement?.nativeElement&&(this._elementRef.nativeElement.classList.add(`mat-tab-body-animating`),this._transitionStarted())}),this._renderer.listen(t,`transitionend`,e),this._renderer.listen(t,`transitioncancel`,e)]})}_transitionStarted(){clearTimeout(this._fallbackTimer);let t=this._position===`center`;this._beforeCentering.emit(t),t&&this._onCentering.emit(this._elementRef.nativeElement.clientHeight)}_transitionDone(){this._position===`center`?this._onCentered.emit():this._previousPosition===`center`&&this._afterLeavingCenter.emit()}_setActiveClass(t){this._elementRef.nativeElement.classList.toggle(`mat-mdc-tab-body-active`,t)}_getLayoutDirection(){return this._dir&&this._dir.value===`rtl`?`rtl`:`ltr`}_isCenterPosition(){return this._positionIndex===0}_computePositionAnimationState(t=this._getLayoutDirection()){this._previousPosition=this._position,this._positionIndex<0?this._position=t==`ltr`?`left`:`right`:this._positionIndex>0?this._position=t==`ltr`?`right`:`left`:this._position=`center`,this._animationsDisabled()?this._simulateTransitionEvents():this._initialized&&(this._position===`center`||this._previousPosition===`center`)&&(clearTimeout(this._fallbackTimer),this._fallbackTimer=this._ngZone.runOutsideAngular(()=>setTimeout(()=>this._simulateTransitionEvents(),100)))}_simulateTransitionEvents(){this._transitionStarted(),In(()=>this._transitionDone(),{injector:this._injector})}_animationsDisabled(){return this._diAnimationsDisabled||this.animationDuration===`0ms`||this.animationDuration===`0s`}static ɵfac=function(e){return new(e||a)};static ɵcmp=Ee({type:a,selectors:[[`mat-tab-body`]],viewQuery:function(e,n){if(e&1&&lc(Kt,5)(se,5),e&2){let i;Cf(i=xf())&&(n._portalHost=i.first),Cf(i=xf())&&(n._contentElement=i.first)}},hostAttrs:[1,`mat-mdc-tab-body`],hostVars:1,hostBindings:function(e,n){e&2&&xi(`inert`,n._position===`center`?null:``)},inputs:{_content:[0,`content`,`_content`],animationDuration:`animationDuration`,preserveContent:`preserveContent`,position:`position`},outputs:{_onCentering:`_onCentering`,_beforeCentering:`_beforeCentering`,_onCentered:`_onCentered`},decls:3,vars:6,consts:[[`content`,``],[`cdkScrollable`,``,1,`mat-mdc-tab-body-content`],[`matTabBodyHost`,``]],template:function(e,n){e&1&&(Wa(0,`div`,1,0),hy(2,le,0,0,`ng-template`,2),wf()),e&2&&vt(`mat-tab-body-content-left`,n._position===`left`)(`mat-tab-body-content-right`,n._position===`right`)(`mat-tab-body-content-can-animate`,n._position===`center`||n._previousPosition===`center`)},dependencies:[Kt,dp],styles:[`.mat-mdc-tab-body { top: 0; left: 0; right: 0; bottom: 0; position: absolute; display: block; overflow: hidden; outline: 0; flex-basis: 100%; } .mat-mdc-tab-body.mat-mdc-tab-body-active { position: relative; overflow-x: hidden; overflow-y: auto; z-index: 1; flex-grow: 1; } .mat-mdc-tab-group.mat-mdc-tab-group-dynamic-height .mat-mdc-tab-body.mat-mdc-tab-body-active { overflow-y: hidden; } .mat-mdc-tab-body-content { height: 100%; overflow: auto; transform: none; visibility: hidden; } .mat-tab-body-animating > .mat-mdc-tab-body-content, .mat-mdc-tab-body-active > .mat-mdc-tab-body-content { visibility: visible; } .mat-tab-body-animating > .mat-mdc-tab-body-content { min-height: 1px; } .mat-mdc-tab-group-dynamic-height .mat-mdc-tab-body-content { overflow: hidden; } .mat-tab-body-content-can-animate { transition: transform var(--%NS%mat-tab-body-animation-duration) 1ms cubic-bezier(0.35, 0, 0.25, 1); } .mat-mdc-tab-body-wrapper._mat-animation-noopable .mat-tab-body-content-can-animate { transition: none; } .mat-tab-body-content-left { transform: translate3d(-100%, 0, 0); } .mat-tab-body-content-right { transform: translate3d(100%, 0, 0); } `],encapsulation:2,changeDetection:1})}return a})();var dn=(()=>{class a{_elementRef=h(q);_changeDetectorRef=h(mc);_ngZone=h(O);_tabsSubscription=L.EMPTY;_tabLabelSubscription=L.EMPTY;_tabBodySubscription=L.EMPTY;_diAnimationsDisabled=Do();_bodyAnimationDuration;_headerAnimationDuration;_allTabs;_tabBodies;_tabBodyWrapper;_tabHeader;_tabs=new Zt$1;_indexToSelect=0;_lastFocusedTabIndex=null;_tabBodyWrapperHeight=0;color;get fitInkBarToContent(){return this._fitInkBarToContent}set fitInkBarToContent(t){this._fitInkBarToContent=t,this._changeDetectorRef.markForCheck()}_fitInkBarToContent=!1;stretchTabs=!0;alignTabs=null;dynamicHeight=!1;get selectedIndex(){return this._selectedIndex}set selectedIndex(t){this._indexToSelect=isNaN(t)?null:t}_selectedIndex=null;headerPosition=`above`;get animationDuration(){return this._animationDuration}set animationDuration(t){this._animationDuration=t,t&&typeof t==`object`?(this._bodyAnimationDuration=ct(t.body),this._headerAnimationDuration=ct(t.header)):this._headerAnimationDuration=this._bodyAnimationDuration=ct(t)}_animationDuration;get contentTabIndex(){return this._contentTabIndex}set contentTabIndex(t){this._contentTabIndex=isNaN(t)?null:t}_contentTabIndex=null;disablePagination=!1;disableRipple=!1;preserveContent=!1;get backgroundColor(){return this._backgroundColor}set backgroundColor(t){let e=this._elementRef.nativeElement.classList;e.remove(`mat-tabs-with-background`,`mat-background-${this.backgroundColor}`),t&&e.add(`mat-tabs-with-background`,`mat-background-${t}`),this._backgroundColor=t}_backgroundColor;ariaLabel;ariaLabelledby;selectedIndexChange=new J;focusChange=new J;animationDone=new J;selectedTabChange=new J(!0);_groupId;_isServer=!h(re$1).isBrowser;constructor(){let t=h(we,{optional:!0});this._groupId=h(qi).getId(`mat-tab-group-`),this.animationDuration=t&&t.animationDuration?t.animationDuration:`500ms`,this.disablePagination=t&&t.disablePagination!=null?t.disablePagination:!1,this.dynamicHeight=t&&t.dynamicHeight!=null?t.dynamicHeight:!1,t?.contentTabIndex!=null&&(this.contentTabIndex=t.contentTabIndex),this.preserveContent=!!t?.preserveContent,this.fitInkBarToContent=t&&t.fitInkBarToContent!=null?t.fitInkBarToContent:!1,this.stretchTabs=t&&t.stretchTabs!=null?t.stretchTabs:!0,this.alignTabs=t&&t.alignTabs!=null?t.alignTabs:null}ngAfterContentChecked(){let t=this._indexToSelect=this._clampTabIndex(this._indexToSelect);if(this._selectedIndex!=t){let e=this._selectedIndex==null;if(!e){this.selectedTabChange.emit(this._createChangeEvent(t));let n=this._tabBodyWrapper.nativeElement;n.style.minHeight=n.clientHeight+`px`}Promise.resolve().then(()=>{this._tabs.forEach((n,i)=>n.isActive=i===t),e||(this.selectedIndexChange.emit(t),this._tabBodyWrapper.nativeElement.style.minHeight=``)})}this._tabs.forEach((e,n)=>{e.position=n-t,this._selectedIndex!=null&&e.position==0&&!e.origin&&(e.origin=t-this._selectedIndex)}),this._selectedIndex!==t&&(this._selectedIndex=t,this._lastFocusedTabIndex=null,this._changeDetectorRef.markForCheck())}ngAfterContentInit(){this._subscribeToAllTabChanges(),this._subscribeToTabLabels(),this._tabsSubscription=this._tabs.changes.subscribe(()=>{let t=this._clampTabIndex(this._indexToSelect);if(t===this._selectedIndex){let e=this._tabs.toArray(),n;for(let i=0;i<e.length;i++)if(e[i].isActive){this._indexToSelect=this._selectedIndex=i,this._lastFocusedTabIndex=null,n=e[i];break}!n&&e[t]&&Promise.resolve().then(()=>{e[t].isActive=!0,this.selectedTabChange.emit(this._createChangeEvent(t))})}this._changeDetectorRef.markForCheck()})}ngAfterViewInit(){this._tabBodySubscription=this._tabBodies.changes.subscribe(()=>this._bodyCentered(!0))}_subscribeToAllTabChanges(){this._allTabs.changes.pipe(Fr(this._allTabs)).subscribe(t=>{this._tabs.reset(t.filter(e=>e._closestTabGroup===this||!e._closestTabGroup)),this._tabs.notifyOnChanges()})}ngOnDestroy(){this._tabs.destroy(),this._tabsSubscription.unsubscribe(),this._tabLabelSubscription.unsubscribe(),this._tabBodySubscription.unsubscribe()}realignInkBar(){this._tabHeader&&this._tabHeader._alignInkBarToSelectedTab()}updatePagination(){this._tabHeader&&this._tabHeader.updatePagination()}focusTab(t){let e=this._tabHeader;e&&(e.focusIndex=t)}_focusChanged(t){this._lastFocusedTabIndex=t,this.focusChange.emit(this._createChangeEvent(t))}_createChangeEvent(t){let e=new ht;return e.index=t,this._tabs&&this._tabs.length&&(e.tab=this._tabs.toArray()[t]),e}_subscribeToTabLabels(){this._tabLabelSubscription&&this._tabLabelSubscription.unsubscribe(),this._tabLabelSubscription=cw(...this._tabs.map(t=>t._stateChanges)).subscribe(()=>this._changeDetectorRef.markForCheck())}_clampTabIndex(t){return Math.min(this._tabs.length-1,Math.max(t||0,0))}_getTabLabelId(t,e){return t.id||`${this._groupId}-label-${e}`}_getTabContentId(t){return`${this._groupId}-content-${t}`}_setTabBodyWrapperHeight(t){if(!this.dynamicHeight||!this._tabBodyWrapperHeight){this._tabBodyWrapperHeight=t;return}let e=this._tabBodyWrapper.nativeElement;e.style.height=this._tabBodyWrapperHeight+`px`,this._tabBodyWrapper.nativeElement.offsetHeight&&(e.style.height=t+`px`)}_removeTabBodyWrapperHeight(){let t=this._tabBodyWrapper.nativeElement;this._tabBodyWrapperHeight=t.clientHeight,t.style.height=``,this._ngZone.run(()=>this.animationDone.emit())}_handleClick(t,e,n){e.focusIndex=n,t.disabled||(this.selectedIndex=n)}_getTabIndex(t){return t===(this._lastFocusedTabIndex??this.selectedIndex)?0:-1}_tabFocusChanged(t,e){t&&t!==`mouse`&&t!==`touch`&&(this._tabHeader.focusIndex=e)}_bodyCentered(t){t&&this._tabBodies?.forEach((e,n)=>e._setActiveClass(n===this._selectedIndex))}_bodyAnimationsDisabled(){return this._diAnimationsDisabled||this._bodyAnimationDuration===`0`||this._bodyAnimationDuration===`0ms`}static ɵfac=function(e){return new(e||a)};static ɵcmp=Ee({type:a,selectors:[[`mat-tab-group`]],contentQueries:function(e,n,i){if(e&1&&Ty(i,ke,5),e&2){let o;Cf(o=xf())&&(n._allTabs=o)}},viewQuery:function(e,n){if(e&1&&lc(de,5)(ce,5)(mt,5),e&2){let i;Cf(i=xf())&&(n._tabBodyWrapper=i.first),Cf(i=xf())&&(n._tabHeader=i.first),Cf(i=xf())&&(n._tabBodies=i)}},hostAttrs:[1,`mat-mdc-tab-group`],hostVars:13,hostBindings:function(e,n){e&2&&(xi(`mat-align-tabs`,n.alignTabs),Tf(`mat-`+(n.color||`primary`)),uc(`--%NS%mat-tab-body-animation-duration`,n._bodyAnimationDuration)(`--%NS%mat-tab-header-animation-duration`,n._headerAnimationDuration),vt(`mat-mdc-tab-group-dynamic-height`,n.dynamicHeight)(`mat-mdc-tab-group-inverted-header`,n.headerPosition===`below`)(`mat-mdc-tab-group-stretch-tabs`,n.stretchTabs))},inputs:{color:`color`,fitInkBarToContent:[2,`fitInkBarToContent`,`fitInkBarToContent`,le$1],stretchTabs:[2,`mat-stretch-tabs`,`stretchTabs`,le$1],alignTabs:[0,`mat-align-tabs`,`alignTabs`],dynamicHeight:[2,`dynamicHeight`,`dynamicHeight`,le$1],selectedIndex:[2,`selectedIndex`,`selectedIndex`,jf],headerPosition:`headerPosition`,animationDuration:`animationDuration`,contentTabIndex:[2,`contentTabIndex`,`contentTabIndex`,jf],disablePagination:[2,`disablePagination`,`disablePagination`,le$1],disableRipple:[2,`disableRipple`,`disableRipple`,le$1],preserveContent:[2,`preserveContent`,`preserveContent`,le$1],backgroundColor:`backgroundColor`,ariaLabel:[0,`aria-label`,`ariaLabel`],ariaLabelledby:[0,`aria-labelledby`,`ariaLabelledby`]},outputs:{selectedIndexChange:`selectedIndexChange`,focusChange:`focusChange`,animationDone:`animationDone`,selectedTabChange:`selectedTabChange`},exportAs:[`matTabGroup`],features:[Ni([{provide:Xt,useExisting:a}])],ngContentSelectors:_t,decls:9,vars:8,consts:[[`tabHeader`,``],[`tabBodyWrapper`,``],[`tabNode`,``],[3,`indexFocused`,`selectFocusedIndex`,`selectedIndex`,`disableRipple`,`disablePagination`,`aria-label`,`aria-labelledby`],[`role`,`tab`,`matTabLabelWrapper`,``,`cdkMonitorElementFocus`,``,1,`mdc-tab`,`mat-mdc-tab`,`mat-focus-indicator`,3,`id`,`mdc-tab--active`,`class`,`disabled`,`fitInkBarToContent`],[1,`mat-mdc-tab-body-wrapper`],[`role`,`tabpanel`,3,`id`,`class`,`content`,`position`,`animationDuration`,`preserveContent`],[`role`,`tab`,`matTabLabelWrapper`,``,`cdkMonitorElementFocus`,``,1,`mdc-tab`,`mat-mdc-tab`,`mat-focus-indicator`,3,`click`,`cdkFocusChange`,`id`,`disabled`,`fitInkBarToContent`],[1,`mdc-tab__ripple`],[`mat-ripple`,``,1,`mat-mdc-tab-ripple`,3,`matRippleTrigger`,`matRippleDisabled`],[1,`mdc-tab__content`],[1,`mdc-tab__text-label`],[3,`cdkPortalOutlet`],[`role`,`tabpanel`,3,`_onCentered`,`_onCentering`,`_beforeCentering`,`id`,`content`,`position`,`animationDuration`,`preserveContent`]],template:function(e,n){e&1&&(Cn(),Wa(0,`mat-tab-header`,3,0),Sy(`indexFocused`,function(o){return n._focusChanged(o)})(`selectFocusedIndex`,function(o){return n.selectedIndex=o}),oT(2,_e,8,17,`div`,4,rT),wf(),co(4,pe,1,0),Wa(5,`div`,5,1),oT(7,ue,1,10,`mat-tab-body`,6,rT),wf()),e&2&&(by(`selectedIndex`,n.selectedIndex||0)(`disableRipple`,n.disableRipple)(`disablePagination`,n.disablePagination),yy(`aria-label`,n.ariaLabel)(`aria-labelledby`,n.ariaLabelledby),Sn(2),iT(n._tabs),Sn(2),lo(n._isServer?4:-1),Sn(),vt(`_mat-animation-noopable`,n._bodyAnimationsDisabled()),Sn(2),iT(n._tabs))},dependencies:[Se,Ut,p0,uY,nJ,mt],styles:[`.mdc-tab { min-width: 90px; padding: 0 24px; display: flex; flex: 1 0 auto; justify-content: center; box-sizing: border-box; border: none; outline: none; text-align: center; white-space: nowrap; cursor: pointer; z-index: 1; touch-action: manipulation; } .mdc-tab__content { display: flex; align-items: center; justify-content: center; height: inherit; pointer-events: none; } .mdc-tab__text-label { transition: 150ms color linear; display: inline-block; line-height: 1; z-index: 2; } .mdc-tab--active .mdc-tab__text-label { transition-delay: 100ms; } ._mat-animation-noopable .mdc-tab__text-label { transition: none; } .mdc-tab-indicator { display: flex; position: absolute; top: 0; left: 0; justify-content: center; width: 100%; height: 100%; pointer-events: none; z-index: 1; } .mdc-tab-indicator__content { transition: var(--%NS%mat-tab-header-animation-duration, 250ms) transform cubic-bezier(0.4, 0, 0.2, 1); transform-origin: left; opacity: 0; } .mdc-tab-indicator__content--underline { align-self: flex-end; box-sizing: border-box; width: 100%; border-top-style: solid; } .mdc-tab-indicator--active .mdc-tab-indicator__content { opacity: 1; } ._mat-animation-noopable .mdc-tab-indicator__content, .mdc-tab-indicator--no-transition .mdc-tab-indicator__content { transition: none; } .mat-mdc-tab-ripple.mat-mdc-tab-ripple { position: absolute; top: 0; left: 0; bottom: 0; right: 0; pointer-events: none; } .mat-mdc-tab { -webkit-tap-highlight-color: transparent; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-decoration: none; background: none; height: var(--%NS%mat-tab-container-height, 48px); font-family: var(--%NS%mat-tab-label-text-font, var(--%NS%mat-sys-title-small-font)); font-size: var(--%NS%mat-tab-label-text-size, var(--%NS%mat-sys-title-small-size)); letter-spacing: var(--%NS%mat-tab-label-text-tracking, var(--%NS%mat-sys-title-small-tracking)); line-height: var(--%NS%mat-tab-label-text-line-height, var(--%NS%mat-sys-title-small-line-height)); font-weight: var(--%NS%mat-tab-label-text-weight, var(--%NS%mat-sys-title-small-weight)); } .mat-mdc-tab.mdc-tab { flex-grow: 0; } .mat-mdc-tab .mdc-tab-indicator__content--underline { border-color: var(--%NS%mat-tab-active-indicator-color, var(--%NS%mat-sys-primary)); border-top-width: var(--%NS%mat-tab-active-indicator-height, 2px); border-radius: var(--%NS%mat-tab-active-indicator-shape, 0); } .mat-mdc-tab:hover .mdc-tab__text-label { color: var(--%NS%mat-tab-inactive-hover-label-text-color, var(--%NS%mat-sys-on-surface)); } .mat-mdc-tab:focus .mdc-tab__text-label { color: var(--%NS%mat-tab-inactive-focus-label-text-color, var(--%NS%mat-sys-on-surface)); } .mat-mdc-tab.mdc-tab--active .mdc-tab__text-label { color: var(--%NS%mat-tab-active-label-text-color, var(--%NS%mat-sys-on-surface)); } .mat-mdc-tab.mdc-tab--active .mdc-tab__ripple::before, .mat-mdc-tab.mdc-tab--active .mat-ripple-element { background-color: var(--%NS%mat-tab-active-ripple-color, var(--%NS%mat-sys-on-surface)); } .mat-mdc-tab.mdc-tab--%NS%active:hover .mdc-tab__text-label { color: var(--%NS%mat-tab-active-hover-label-text-color, var(--%NS%mat-sys-on-surface)); } .mat-mdc-tab.mdc-tab--%NS%active:hover .mdc-tab-indicator__content--underline { border-color: var(--%NS%mat-tab-active-hover-indicator-color, var(--%NS%mat-sys-primary)); } .mat-mdc-tab.mdc-tab--%NS%active:focus .mdc-tab__text-label { color: var(--%NS%mat-tab-active-focus-label-text-color, var(--%NS%mat-sys-on-surface)); } .mat-mdc-tab.mdc-tab--%NS%active:focus .mdc-tab-indicator__content--underline { border-color: var(--%NS%mat-tab-active-focus-indicator-color, var(--%NS%mat-sys-primary)); } .mat-mdc-tab.mat-mdc-tab-disabled { opacity: 0.4; pointer-events: none; } .mat-mdc-tab.mat-mdc-tab-disabled .mdc-tab__content { pointer-events: none; } .mat-mdc-tab.mat-mdc-tab-disabled .mdc-tab__ripple::before, .mat-mdc-tab.mat-mdc-tab-disabled .mat-ripple-element { background-color: var(--%NS%mat-tab-disabled-ripple-color, var(--%NS%mat-sys-on-surface-variant)); } .mat-mdc-tab .mdc-tab__ripple::before { content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; pointer-events: none; background-color: var(--%NS%mat-tab-inactive-ripple-color, var(--%NS%mat-sys-on-surface)); } .mat-mdc-tab .mdc-tab__text-label { color: var(--%NS%mat-tab-inactive-label-text-color, var(--%NS%mat-sys-on-surface)); display: inline-flex; align-items: center; } .mat-mdc-tab .mdc-tab__content { position: relative; pointer-events: auto; } .mat-mdc-tab:hover .mdc-tab__ripple::before { opacity: 0.04; } .mat-mdc-tab.cdk-program-focused .mdc-tab__ripple::before, .mat-mdc-tab.cdk-keyboard-focused .mdc-tab__ripple::before { opacity: 0.12; } .mat-mdc-tab .mat-ripple-element { opacity: 0.12; background-color: var(--%NS%mat-tab-inactive-ripple-color, var(--%NS%mat-sys-on-surface)); } .mat-mdc-tab-group.mat-mdc-tab-group-stretch-tabs > .mat-mdc-tab-header .mat-mdc-tab { flex-grow: 1; } .mat-mdc-tab-group { display: flex; flex-direction: column; max-width: 100%; } .mat-mdc-tab-group.mat-tabs-with-background > .mat-mdc-tab-header, .mat-mdc-tab-group.mat-tabs-with-background > .mat-mdc-tab-header-pagination { background-color: var(--%NS%mat-tab-background-color); } .mat-mdc-tab-group.mat-tabs-with-background.mat-primary > .mat-mdc-tab-header .mat-mdc-tab .mdc-tab__text-label { color: var(--%NS%mat-tab-foreground-color); } .mat-mdc-tab-group.mat-tabs-with-background.mat-primary > .mat-mdc-tab-header .mdc-tab-indicator__content--underline { border-color: var(--%NS%mat-tab-foreground-color); } .mat-mdc-tab-group.mat-tabs-with-background:not(.mat-primary) > .mat-mdc-tab-header .mat-mdc-tab:not(.mdc-tab--active) .mdc-tab__text-label { color: var(--%NS%mat-tab-foreground-color); } .mat-mdc-tab-group.mat-tabs-with-background:not(.mat-primary) > .mat-mdc-tab-header .mat-mdc-tab:not(.mdc-tab--active) .mdc-tab-indicator__content--underline { border-color: var(--%NS%mat-tab-foreground-color); } .mat-mdc-tab-group.mat-tabs-with-background > .mat-mdc-tab-header .mat-mdc-tab-header-pagination-chevron, .mat-mdc-tab-group.mat-tabs-with-background > .mat-mdc-tab-header .mat-focus-indicator::before, .mat-mdc-tab-group.mat-tabs-with-background > .mat-mdc-tab-header-pagination .mat-mdc-tab-header-pagination-chevron, .mat-mdc-tab-group.mat-tabs-with-background > .mat-mdc-tab-header-pagination .mat-focus-indicator::before { border-color: var(--%NS%mat-tab-foreground-color); } .mat-mdc-tab-group.mat-tabs-with-background > .mat-mdc-tab-header .mat-ripple-element, .mat-mdc-tab-group.mat-tabs-with-background > .mat-mdc-tab-header .mdc-tab__ripple::before, .mat-mdc-tab-group.mat-tabs-with-background > .mat-mdc-tab-header-pagination .mat-ripple-element, .mat-mdc-tab-group.mat-tabs-with-background > .mat-mdc-tab-header-pagination .mdc-tab__ripple::before { background-color: var(--%NS%mat-tab-foreground-color); } .mat-mdc-tab-group.mat-tabs-with-background > .mat-mdc-tab-header .mat-mdc-tab-header-pagination-chevron, .mat-mdc-tab-group.mat-tabs-with-background > .mat-mdc-tab-header-pagination .mat-mdc-tab-header-pagination-chevron { color: var(--%NS%mat-tab-foreground-color); } .mat-mdc-tab-group.mat-mdc-tab-group-inverted-header { flex-direction: column-reverse; } .mat-mdc-tab-group.mat-mdc-tab-group-inverted-header .mdc-tab-indicator__content--underline { align-self: flex-start; } .mat-mdc-tab-body-wrapper { position: relative; overflow: hidden; display: flex; transition: height 500ms cubic-bezier(0.35, 0, 0.25, 1); } .mat-mdc-tab-body-wrapper._mat-animation-noopable { transition: none !important; animation: none !important; } `],encapsulation:2,changeDetection:1})}return a})();var ht=class{index;tab};var cn=(()=>{class a{static ɵfac=function(e){return new(e||a)};static ɵmod=oe$1({type:a});static ɵinj=te({imports:[nn]})}return a})();export{dn as n,ke as r,cn as t};