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

172 lines (165 loc) • 21.4 kB
import{Ab as b,Ac as x,Bb as X,Bd as ot,Ca as S,Cb as F,Cc as B,Ed as E,Fa as k,Fd as R,Ia as p,Ic as U,Ja as f,Ka as _,P as r,Pc as Q,Qc as $,V as c,X as D,Yc as Z,Z as a,Zb as G,_c as q,bd as v,d as T,dd as W,fa as C,fb as P,ga as m,gb as N,id as K,ka as O,kd as J,lb as H,mb as V,ob as z,pb as I,qb as j,ra as l,rb as Y,rd as tt,sb as u,tb as g,vd as et,xa as L,yd as it,za as M,zb as d,zc as y}from"./chunk-KQUCMSSK.js";import{a as h}from"./chunk-O7S4L63H.js";var ct=["tooltip"],at=20;var rt=new D("mat-tooltip-scroll-strategy",{providedIn:"root",factory:()=>{let o=a(C);return()=>tt(o,{scrollThrottle:at})}}),lt=new D("mat-tooltip-default-options",{providedIn:"root",factory:()=>({showDelay:0,hideDelay:0,touchendHideDelay:1500})});var nt="tooltip-panel",mt={passive:!0},pt=8,ft=8,_t=24,ut=200,gt=(()=>{class o{_elementRef=a(l);_ngZone=a(O);_platform=a(y);_ariaDescriber=a(Z);_focusMonitor=a(B);_dir=a(q);_injector=a(C);_viewContainerRef=a(k);_mediaMatcher=a(U);_document=a(m);_renderer=a(S);_animationsDisabled=E();_defaultOptions=a(lt,{optional:!0});_overlayRef=null;_tooltipInstance=null;_overlayPanelClass;_portal;_position="below";_positionAtOrigin=!1;_disabled=!1;_tooltipClass;_viewInitialized=!1;_pointerExitEventsInitialized=!1;_tooltipComponent=ht;_viewportMargin=8;_currentPosition;_cssClassPrefix="mat-mdc";_ariaDescriptionPending=!1;_dirSubscribed=!1;get position(){return this._position}set position(t){t!==this._position&&(this._position=t,this._overlayRef&&(this._updatePosition(this._overlayRef),this._tooltipInstance?.show(0),this._overlayRef.updatePosition()))}get positionAtOrigin(){return this._positionAtOrigin}set positionAtOrigin(t){this._positionAtOrigin=R(t),this._detach(),this._overlayRef=null}get disabled(){return this._disabled}set disabled(t){let e=R(t);this._disabled!==e&&(this._disabled=e,e?this.hide(0):this._setupPointerEnterEventsIfNeeded(),this._syncAriaDescription(this.message))}get showDelay(){return this._showDelay}set showDelay(t){this._showDelay=x(t)}_showDelay;get hideDelay(){return this._hideDelay}set hideDelay(t){this._hideDelay=x(t),this._tooltipInstance&&(this._tooltipInstance._mouseLeaveHideDelay=this._hideDelay)}_hideDelay;touchGestures="auto";get message(){return this._message}set message(t){let e=this._message;this._message=t!=null?String(t).trim():"",!this._message&&this._isTooltipVisible()?this.hide(0):(this._setupPointerEnterEventsIfNeeded(),this._updateTooltipMessage()),this._syncAriaDescription(e)}_message="";get tooltipClass(){return this._tooltipClass}set tooltipClass(t){this._tooltipClass=t,this._tooltipInstance&&this._setTooltipClass(this._tooltipClass)}_eventCleanups=[];_touchstartTimeout=null;_destroyed=new T;_isDestroyed=!1;constructor(){let t=this._defaultOptions;t&&(this._showDelay=t.showDelay,this._hideDelay=t.hideDelay,t.position&&(this.position=t.position),t.positionAtOrigin&&(this.positionAtOrigin=t.positionAtOrigin),t.touchGestures&&(this.touchGestures=t.touchGestures),t.tooltipClass&&(this.tooltipClass=t.tooltipClass)),this._viewportMargin=pt}ngAfterViewInit(){this._viewInitialized=!0,this._setupPointerEnterEventsIfNeeded(),this._focusMonitor.monitor(this._elementRef).pipe(r(this._destroyed)).subscribe(t=>{t?t==="keyboard"&&this._ngZone.run(()=>this.show()):this._ngZone.run(()=>this.hide(0))})}ngOnDestroy(){let t=this._elementRef.nativeElement;this._touchstartTimeout&&clearTimeout(this._touchstartTimeout),this._overlayRef&&(this._overlayRef.dispose(),this._tooltipInstance=null),this._eventCleanups.forEach(e=>e()),this._eventCleanups.length=0,this._destroyed.next(),this._destroyed.complete(),this._isDestroyed=!0,this._ariaDescriber.removeDescription(t,this.message,"tooltip"),this._focusMonitor.stopMonitoring(t)}show(t=this.showDelay,e){if(this.disabled||!this.message||this._isTooltipVisible()){this._tooltipInstance?._cancelPendingAnimations();return}let i=this._createOverlay(e);this._detach(),this._portal=this._portal||new J(this._tooltipComponent,this._viewContainerRef);let n=this._tooltipInstance=i.attach(this._portal).instance;n._triggerElement=this._elementRef.nativeElement,n._mouseLeaveHideDelay=this._hideDelay,n.afterHidden().pipe(r(this._destroyed)).subscribe(()=>this._detach()),this._setTooltipClass(this._tooltipClass),this._updateTooltipMessage(),n.show(t)}hide(t=this.hideDelay){let e=this._tooltipInstance;e&&(e.isVisible()?e.hide(t):(e._cancelPendingAnimations(),this._detach()))}toggle(t){this._isTooltipVisible()?this.hide():this.show(void 0,t)}_isTooltipVisible(){return!!this._tooltipInstance&&this._tooltipInstance.isVisible()}_createOverlay(t){if(this._overlayRef){let s=this._overlayRef.getConfig().positionStrategy;if((!this.positionAtOrigin||!t)&&s._origin instanceof l)return this._overlayRef;this._detach()}let e=this._injector.get(W).getAncestorScrollContainers(this._elementRef),i=`${this._cssClassPrefix}-${nt}`,n=et(this._injector,this.positionAtOrigin?t||this._elementRef:this._elementRef).withTransformOriginOn(`.${this._cssClassPrefix}-tooltip`).withFlexibleDimensions(!1).withViewportMargin(this._viewportMargin).withScrollableContainers(e).withPopoverLocation("global");return n.positionChanges.pipe(r(this._destroyed)).subscribe(s=>{this._updateCurrentPositionClass(s.connectionPair),this._tooltipInstance&&s.scrollableViewProperties.isOverlayClipped&&this._tooltipInstance.isVisible()&&this._ngZone.run(()=>this.hide(0))}),this._overlayRef=it(this._injector,{direction:this._dir,positionStrategy:n,panelClass:this._overlayPanelClass?[...this._overlayPanelClass,i]:i,scrollStrategy:this._injector.get(rt)(),disableAnimations:this._animationsDisabled,eventPredicate:this._overlayEventPredicate}),this._updatePosition(this._overlayRef),this._overlayRef.detachments().pipe(r(this._destroyed)).subscribe(()=>this._detach()),this._overlayRef.outsidePointerEvents().pipe(r(this._destroyed)).subscribe(()=>this._tooltipInstance?._handleBodyInteraction()),this._overlayRef.keydownEvents().pipe(r(this._destroyed)).subscribe(s=>{s.preventDefault(),s.stopPropagation(),this._ngZone.run(()=>this.hide(0))}),this._defaultOptions?.disableTooltipInteractivity&&this._overlayRef.addPanelClass(`${this._cssClassPrefix}-tooltip-panel-non-interactive`),this._dirSubscribed||(this._dirSubscribed=!0,this._dir.change.pipe(r(this._destroyed)).subscribe(()=>{this._overlayRef&&this._updatePosition(this._overlayRef)})),this._overlayRef}_detach(){this._overlayRef&&this._overlayRef.hasAttached()&&this._overlayRef.detach(),this._tooltipInstance=null}_updatePosition(t){let e=t.getConfig().positionStrategy,i=this._getOrigin(),n=this._getOverlayPosition();e.withPositions([this._addOffset(h(h({},i.main),n.main)),this._addOffset(h(h({},i.fallback),n.fallback))])}_addOffset(t){let e=ft,i=!this._dir||this._dir.value=="ltr";return t.originY==="top"?t.offsetY=-e:t.originY==="bottom"?t.offsetY=e:t.originX==="start"?t.offsetX=i?-e:e:t.originX==="end"&&(t.offsetX=i?e:-e),t}_getOrigin(){let t=!this._dir||this._dir.value=="ltr",e=this.position,i;e=="above"||e=="below"?i={originX:"center",originY:e=="above"?"top":"bottom"}:e=="before"||e=="left"&&t||e=="right"&&!t?i={originX:"start",originY:"center"}:(e=="after"||e=="right"&&t||e=="left"&&!t)&&(i={originX:"end",originY:"center"});let{x:n,y:s}=this._invertPosition(i.originX,i.originY);return{main:i,fallback:{originX:n,originY:s}}}_getOverlayPosition(){let t=!this._dir||this._dir.value=="ltr",e=this.position,i;e=="above"?i={overlayX:"center",overlayY:"bottom"}:e=="below"?i={overlayX:"center",overlayY:"top"}:e=="before"||e=="left"&&t||e=="right"&&!t?i={overlayX:"end",overlayY:"center"}:(e=="after"||e=="right"&&t||e=="left"&&!t)&&(i={overlayX:"start",overlayY:"center"});let{x:n,y:s}=this._invertPosition(i.overlayX,i.overlayY);return{main:i,fallback:{overlayX:n,overlayY:s}}}_updateTooltipMessage(){this._tooltipInstance&&(this._tooltipInstance.message=this.message,this._tooltipInstance._markForCheck(),M(()=>{this._tooltipInstance&&this._overlayRef.updatePosition()},{injector:this._injector}))}_setTooltipClass(t){this._tooltipInstance&&(this._tooltipInstance.tooltipClass=t instanceof Set?Array.from(t):t,this._tooltipInstance._markForCheck())}_invertPosition(t,e){return this.position==="above"||this.position==="below"?e==="top"?e="bottom":e==="bottom"&&(e="top"):t==="end"?t="start":t==="start"&&(t="end"),{x:t,y:e}}_updateCurrentPositionClass(t){let{overlayY:e,originX:i,originY:n}=t,s;if(e==="center"?this._dir&&this._dir.value==="rtl"?s=i==="end"?"left":"right":s=i==="start"?"left":"right":s=e==="bottom"&&n==="top"?"above":"below",s!==this._currentPosition){let w=this._overlayRef;if(w){let A=`${this._cssClassPrefix}-${nt}-`;w.removePanelClass(A+this._currentPosition),w.addPanelClass(A+s)}this._currentPosition=s}}_setupPointerEnterEventsIfNeeded(){this._disabled||!this.message||!this._viewInitialized||this._eventCleanups.length||(this._isTouchPlatform()?this.touchGestures!=="off"&&(this._disableNativeGesturesIfNecessary(),this._addListener("touchstart",t=>{let e=t.targetTouches?.[0],i=e?{x:e.clientX,y:e.clientY}:void 0;this._setupPointerExitEventsIfNeeded(),this._touchstartTimeout&&clearTimeout(this._touchstartTimeout);let n=500;this._touchstartTimeout=setTimeout(()=>{this._touchstartTimeout=null,this.show(void 0,i)},this._defaultOptions?.touchLongPressShowDelay??n)})):this._addListener("mouseenter",t=>{this._setupPointerExitEventsIfNeeded();let e;t.x!==void 0&&t.y!==void 0&&(e=t),this.show(void 0,e)}))}_setupPointerExitEventsIfNeeded(){if(!this._pointerExitEventsInitialized){if(this._pointerExitEventsInitialized=!0,!this._isTouchPlatform())this._addListener("mouseleave",t=>{let e=t.relatedTarget;(!e||!this._overlayRef?.overlayElement.contains(e))&&this.hide()}),this._addListener("wheel",t=>{if(this._isTooltipVisible()){let e=this._document.elementFromPoint(t.clientX,t.clientY),i=this._elementRef.nativeElement;e!==i&&!i.contains(e)&&this.hide()}});else if(this.touchGestures!=="off"){this._disableNativeGesturesIfNecessary();let t=()=>{this._touchstartTimeout&&clearTimeout(this._touchstartTimeout),this.hide(this._defaultOptions?.touchendHideDelay)};this._addListener("touchend",t),this._addListener("touchcancel",t)}}}_addListener(t,e){this._eventCleanups.push(this._renderer.listen(this._elementRef.nativeElement,t,e,mt))}_isTouchPlatform(){let t=this._defaultOptions?.detectHoverCapability;return typeof t=="function"?!t():this._platform.IOS||this._platform.ANDROID?!0:this._platform.isBrowser?!!t&&this._mediaMatcher.matchMedia("(any-hover: none)").matches:!1}_disableNativeGesturesIfNecessary(){let t=this.touchGestures;if(t!=="off"){let e=this._elementRef.nativeElement,i=e.style;(t==="on"||e.nodeName!=="INPUT"&&e.nodeName!=="TEXTAREA")&&(i.userSelect=i.msUserSelect=i.webkitUserSelect=i.MozUserSelect="none"),(t==="on"||!e.draggable)&&(i.webkitUserDrag="none"),i.touchAction="none",i.webkitTapHighlightColor="transparent"}}_syncAriaDescription(t){this._ariaDescriptionPending||(this._ariaDescriptionPending=!0,this._ariaDescriber.removeDescription(this._elementRef.nativeElement,t,"tooltip"),this._isDestroyed||M({write:()=>{this._ariaDescriptionPending=!1,this.message&&!this.disabled&&this._ariaDescriber.describe(this._elementRef.nativeElement,this.message,"tooltip")}},{injector:this._injector}))}_overlayEventPredicate=t=>t.type==="keydown"?this._isTooltipVisible()&&t.keyCode===27&&!$(t):!0;static \u0275fac=function(e){return new(e||o)};static \u0275dir=_({type:o,selectors:[["","matTooltip",""]],hostAttrs:[1,"mat-mdc-tooltip-trigger"],hostVars:2,hostBindings:function(e,i){e&2&&d("mat-mdc-tooltip-disabled",i.disabled)},inputs:{position:[0,"matTooltipPosition","position"],positionAtOrigin:[0,"matTooltipPositionAtOrigin","positionAtOrigin"],disabled:[0,"matTooltipDisabled","disabled"],showDelay:[0,"matTooltipShowDelay","showDelay"],hideDelay:[0,"matTooltipHideDelay","hideDelay"],touchGestures:[0,"matTooltipTouchGestures","touchGestures"],message:[0,"matTooltip","message"],tooltipClass:[0,"matTooltipClass","tooltipClass"]},exportAs:["matTooltip"]})}return o})(),ht=(()=>{class o{_changeDetectorRef=a(G);_elementRef=a(l);_isMultiline=!1;message;tooltipClass;_showTimeoutId;_hideTimeoutId;_triggerElement;_mouseLeaveHideDelay;_animationsDisabled=E();_tooltip;_closeOnInteraction=!1;_isVisible=!1;_onHide=new T;_showAnimation="mat-mdc-tooltip-show";_hideAnimation="mat-mdc-tooltip-hide";constructor(){}show(t){this._hideTimeoutId!=null&&clearTimeout(this._hideTimeoutId),this._showTimeoutId=setTimeout(()=>{this._toggleVisibility(!0),this._showTimeoutId=void 0},t)}hide(t){this._showTimeoutId!=null&&clearTimeout(this._showTimeoutId),this._hideTimeoutId=setTimeout(()=>{this._toggleVisibility(!1),this._hideTimeoutId=void 0},t)}afterHidden(){return this._onHide}isVisible(){return this._isVisible}ngOnDestroy(){this._cancelPendingAnimations(),this._onHide.complete(),this._triggerElement=null}_handleBodyInteraction(){this._closeOnInteraction&&this.hide(0)}_markForCheck(){this._changeDetectorRef.markForCheck()}_handleMouseLeave({relatedTarget:t}){(!t||!this._triggerElement.contains(t))&&(this.isVisible()?this.hide(this._mouseLeaveHideDelay):this._finalizeAnimation(!1))}_onShow(){this._isMultiline=this._isTooltipMultiline(),this._markForCheck()}_isTooltipMultiline(){let t=this._elementRef.nativeElement.getBoundingClientRect();return t.height>_t&&t.width>=ut}_handleAnimationEnd({animationName:t}){(t===this._showAnimation||t===this._hideAnimation)&&this._finalizeAnimation(t===this._showAnimation)}_cancelPendingAnimations(){this._showTimeoutId!=null&&clearTimeout(this._showTimeoutId),this._hideTimeoutId!=null&&clearTimeout(this._hideTimeoutId),this._showTimeoutId=this._hideTimeoutId=void 0}_finalizeAnimation(t){t?this._closeOnInteraction=!0:this.isVisible()||this._onHide.next()}_toggleVisibility(t){let e=this._tooltip.nativeElement,i=this._showAnimation,n=this._hideAnimation;if(e.classList.remove(t?n:i),e.classList.add(t?i:n),this._isVisible!==t&&(this._isVisible=t,this._changeDetectorRef.markForCheck()),t&&!this._animationsDisabled&&typeof getComputedStyle=="function"){let s=getComputedStyle(e);(s.getPropertyValue("animation-duration")==="0s"||s.getPropertyValue("animation-name")==="none")&&(this._animationsDisabled=!0)}t&&this._onShow(),this._animationsDisabled&&(e.classList.add("_mat-animation-noopable"),this._finalizeAnimation(t))}static \u0275fac=function(e){return new(e||o)};static \u0275cmp=p({type:o,selectors:[["mat-tooltip-component"]],viewQuery:function(e,i){if(e&1&&Y(ct,7),e&2){let n;u(n=g())&&(i._tooltip=n.first)}},hostAttrs:["aria-hidden","true"],hostBindings:function(e,i){e&1&&H("mouseleave",function(s){return i._handleMouseLeave(s)})},decls:4,vars:5,consts:[["tooltip",""],[1,"mdc-tooltip","mat-mdc-tooltip",3,"animationend"],[1,"mat-mdc-tooltip-surface","mdc-tooltip__surface"]],template:function(e,i){e&1&&(P(0,"div",1,0),V("animationend",function(s){return i._handleAnimationEnd(s)}),P(2,"div",2),X(3),N()()),e&2&&(b(i.tooltipClass),d("mdc-tooltip--multiline",i._isMultiline),L(3),F(i.message))},styles:[`.mat-mdc-tooltip { position: relative; transform: scale(0); display: inline-flex; } .mat-mdc-tooltip::before { content: ""; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; position: absolute; } .mat-mdc-tooltip-panel-below .mat-mdc-tooltip::before { top: -8px; } .mat-mdc-tooltip-panel-above .mat-mdc-tooltip::before { bottom: -8px; } .mat-mdc-tooltip-panel-right .mat-mdc-tooltip::before { left: -8px; } .mat-mdc-tooltip-panel-left .mat-mdc-tooltip::before { right: -8px; } .mat-mdc-tooltip._mat-animation-noopable { animation: none; transform: scale(1); } .mat-mdc-tooltip-surface { word-break: normal; overflow-wrap: anywhere; padding: 4px 8px; min-width: 40px; max-width: 200px; min-height: 24px; max-height: 40vh; box-sizing: border-box; overflow: hidden; text-align: center; will-change: transform, opacity; background-color: var(--mat-tooltip-container-color, var(--mat-sys-inverse-surface)); color: var(--mat-tooltip-supporting-text-color, var(--mat-sys-inverse-on-surface)); border-radius: var(--mat-tooltip-container-shape, var(--mat-sys-corner-extra-small)); font-family: var(--mat-tooltip-supporting-text-font, var(--mat-sys-body-small-font)); font-size: var(--mat-tooltip-supporting-text-size, var(--mat-sys-body-small-size)); font-weight: var(--mat-tooltip-supporting-text-weight, var(--mat-sys-body-small-weight)); line-height: var(--mat-tooltip-supporting-text-line-height, var(--mat-sys-body-small-line-height)); letter-spacing: var(--mat-tooltip-supporting-text-tracking, var(--mat-sys-body-small-tracking)); } .mat-mdc-tooltip-surface::before { position: absolute; box-sizing: border-box; width: 100%; height: 100%; top: 0; left: 0; border: 1px solid transparent; border-radius: inherit; content: ""; pointer-events: none; } .mdc-tooltip--multiline .mat-mdc-tooltip-surface { text-align: left; } [dir=rtl] .mdc-tooltip--multiline .mat-mdc-tooltip-surface { text-align: right; } .mat-mdc-tooltip-panel { line-height: normal; } .mat-mdc-tooltip-panel.mat-mdc-tooltip-panel-non-interactive { pointer-events: none; } @keyframes mat-mdc-tooltip-show { 0% { opacity: 0; transform: scale(0.8); } 100% { opacity: 1; transform: scale(1); } } @keyframes mat-mdc-tooltip-hide { 0% { opacity: 1; transform: scale(1); } 100% { opacity: 0; transform: scale(0.8); } } .mat-mdc-tooltip-show { animation: mat-mdc-tooltip-show 150ms cubic-bezier(0, 0, 0.2, 1) forwards; } .mat-mdc-tooltip-hide { animation: mat-mdc-tooltip-hide 75ms cubic-bezier(0.4, 0, 1, 1) forwards; } `],encapsulation:2,changeDetection:0})}return o})();var $t=(()=>{class o{static \u0275fac=function(e){return new(e||o)};static \u0275mod=f({type:o});static \u0275inj=c({imports:[Q,ot,v,K]})}return o})();var bt=["*",[["mat-toolbar-row"]]],yt=["*","mat-toolbar-row"],vt=(()=>{class o{static \u0275fac=function(e){return new(e||o)};static \u0275dir=_({type:o,selectors:[["mat-toolbar-row"]],hostAttrs:[1,"mat-toolbar-row"],exportAs:["matToolbarRow"]})}return o})(),re=(()=>{class o{_elementRef=a(l);_platform=a(y);_document=a(m);color;_toolbarRows;constructor(){}ngAfterViewInit(){this._platform.isBrowser&&(this._checkToolbarMixedModes(),this._toolbarRows.changes.subscribe(()=>this._checkToolbarMixedModes()))}_checkToolbarMixedModes(){this._toolbarRows.length}static \u0275fac=function(e){return new(e||o)};static \u0275cmp=p({type:o,selectors:[["mat-toolbar"]],contentQueries:function(e,i,n){if(e&1&&j(n,vt,5),e&2){let s;u(s=g())&&(i._toolbarRows=s)}},hostAttrs:[1,"mat-toolbar"],hostVars:6,hostBindings:function(e,i){e&2&&(b(i.color?"mat-"+i.color:""),d("mat-toolbar-multiple-rows",i._toolbarRows.length>0)("mat-toolbar-single-row",i._toolbarRows.length===0))},inputs:{color:"color"},exportAs:["matToolbar"],ngContentSelectors:yt,decls:2,vars:0,template:function(e,i){e&1&&(z(bt),I(0),I(1,1))},styles:[`.mat-toolbar { background: var(--mat-toolbar-container-background-color, var(--mat-sys-surface)); color: var(--mat-toolbar-container-text-color, var(--mat-sys-on-surface)); } .mat-toolbar, .mat-toolbar h1, .mat-toolbar h2, .mat-toolbar h3, .mat-toolbar h4, .mat-toolbar h5, .mat-toolbar h6 { font-family: var(--mat-toolbar-title-text-font, var(--mat-sys-title-large-font)); font-size: var(--mat-toolbar-title-text-size, var(--mat-sys-title-large-size)); line-height: var(--mat-toolbar-title-text-line-height, var(--mat-sys-title-large-line-height)); font-weight: var(--mat-toolbar-title-text-weight, var(--mat-sys-title-large-weight)); letter-spacing: var(--mat-toolbar-title-text-tracking, var(--mat-sys-title-large-tracking)); margin: 0; } @media (forced-colors: active) { .mat-toolbar { outline: solid 1px; } } .mat-toolbar .mat-form-field-underline, .mat-toolbar .mat-form-field-ripple, .mat-toolbar .mat-focused .mat-form-field-ripple { background-color: currentColor; } .mat-toolbar .mat-form-field-label, .mat-toolbar .mat-focused .mat-form-field-label, .mat-toolbar .mat-select-value, .mat-toolbar .mat-select-arrow, .mat-toolbar .mat-form-field.mat-focused .mat-select-arrow { color: inherit; } .mat-toolbar .mat-input-element { caret-color: currentColor; } .mat-toolbar .mat-mdc-button-base.mat-mdc-button-base.mat-unthemed { --mat-button-text-label-text-color: var(--mat-toolbar-container-text-color, var(--mat-sys-on-surface)); --mat-button-outlined-label-text-color: var(--mat-toolbar-container-text-color, var(--mat-sys-on-surface)); } .mat-toolbar-row, .mat-toolbar-single-row { display: flex; box-sizing: border-box; padding: 0 16px; width: 100%; flex-direction: row; align-items: center; white-space: nowrap; height: var(--mat-toolbar-standard-height, 64px); } @media (max-width: 599px) { .mat-toolbar-row, .mat-toolbar-single-row { height: var(--mat-toolbar-mobile-height, 56px); } } .mat-toolbar-multiple-rows { display: flex; box-sizing: border-box; flex-direction: column; width: 100%; min-height: var(--mat-toolbar-standard-height, 64px); } @media (max-width: 599px) { .mat-toolbar-multiple-rows { min-height: var(--mat-toolbar-mobile-height, 56px); } } `],encapsulation:2,changeDetection:0})}return o})();var le=(()=>{class o{static \u0275fac=function(e){return new(e||o)};static \u0275mod=f({type:o});static \u0275inj=c({imports:[v]})}return o})();export{lt as a,gt as b,$t as c,re as d,le as e};