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

966 lines (903 loc) • 117 kB
import {X as Xe,d1 as Ue,cV as z,K as op,f as fQ,G as It,L as uc,_ as _e,a8 as y,T as p,a9 as q,V as N,aQ as yo,ae as Q$1,a0 as nt,aR as v_,aS as Gv,ao as Hi$1,a3 as Ie$1,aG as Dn,aF as Ii$1,aT as I,aU as D,aV as kr,ar as re,as as ee,aW as tn,aa as Z,bV as Jr,d5 as h3,aP as Nc,d6 as wp,$ as R,a2 as C$1,d7 as y_,a7 as B,d8 as kc,a5 as QE,au as Ot,ag as Ht$1,ah as wn,ac as uo,c3 as Yt$1,ap as Nr,am as Ps,b_ as mp,bw as V,bA as me,bE as Jt$1,bF as un,bD as Zt$1,bH as He,bJ as Ic,bv as Ne,cG as __,aX as S9,aE as ce,C as Cn,B as Ba,k as bv,v as vf,h as hv,b2 as Cm,cd as xm,l as Ce,aY as rS,p as pv,c as In,o as mt,aI as Ei$1,aH as Of,aZ as yv,a_ as wf,a$ as rc,b0 as Df,b1 as Ef,c4 as Be,n as no,r as ro,bR as Ev,cf as Qe,cg as Je,bP as Ie$2,aJ as jn,cj as He$1,bd as On,be as tn$1,cW as zt,cX as jt,cY as Vt,cZ as Nt,bc as Ut,ba as qe,cp as q$1,cq as H,ck as Ve,cl as Be$1,e as aY,aK as iY,g as _A,y as yt,w as wt,d as ae,s as se,i as Qt$1,j as gt,d9 as mi,da as di$1,bb as q$2,db as dt,dc as bt,x as YT,I as IS,cr as Lv,bj as Mx,H as HT,bt as VT,t as If,R as Rv,cs as Fv,bk as Nx,U as UT,J as JT,z as fm,cu as AS,A as pm}from'./chunk-BwlFOdbx.js';import {w as we,t as te}from'./chunk-B8YlgrW9.js';import {m}from'./chunk-BqyDblvT.js';import {L}from'./main-HNF44SV3.js';import {Q}from'./chunk-BnyV8OX_.js';var ri=["input"],di=["label"],si=["*"],Ie={color:"accent",clickAction:"check-indeterminate",disabledInteractive:false},li=new y("mat-checkbox-default-options",{providedIn:"root",factory:()=>Ie}),b=(function(n){return n[n.Init=0]="Init",n[n.Checked=1]="Checked",n[n.Unchecked=2]="Unchecked",n[n.Indeterminate=3]="Indeterminate",n})(b||{}),Ee=class{source;checked},Me=(()=>{class n{_elementRef=p(q);_changeDetectorRef=p(uc);_ngZone=p(N);_animationsDisabled=yo();_options=p(li,{optional:true});focus(){this._inputElement.nativeElement.focus();}_createChangeEvent(e){let i=new Ee;return i.source=this,i.checked=e,i}_getAnimationTargetElement(){return this._inputElement?.nativeElement}_animationClasses={uncheckedToChecked:"mdc-checkbox--anim-unchecked-checked",uncheckedToIndeterminate:"mdc-checkbox--anim-unchecked-indeterminate",checkedToUnchecked:"mdc-checkbox--anim-checked-unchecked",checkedToIndeterminate:"mdc-checkbox--anim-checked-indeterminate",indeterminateToChecked:"mdc-checkbox--anim-indeterminate-checked",indeterminateToUnchecked:"mdc-checkbox--anim-indeterminate-unchecked"};ariaLabel="";ariaLabelledby=null;ariaDescribedby;ariaExpanded;ariaControls;ariaOwns;_uniqueId;id;get inputId(){return `${this.id||this._uniqueId}-input`}required=false;labelPosition="after";name=null;change=new Q$1;indeterminateChange=new Q$1;value;disableRipple=false;_inputElement;_labelElement;tabIndex;color;disabledInteractive;_onTouched=()=>{};_currentAnimationClass="";_currentCheckState=b.Init;_controlValueAccessorChangeFn=()=>{};_validatorChangeFn=()=>{};constructor(){p(nt).load(v_);let e=p(new Gv("tabindex"),{optional:true});this._options=this._options||Ie,this.color=this._options.color||Ie.color,this.tabIndex=e==null?0:parseInt(e)||0,this.id=this._uniqueId=p(Hi$1).getId("mat-mdc-checkbox-"),this.disabledInteractive=this._options?.disabledInteractive??false;}ngOnChanges(e){e.required&&this._validatorChangeFn();}ngAfterViewInit(){this._syncIndeterminate(this.indeterminate);}get checked(){return this._checked}set checked(e){e!=this.checked&&(this._checked=e,this._changeDetectorRef.markForCheck());}_checked=false;get disabled(){return this._disabled}set disabled(e){e!==this.disabled&&(this._disabled=e,this._changeDetectorRef.markForCheck());}_disabled=false;get indeterminate(){return this._indeterminate()}set indeterminate(e){let i=e!=this._indeterminate();this._indeterminate.set(e),i&&(e?this._transitionCheckState(b.Indeterminate):this._transitionCheckState(this.checked?b.Checked:b.Unchecked),this.indeterminateChange.emit(e)),this._syncIndeterminate(e);}_indeterminate=Ie$1(false);_isRippleDisabled(){return this.disableRipple||this.disabled}_onLabelTextChange(){this._changeDetectorRef.detectChanges();}writeValue(e){this.checked=!!e;}registerOnChange(e){this._controlValueAccessorChangeFn=e;}registerOnTouched(e){this._onTouched=e;}setDisabledState(e){this.disabled=e;}validate(e){return this.required&&e.value!==true?{required:true}:null}registerOnValidatorChange(e){this._validatorChangeFn=e;}_transitionCheckState(e){let i=this._currentCheckState,t=this._getAnimationTargetElement();if(!(i===e||!t)&&(this._currentAnimationClass&&t.classList.remove(this._currentAnimationClass),this._currentAnimationClass=this._getAnimationClassForCheckStateTransition(i,e),this._currentCheckState=e,this._currentAnimationClass.length>0)){t.classList.add(this._currentAnimationClass);let a=this._currentAnimationClass;this._ngZone.runOutsideAngular(()=>{setTimeout(()=>{t.classList.remove(a);},1e3);});}}_emitChangeEvent(){this._controlValueAccessorChangeFn(this.checked),this.change.emit(this._createChangeEvent(this.checked)),this._inputElement&&(this._inputElement.nativeElement.checked=this.checked);}toggle(){this.checked=!this.checked,this._controlValueAccessorChangeFn(this.checked);}_handleInputClick(){let e=this._options?.clickAction;!this.disabled&&e!=="noop"?(this.indeterminate&&e!=="check"&&Promise.resolve().then(()=>{this._indeterminate.set(false),this.indeterminateChange.emit(false);}),this._checked=!this._checked,this._transitionCheckState(this._checked?b.Checked:b.Unchecked),this._emitChangeEvent()):(this.disabled&&this.disabledInteractive||!this.disabled&&e==="noop")&&(this._inputElement.nativeElement.checked=this.checked,this._inputElement.nativeElement.indeterminate=this.indeterminate);}_onInteractionEvent(e){e.stopPropagation();}_onBlur(){Promise.resolve().then(()=>{this._onTouched(),this._changeDetectorRef.markForCheck();});}_getAnimationClassForCheckStateTransition(e,i){if(this._animationsDisabled)return "";switch(e){case b.Init:if(i===b.Checked)return this._animationClasses.uncheckedToChecked;if(i==b.Indeterminate)return this._checked?this._animationClasses.checkedToIndeterminate:this._animationClasses.uncheckedToIndeterminate;break;case b.Unchecked:return i===b.Checked?this._animationClasses.uncheckedToChecked:this._animationClasses.uncheckedToIndeterminate;case b.Checked:return i===b.Unchecked?this._animationClasses.checkedToUnchecked:this._animationClasses.checkedToIndeterminate;case b.Indeterminate:return i===b.Checked?this._animationClasses.indeterminateToChecked:this._animationClasses.indeterminateToUnchecked}return ""}_syncIndeterminate(e){let i=this._inputElement;i&&(i.nativeElement.indeterminate=e);}_onInputClick(){this._handleInputClick();}_onTouchTargetClick(){this._handleInputClick(),this.disabled||this._inputElement.nativeElement.focus();}_preventBubblingFromLabel(e){e.target&&this._labelElement.nativeElement.contains(e.target)&&e.stopPropagation();}static \u0275fac=function(i){return new(i||n)};static \u0275cmp=_e({type:n,selectors:[["mat-checkbox"]],viewQuery:function(i,t){if(i&1&&rc(ri,5)(di,5),i&2){let a;Df(a=Ef())&&(t._inputElement=a.first),Df(a=Ef())&&(t._labelElement=a.first);}},hostAttrs:[1,"mat-mdc-checkbox"],hostVars:16,hostBindings:function(i,t){i&2&&(yv("id",t.id),Ei$1("tabindex",null)("aria-label",null)("aria-labelledby",null),wf(t.color?"mat-"+t.color:"mat-accent"),mt("_mat-animation-noopable",t._animationsDisabled)("mdc-checkbox--disabled",t.disabled)("mat-mdc-checkbox-disabled",t.disabled)("mat-mdc-checkbox-checked",t.checked)("mat-mdc-checkbox-disabled-interactive",t.disabledInteractive));},inputs:{ariaLabel:[0,"aria-label","ariaLabel"],ariaLabelledby:[0,"aria-labelledby","ariaLabelledby"],ariaDescribedby:[0,"aria-describedby","ariaDescribedby"],ariaExpanded:[2,"aria-expanded","ariaExpanded",ce],ariaControls:[0,"aria-controls","ariaControls"],ariaOwns:[0,"aria-owns","ariaOwns"],id:"id",required:[2,"required","required",ce],labelPosition:"labelPosition",name:"name",value:"value",disableRipple:[2,"disableRipple","disableRipple",ce],tabIndex:[2,"tabIndex","tabIndex",e=>e==null?void 0:Of(e)],color:"color",disabledInteractive:[2,"disabledInteractive","disabledInteractive",ce],checked:[2,"checked","checked",ce],disabled:[2,"disabled","disabled",ce],indeterminate:[2,"indeterminate","indeterminate",ce]},outputs:{change:"change",indeterminateChange:"indeterminateChange"},exportAs:["matCheckbox"],features:[Ii$1([{provide:I,useExisting:kr(()=>n),multi:true},{provide:D,useExisting:n,multi:true}]),Dn],ngContentSelectors:si,decls:15,vars:23,consts:[["checkbox",""],["input",""],["label",""],["mat-internal-form-field","",3,"click","labelPosition"],[1,"mdc-checkbox"],["aria-hidden","true",1,"mat-mdc-checkbox-touch-target",3,"click"],["type","checkbox",1,"mdc-checkbox__native-control",3,"blur","click","change","checked","indeterminate","disabled","id","required","tabIndex"],["aria-hidden","true",1,"mdc-checkbox__ripple"],["aria-hidden","true",1,"mdc-checkbox__background"],["focusable","false","viewBox","0 0 24 24",1,"mdc-checkbox__checkmark"],["fill","none","d","M1.73,12.91 8.1,19.28 22.79,4.59",1,"mdc-checkbox__checkmark-path"],[1,"mdc-checkbox__mixedmark"],["mat-ripple","","aria-hidden","true",1,"mat-mdc-checkbox-ripple","mat-focus-indicator",3,"matRippleTrigger","matRippleDisabled","matRippleCentered"],[1,"mdc-label",3,"for"]],template:function(i,t){if(i&1&&(Cn(),Ba(0,"div",3),bv("click",function(c){return t._preventBubblingFromLabel(c)}),Ba(1,"div",4,0)(3,"div",5),bv("click",function(){return t._onTouchTargetClick()}),vf(),Ba(4,"input",6,1),bv("blur",function(){return t._onBlur()})("click",function(){return t._onInputClick()})("change",function(c){return t._onInteractionEvent(c)}),vf(),hv(6,"div",7),Ba(7,"div",8),Cm(),Ba(8,"svg",9),hv(9,"path",10),vf(),xm(),hv(10,"div",11),vf(),hv(11,"div",12),vf(),Ba(12,"label",13,2),Ce(14),vf()()),i&2){let a=rS(2);pv("labelPosition",t.labelPosition),In(4),mt("mdc-checkbox--selected",t.checked),pv("checked",t.checked)("indeterminate",t.indeterminate)("disabled",t.disabled&&!t.disabledInteractive)("id",t.inputId)("required",t.required)("tabIndex",t.disabled&&!t.disabledInteractive?-1:t.tabIndex),Ei$1("aria-label",t.ariaLabel||null)("aria-labelledby",t.ariaLabelledby)("aria-describedby",t.ariaDescribedby)("aria-checked",t.indeterminate?"mixed":null)("aria-controls",t.ariaControls)("aria-disabled",t.disabled&&t.disabledInteractive?true:null)("aria-expanded",t.ariaExpanded)("aria-owns",t.ariaOwns)("name",t.name)("value",t.value),In(7),pv("matRippleTrigger",a)("matRippleDisabled",t.disableRipple||t.disabled)("matRippleCentered",true),In(),pv("for",t.inputId);}},dependencies:[S9,m],styles:[`.mdc-checkbox { display: inline-block; position: relative; flex: 0 0 18px; box-sizing: content-box; width: 18px; height: 18px; line-height: 0; white-space: nowrap; cursor: pointer; vertical-align: bottom; padding: calc((var(--mat-checkbox-state-layer-size, 40px) - 18px) / 2); margin: calc((var(--mat-checkbox-state-layer-size, 40px) - var(--mat-checkbox-state-layer-size, 40px)) / 2); } .mdc-checkbox:hover > .mdc-checkbox__ripple { opacity: var(--mat-checkbox-unselected-hover-state-layer-opacity, var(--mat-sys-hover-state-layer-opacity)); background-color: var(--mat-checkbox-unselected-hover-state-layer-color, var(--mat-sys-on-surface)); } .mdc-checkbox:hover > .mat-mdc-checkbox-ripple > .mat-ripple-element { background-color: var(--mat-checkbox-unselected-hover-state-layer-color, var(--mat-sys-on-surface)); } .mdc-checkbox .mdc-checkbox__native-control:focus + .mdc-checkbox__ripple { opacity: var(--mat-checkbox-unselected-focus-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity)); background-color: var(--mat-checkbox-unselected-focus-state-layer-color, var(--mat-sys-on-surface)); } .mdc-checkbox .mdc-checkbox__native-control:focus ~ .mat-mdc-checkbox-ripple .mat-ripple-element { background-color: var(--mat-checkbox-unselected-focus-state-layer-color, var(--mat-sys-on-surface)); } .mdc-checkbox:active > .mdc-checkbox__native-control + .mdc-checkbox__ripple { opacity: var(--mat-checkbox-unselected-pressed-state-layer-opacity, var(--mat-sys-pressed-state-layer-opacity)); background-color: var(--mat-checkbox-unselected-pressed-state-layer-color, var(--mat-sys-primary)); } .mdc-checkbox:active > .mdc-checkbox__native-control ~ .mat-mdc-checkbox-ripple .mat-ripple-element { background-color: var(--mat-checkbox-unselected-pressed-state-layer-color, var(--mat-sys-primary)); } .mdc-checkbox:hover > .mdc-checkbox__native-control:checked + .mdc-checkbox__ripple { opacity: var(--mat-checkbox-selected-hover-state-layer-opacity, var(--mat-sys-hover-state-layer-opacity)); background-color: var(--mat-checkbox-selected-hover-state-layer-color, var(--mat-sys-primary)); } .mdc-checkbox:hover > .mdc-checkbox__native-control:checked ~ .mat-mdc-checkbox-ripple .mat-ripple-element { background-color: var(--mat-checkbox-selected-hover-state-layer-color, var(--mat-sys-primary)); } .mdc-checkbox .mdc-checkbox__native-control:focus:checked + .mdc-checkbox__ripple { opacity: var(--mat-checkbox-selected-focus-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity)); background-color: var(--mat-checkbox-selected-focus-state-layer-color, var(--mat-sys-primary)); } .mdc-checkbox .mdc-checkbox__native-control:focus:checked ~ .mat-mdc-checkbox-ripple .mat-ripple-element { background-color: var(--mat-checkbox-selected-focus-state-layer-color, var(--mat-sys-primary)); } .mdc-checkbox:active > .mdc-checkbox__native-control:checked + .mdc-checkbox__ripple { opacity: var(--mat-checkbox-selected-pressed-state-layer-opacity, var(--mat-sys-pressed-state-layer-opacity)); background-color: var(--mat-checkbox-selected-pressed-state-layer-color, var(--mat-sys-on-surface)); } .mdc-checkbox:active > .mdc-checkbox__native-control:checked ~ .mat-mdc-checkbox-ripple .mat-ripple-element { background-color: var(--mat-checkbox-selected-pressed-state-layer-color, var(--mat-sys-on-surface)); } .mdc-checkbox--disabled.mat-mdc-checkbox-disabled-interactive .mdc-checkbox .mdc-checkbox__native-control ~ .mat-mdc-checkbox-ripple .mat-ripple-element, .mdc-checkbox--disabled.mat-mdc-checkbox-disabled-interactive .mdc-checkbox .mdc-checkbox__native-control + .mdc-checkbox__ripple { background-color: var(--mat-checkbox-unselected-hover-state-layer-color, var(--mat-sys-on-surface)); } .mdc-checkbox .mdc-checkbox__native-control { position: absolute; margin: 0; padding: 0; opacity: 0; cursor: inherit; z-index: 1; width: var(--mat-checkbox-state-layer-size, 40px); height: var(--mat-checkbox-state-layer-size, 40px); top: calc((var(--mat-checkbox-state-layer-size, 40px) - var(--mat-checkbox-state-layer-size, 40px)) / 2); right: calc((var(--mat-checkbox-state-layer-size, 40px) - var(--mat-checkbox-state-layer-size, 40px)) / 2); left: calc((var(--mat-checkbox-state-layer-size, 40px) - var(--mat-checkbox-state-layer-size, 40px)) / 2); } .mdc-checkbox--disabled { cursor: default; pointer-events: none; } .mdc-checkbox__background { display: inline-flex; position: absolute; align-items: center; justify-content: center; box-sizing: border-box; width: 18px; height: 18px; border: 2px solid currentColor; border-radius: 2px; background-color: transparent; pointer-events: none; will-change: background-color, border-color; transition: background-color 90ms cubic-bezier(0.4, 0, 0.6, 1), border-color 90ms cubic-bezier(0.4, 0, 0.6, 1); -webkit-print-color-adjust: exact; color-adjust: exact; border-color: var(--mat-checkbox-unselected-icon-color, var(--mat-sys-on-surface-variant)); top: calc((var(--mat-checkbox-state-layer-size, 40px) - 18px) / 2); left: calc((var(--mat-checkbox-state-layer-size, 40px) - 18px) / 2); } .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background, .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background { border-color: var(--mat-checkbox-selected-icon-color, var(--mat-sys-primary)); background-color: var(--mat-checkbox-selected-icon-color, var(--mat-sys-primary)); } .mdc-checkbox--disabled .mdc-checkbox__background { border-color: var(--mat-checkbox-disabled-unselected-icon-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent)); } @media (forced-colors: active) { .mdc-checkbox--disabled .mdc-checkbox__background { border-color: GrayText; } } .mdc-checkbox__native-control:disabled:checked ~ .mdc-checkbox__background, .mdc-checkbox__native-control:disabled:indeterminate ~ .mdc-checkbox__background { background-color: var(--mat-checkbox-disabled-selected-icon-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent)); border-color: transparent; } @media (forced-colors: active) { .mdc-checkbox__native-control:disabled:checked ~ .mdc-checkbox__background, .mdc-checkbox__native-control:disabled:indeterminate ~ .mdc-checkbox__background { border-color: GrayText; } } .mdc-checkbox:hover > .mdc-checkbox__native-control:not(:checked) ~ .mdc-checkbox__background, .mdc-checkbox:hover > .mdc-checkbox__native-control:not(:indeterminate) ~ .mdc-checkbox__background { border-color: var(--mat-checkbox-unselected-hover-icon-color, var(--mat-sys-on-surface)); background-color: transparent; } .mdc-checkbox:hover > .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background, .mdc-checkbox:hover > .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background { border-color: var(--mat-checkbox-selected-hover-icon-color, var(--mat-sys-primary)); background-color: var(--mat-checkbox-selected-hover-icon-color, var(--mat-sys-primary)); } .mdc-checkbox__native-control:focus:focus:not(:checked) ~ .mdc-checkbox__background, .mdc-checkbox__native-control:focus:focus:not(:indeterminate) ~ .mdc-checkbox__background { border-color: var(--mat-checkbox-unselected-focus-icon-color, var(--mat-sys-on-surface)); } .mdc-checkbox__native-control:focus:focus:checked ~ .mdc-checkbox__background, .mdc-checkbox__native-control:focus:focus:indeterminate ~ .mdc-checkbox__background { border-color: var(--mat-checkbox-selected-focus-icon-color, var(--mat-sys-primary)); background-color: var(--mat-checkbox-selected-focus-icon-color, var(--mat-sys-primary)); } .mdc-checkbox--disabled.mat-mdc-checkbox-disabled-interactive .mdc-checkbox:hover > .mdc-checkbox__native-control ~ .mdc-checkbox__background, .mdc-checkbox--disabled.mat-mdc-checkbox-disabled-interactive .mdc-checkbox .mdc-checkbox__native-control:focus ~ .mdc-checkbox__background, .mdc-checkbox--disabled.mat-mdc-checkbox-disabled-interactive .mdc-checkbox__background { border-color: var(--mat-checkbox-disabled-unselected-icon-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent)); } @media (forced-colors: active) { .mdc-checkbox--disabled.mat-mdc-checkbox-disabled-interactive .mdc-checkbox:hover > .mdc-checkbox__native-control ~ .mdc-checkbox__background, .mdc-checkbox--disabled.mat-mdc-checkbox-disabled-interactive .mdc-checkbox .mdc-checkbox__native-control:focus ~ .mdc-checkbox__background, .mdc-checkbox--disabled.mat-mdc-checkbox-disabled-interactive .mdc-checkbox__background { border-color: GrayText; } } .mdc-checkbox--disabled.mat-mdc-checkbox-disabled-interactive .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background, .mdc-checkbox--disabled.mat-mdc-checkbox-disabled-interactive .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background { background-color: var(--mat-checkbox-disabled-selected-icon-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent)); border-color: transparent; } .mdc-checkbox__checkmark { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; opacity: 0; transition: opacity 180ms cubic-bezier(0.4, 0, 0.6, 1); color: var(--mat-checkbox-selected-checkmark-color, var(--mat-sys-on-primary)); } @media (forced-colors: active) { .mdc-checkbox__checkmark { color: CanvasText; } } .mdc-checkbox--disabled .mdc-checkbox__checkmark, .mdc-checkbox--disabled.mat-mdc-checkbox-disabled-interactive .mdc-checkbox__checkmark { color: var(--mat-checkbox-disabled-selected-checkmark-color, var(--mat-sys-surface)); } @media (forced-colors: active) { .mdc-checkbox--disabled .mdc-checkbox__checkmark, .mdc-checkbox--disabled.mat-mdc-checkbox-disabled-interactive .mdc-checkbox__checkmark { color: GrayText; } } .mdc-checkbox__checkmark-path { transition: stroke-dashoffset 180ms cubic-bezier(0.4, 0, 0.6, 1); stroke: currentColor; stroke-width: 3.12px; stroke-dashoffset: 29.7833385; stroke-dasharray: 29.7833385; } .mdc-checkbox__mixedmark { width: 100%; height: 0; transform: scaleX(0) rotate(0deg); border-width: 1px; border-style: solid; opacity: 0; transition: opacity 90ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms cubic-bezier(0.4, 0, 0.6, 1); border-color: var(--mat-checkbox-selected-checkmark-color, var(--mat-sys-on-primary)); } @media (forced-colors: active) { .mdc-checkbox__mixedmark { margin: 0 1px; } } .mdc-checkbox--disabled .mdc-checkbox__mixedmark, .mdc-checkbox--disabled.mat-mdc-checkbox-disabled-interactive .mdc-checkbox__mixedmark { border-color: var(--mat-checkbox-disabled-selected-checkmark-color, var(--mat-sys-surface)); } @media (forced-colors: active) { .mdc-checkbox--disabled .mdc-checkbox__mixedmark, .mdc-checkbox--disabled.mat-mdc-checkbox-disabled-interactive .mdc-checkbox__mixedmark { border-color: GrayText; } } .mdc-checkbox--anim-unchecked-checked .mdc-checkbox__background, .mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__background, .mdc-checkbox--anim-checked-unchecked .mdc-checkbox__background, .mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__background { animation-duration: 180ms; animation-timing-function: linear; } .mdc-checkbox--anim-unchecked-checked .mdc-checkbox__checkmark-path { animation: mdc-checkbox-unchecked-checked-checkmark-path 180ms linear; transition: none; } .mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__mixedmark { animation: mdc-checkbox-unchecked-indeterminate-mixedmark 90ms linear; transition: none; } .mdc-checkbox--anim-checked-unchecked .mdc-checkbox__checkmark-path { animation: mdc-checkbox-checked-unchecked-checkmark-path 90ms linear; transition: none; } .mdc-checkbox--anim-checked-indeterminate .mdc-checkbox__checkmark { animation: mdc-checkbox-checked-indeterminate-checkmark 90ms linear; transition: none; } .mdc-checkbox--anim-checked-indeterminate .mdc-checkbox__mixedmark { animation: mdc-checkbox-checked-indeterminate-mixedmark 90ms linear; transition: none; } .mdc-checkbox--anim-indeterminate-checked .mdc-checkbox__checkmark { animation: mdc-checkbox-indeterminate-checked-checkmark 500ms linear; transition: none; } .mdc-checkbox--anim-indeterminate-checked .mdc-checkbox__mixedmark { animation: mdc-checkbox-indeterminate-checked-mixedmark 500ms linear; transition: none; } .mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__mixedmark { animation: mdc-checkbox-indeterminate-unchecked-mixedmark 300ms linear; transition: none; } .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background, .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background { transition: border-color 90ms cubic-bezier(0, 0, 0.2, 1), background-color 90ms cubic-bezier(0, 0, 0.2, 1); } .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background > .mdc-checkbox__checkmark > .mdc-checkbox__checkmark-path, .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background > .mdc-checkbox__checkmark > .mdc-checkbox__checkmark-path { stroke-dashoffset: 0; } .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background > .mdc-checkbox__checkmark { transition: opacity 180ms cubic-bezier(0, 0, 0.2, 1), transform 180ms cubic-bezier(0, 0, 0.2, 1); opacity: 1; } .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background > .mdc-checkbox__mixedmark { transform: scaleX(1) rotate(-45deg); } .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background > .mdc-checkbox__checkmark { transform: rotate(45deg); opacity: 0; transition: opacity 90ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms cubic-bezier(0.4, 0, 0.6, 1); } .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background > .mdc-checkbox__mixedmark { transform: scaleX(1) rotate(0deg); opacity: 1; } @keyframes mdc-checkbox-unchecked-checked-checkmark-path { 0%, 50% { stroke-dashoffset: 29.7833385; } 50% { animation-timing-function: cubic-bezier(0, 0, 0.2, 1); } 100% { stroke-dashoffset: 0; } } @keyframes mdc-checkbox-unchecked-indeterminate-mixedmark { 0%, 68.2% { transform: scaleX(0); } 68.2% { animation-timing-function: cubic-bezier(0, 0, 0, 1); } 100% { transform: scaleX(1); } } @keyframes mdc-checkbox-checked-unchecked-checkmark-path { from { animation-timing-function: cubic-bezier(0.4, 0, 1, 1); opacity: 1; stroke-dashoffset: 0; } to { opacity: 0; stroke-dashoffset: -29.7833385; } } @keyframes mdc-checkbox-checked-indeterminate-checkmark { from { animation-timing-function: cubic-bezier(0, 0, 0.2, 1); transform: rotate(0deg); opacity: 1; } to { transform: rotate(45deg); opacity: 0; } } @keyframes mdc-checkbox-indeterminate-checked-checkmark { from { animation-timing-function: cubic-bezier(0.14, 0, 0, 1); transform: rotate(45deg); opacity: 0; } to { transform: rotate(360deg); opacity: 1; } } @keyframes mdc-checkbox-checked-indeterminate-mixedmark { from { animation-timing-function: cubic-bezier(0, 0, 0.2, 1); transform: rotate(-45deg); opacity: 0; } to { transform: rotate(0deg); opacity: 1; } } @keyframes mdc-checkbox-indeterminate-checked-mixedmark { from { animation-timing-function: cubic-bezier(0.14, 0, 0, 1); transform: rotate(0deg); opacity: 1; } to { transform: rotate(315deg); opacity: 0; } } @keyframes mdc-checkbox-indeterminate-unchecked-mixedmark { 0% { animation-timing-function: linear; transform: scaleX(1); opacity: 1; } 32.8%, 100% { transform: scaleX(0); opacity: 0; } } .mat-mdc-checkbox { display: inline-block; position: relative; -webkit-tap-highlight-color: transparent; } .mat-mdc-checkbox._mat-animation-noopable > .mat-internal-form-field > .mdc-checkbox > .mat-mdc-checkbox-touch-target, .mat-mdc-checkbox._mat-animation-noopable > .mat-internal-form-field > .mdc-checkbox > .mdc-checkbox__native-control, .mat-mdc-checkbox._mat-animation-noopable > .mat-internal-form-field > .mdc-checkbox > .mdc-checkbox__ripple, .mat-mdc-checkbox._mat-animation-noopable > .mat-internal-form-field > .mdc-checkbox > .mat-mdc-checkbox-ripple::before, .mat-mdc-checkbox._mat-animation-noopable > .mat-internal-form-field > .mdc-checkbox > .mdc-checkbox__background, .mat-mdc-checkbox._mat-animation-noopable > .mat-internal-form-field > .mdc-checkbox > .mdc-checkbox__background > .mdc-checkbox__checkmark, .mat-mdc-checkbox._mat-animation-noopable > .mat-internal-form-field > .mdc-checkbox > .mdc-checkbox__background > .mdc-checkbox__checkmark > .mdc-checkbox__checkmark-path, .mat-mdc-checkbox._mat-animation-noopable > .mat-internal-form-field > .mdc-checkbox > .mdc-checkbox__background > .mdc-checkbox__mixedmark { transition: none !important; animation: none !important; } .mat-mdc-checkbox label { cursor: pointer; } .mat-mdc-checkbox .mat-internal-form-field { color: var(--mat-checkbox-label-text-color, var(--mat-sys-on-surface)); font-family: var(--mat-checkbox-label-text-font, var(--mat-sys-body-medium-font)); line-height: var(--mat-checkbox-label-text-line-height, var(--mat-sys-body-medium-line-height)); font-size: var(--mat-checkbox-label-text-size, var(--mat-sys-body-medium-size)); letter-spacing: var(--mat-checkbox-label-text-tracking, var(--mat-sys-body-medium-tracking)); font-weight: var(--mat-checkbox-label-text-weight, var(--mat-sys-body-medium-weight)); } .mat-mdc-checkbox.mat-mdc-checkbox-disabled.mat-mdc-checkbox-disabled-interactive { pointer-events: auto; } .mat-mdc-checkbox.mat-mdc-checkbox-disabled.mat-mdc-checkbox-disabled-interactive input { cursor: default; } .mat-mdc-checkbox.mat-mdc-checkbox-disabled label { cursor: default; color: var(--mat-checkbox-disabled-label-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent)); } @media (forced-colors: active) { .mat-mdc-checkbox.mat-mdc-checkbox-disabled label { color: GrayText; } } .mat-mdc-checkbox label:empty { display: none; } .mat-mdc-checkbox .mdc-checkbox__ripple { opacity: 0; } .mat-mdc-checkbox .mat-mdc-checkbox-ripple, .mdc-checkbox__ripple { top: 0; left: 0; right: 0; bottom: 0; position: absolute; border-radius: 50%; pointer-events: none; } .mat-mdc-checkbox .mat-mdc-checkbox-ripple:not(:empty), .mdc-checkbox__ripple:not(:empty) { transform: translateZ(0); } .mat-mdc-checkbox-ripple .mat-ripple-element { opacity: 0.1; } .mat-mdc-checkbox-touch-target { position: absolute; top: 50%; left: 50%; height: var(--mat-checkbox-touch-target-size, 48px); width: var(--mat-checkbox-touch-target-size, 48px); transform: translate(-50%, -50%); display: var(--mat-checkbox-touch-target-display, block); } .mat-mdc-checkbox .mat-mdc-checkbox-ripple::before { border-radius: 50%; } .mdc-checkbox__native-control:focus-visible ~ .mat-focus-indicator::before { content: ""; } `],encapsulation:2})}return n})(),Kt=(()=>{class n{static \u0275fac=function(i){return new(i||n)};static \u0275mod=re({type:n});static \u0275inj=ee({imports:[Me,tn]})}return n})();var _i=["*",[["mat-chip-avatar"],["","matChipAvatar",""]],[["mat-chip-trailing-icon"],["","matChipRemove",""],["","matChipTrailingIcon",""]]],vi=["*","mat-chip-avatar, [matChipAvatar]","mat-chip-trailing-icon,[matChipRemove],[matChipTrailingIcon]"];function gi(n,h){n&1&&(Ba(0,"span",3),Ce(1,1),vf());}function bi(n,h){n&1&&(Ba(0,"span",6),Ce(1,2),vf());}var fi=`.mdc-evolution-chip, .mdc-evolution-chip__cell, .mdc-evolution-chip__action { display: inline-flex; align-items: center; } .mdc-evolution-chip { position: relative; max-width: 100%; } .mdc-evolution-chip__cell, .mdc-evolution-chip__action { height: 100%; } .mdc-evolution-chip__cell--primary { flex-basis: 100%; overflow-x: hidden; } .mdc-evolution-chip__cell--trailing { flex: 1 0 auto; } .mdc-evolution-chip__action { align-items: center; background: none; border: none; box-sizing: content-box; cursor: pointer; display: inline-flex; justify-content: center; outline: none; padding: 0; text-decoration: none; color: inherit; } .mdc-evolution-chip__action--presentational { cursor: auto; } .mdc-evolution-chip--disabled, .mdc-evolution-chip__action:disabled { pointer-events: none; } @media (forced-colors: active) { .mdc-evolution-chip--disabled, .mdc-evolution-chip__action:disabled { forced-color-adjust: none; } } .mdc-evolution-chip__action--primary { font: inherit; letter-spacing: inherit; white-space: inherit; overflow-x: hidden; } .mat-mdc-standard-chip .mdc-evolution-chip__action--primary::before { border-width: var(--mat-chip-outline-width, 1px); border-radius: var(--mat-chip-container-shape-radius, 8px); box-sizing: border-box; content: ""; height: 100%; left: 0; position: absolute; pointer-events: none; top: 0; width: 100%; z-index: 1; border-style: solid; } .mat-mdc-standard-chip .mdc-evolution-chip__action--primary { padding-left: 12px; padding-right: 12px; } .mat-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__action--primary { padding-left: 0; padding-right: 12px; } [dir=rtl] .mat-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__action--primary { padding-left: 12px; padding-right: 0; } .mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__action--primary::before { border-color: var(--mat-chip-outline-color, var(--mat-sys-outline)); } .mdc-evolution-chip__action--primary:not(.mdc-evolution-chip__action--presentational):not(.mdc-ripple-upgraded):focus::before { border-color: var(--mat-chip-focus-outline-color, var(--mat-sys-on-surface-variant)); } .mat-mdc-standard-chip.mdc-evolution-chip--disabled .mdc-evolution-chip__action--primary::before { border-color: var(--mat-chip-disabled-outline-color, color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent)); } .mat-mdc-standard-chip.mdc-evolution-chip--selected .mdc-evolution-chip__action--primary::before { border-width: var(--mat-chip-flat-selected-outline-width, 0); } .mat-mdc-basic-chip .mdc-evolution-chip__action--primary { font: inherit; } .mat-mdc-standard-chip.mdc-evolution-chip--with-leading-action .mdc-evolution-chip__action--primary { padding-left: 0; padding-right: 12px; } [dir=rtl] .mat-mdc-standard-chip.mdc-evolution-chip--with-leading-action .mdc-evolution-chip__action--primary { padding-left: 12px; padding-right: 0; } .mat-mdc-standard-chip.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary { padding-left: 12px; padding-right: 0; } [dir=rtl] .mat-mdc-standard-chip.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary { padding-left: 0; padding-right: 12px; } .mat-mdc-standard-chip.mdc-evolution-chip--with-leading-action.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary { padding-left: 0; padding-right: 0; } .mat-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary { padding-left: 0; padding-right: 0; } [dir=rtl] .mat-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary { padding-left: 0; padding-right: 0; } .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__action--primary { padding-left: 0; padding-right: 12px; } [dir=rtl] .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__action--primary { padding-left: 12px; padding-right: 0; } .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary { padding-left: 0; padding-right: 0; } [dir=rtl] .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary { padding-left: 0; padding-right: 0; } .mdc-evolution-chip__action--secondary { position: relative; overflow: visible; } .mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__action--secondary { color: var(--mat-chip-with-trailing-icon-trailing-icon-color, var(--mat-sys-on-surface-variant)); } .mat-mdc-standard-chip.mdc-evolution-chip--disabled .mdc-evolution-chip__action--secondary { color: var(--mat-chip-with-trailing-icon-disabled-trailing-icon-color, var(--mat-sys-on-surface)); } .mat-mdc-standard-chip.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--secondary, .mat-mdc-standard-chip.mdc-evolution-chip--with-leading-action .mdc-evolution-chip__action--secondary { padding-left: 8px; padding-right: 8px; } .mat-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--secondary, .mat-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-leading-action .mdc-evolution-chip__action--secondary { padding-left: 8px; padding-right: 8px; } .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--secondary, .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-leading-action .mdc-evolution-chip__action--secondary { padding-left: 8px; padding-right: 8px; } [dir=rtl] .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--secondary, [dir=rtl] .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-leading-action .mdc-evolution-chip__action--secondary { padding-left: 8px; padding-right: 8px; } .mdc-evolution-chip__text-label { -webkit-user-select: none; user-select: none; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .mat-mdc-standard-chip .mdc-evolution-chip__text-label { font-family: var(--mat-chip-label-text-font, var(--mat-sys-label-large-font)); line-height: var(--mat-chip-label-text-line-height, var(--mat-sys-label-large-line-height)); font-size: var(--mat-chip-label-text-size, var(--mat-sys-label-large-size)); font-weight: var(--mat-chip-label-text-weight, var(--mat-sys-label-large-weight)); letter-spacing: var(--mat-chip-label-text-tracking, var(--mat-sys-label-large-tracking)); } .mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__text-label { color: var(--mat-chip-label-text-color, var(--mat-sys-on-surface-variant)); } .mat-mdc-standard-chip.mdc-evolution-chip--selected:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__text-label { color: var(--mat-chip-selected-label-text-color, var(--mat-sys-on-secondary-container)); } .mat-mdc-standard-chip.mdc-evolution-chip--disabled .mdc-evolution-chip__text-label, .mat-mdc-standard-chip.mdc-evolution-chip--selected.mdc-evolution-chip--disabled .mdc-evolution-chip__text-label { color: var(--mat-chip-disabled-label-text-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent)); } .mdc-evolution-chip__graphic { align-items: center; display: inline-flex; justify-content: center; overflow: hidden; pointer-events: none; position: relative; flex: 1 0 auto; } .mat-mdc-standard-chip .mdc-evolution-chip__graphic { width: var(--mat-chip-with-avatar-avatar-size, 24px); height: var(--mat-chip-with-avatar-avatar-size, 24px); font-size: var(--mat-chip-with-avatar-avatar-size, 24px); } .mdc-evolution-chip--selecting .mdc-evolution-chip__graphic { transition: width 150ms 0ms cubic-bezier(0.4, 0, 0.2, 1); } .mdc-evolution-chip--selectable:not(.mdc-evolution-chip--selected):not(.mdc-evolution-chip--with-primary-icon) .mdc-evolution-chip__graphic { width: 0; } .mat-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__graphic { padding-left: 6px; padding-right: 6px; } .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__graphic { padding-left: 4px; padding-right: 8px; } [dir=rtl] .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__graphic { padding-left: 8px; padding-right: 4px; } .mat-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__graphic { padding-left: 6px; padding-right: 6px; } .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__graphic { padding-left: 4px; padding-right: 8px; } [dir=rtl] .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__graphic { padding-left: 8px; padding-right: 4px; } .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-leading-action .mdc-evolution-chip__graphic { padding-left: 0; } .mdc-evolution-chip__checkmark { position: absolute; opacity: 0; top: 50%; left: 50%; height: 20px; width: 20px; } .mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__checkmark { color: var(--mat-chip-with-icon-selected-icon-color, var(--mat-sys-on-secondary-container)); } .mat-mdc-standard-chip.mdc-evolution-chip--disabled .mdc-evolution-chip__checkmark { color: var(--mat-chip-with-icon-disabled-icon-color, var(--mat-sys-on-surface)); } .mdc-evolution-chip--selecting .mdc-evolution-chip__checkmark { transition: transform 150ms 0ms cubic-bezier(0.4, 0, 0.2, 1); transform: translate(-75%, -50%); } .mdc-evolution-chip--selected .mdc-evolution-chip__checkmark { transform: translate(-50%, -50%); opacity: 1; } .mdc-evolution-chip__checkmark-svg { display: block; } .mdc-evolution-chip__checkmark-path { stroke-width: 2px; stroke-dasharray: 29.7833385; stroke-dashoffset: 29.7833385; stroke: currentColor; } .mdc-evolution-chip--selecting .mdc-evolution-chip__checkmark-path { transition: stroke-dashoffset 150ms 45ms cubic-bezier(0.4, 0, 0.2, 1); } .mdc-evolution-chip--selected .mdc-evolution-chip__checkmark-path { stroke-dashoffset: 0; } @media (forced-colors: active) { .mdc-evolution-chip__checkmark-path { stroke: CanvasText !important; } } .mat-mdc-standard-chip .mdc-evolution-chip__icon--trailing { height: 18px; width: 18px; font-size: 18px; } .mdc-evolution-chip--disabled .mdc-evolution-chip__icon--trailing.mat-mdc-chip-remove { opacity: calc(var(--mat-chip-trailing-action-opacity, 1) * var(--mat-chip-with-trailing-icon-disabled-trailing-icon-opacity, 0.38)); } .mdc-evolution-chip--disabled .mdc-evolution-chip__icon--trailing.mat-mdc-chip-remove:focus { opacity: calc(var(--mat-chip-trailing-action-focus-opacity, 1) * var(--mat-chip-with-trailing-icon-disabled-trailing-icon-opacity, 0.38)); } .mat-mdc-standard-chip { border-radius: var(--mat-chip-container-shape-radius, 8px); height: var(--mat-chip-container-height, 32px); } .mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) { background-color: var(--mat-chip-elevated-container-color, transparent); } .mat-mdc-standard-chip.mdc-evolution-chip--disabled { background-color: var(--mat-chip-elevated-disabled-container-color); } .mat-mdc-standard-chip.mdc-evolution-chip--selected:not(.mdc-evolution-chip--disabled) { background-color: var(--mat-chip-elevated-selected-container-color, var(--mat-sys-secondary-container)); } .mat-mdc-standard-chip.mdc-evolution-chip--selected.mdc-evolution-chip--disabled { background-color: var(--mat-chip-flat-disabled-selected-container-color, color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent)); } @media (forced-colors: active) { .mat-mdc-standard-chip { outline: solid 1px; } } .mat-mdc-standard-chip .mdc-evolution-chip__icon--primary { border-radius: var(--mat-chip-with-avatar-avatar-shape-radius, 24px); width: var(--mat-chip-with-icon-icon-size, 18px); height: var(--mat-chip-with-icon-icon-size, 18px); font-size: var(--mat-chip-with-icon-icon-size, 18px); } .mdc-evolution-chip--selected .mdc-evolution-chip__icon--primary { opacity: 0; } .mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__icon--primary { color: var(--mat-chip-with-icon-icon-color, var(--mat-sys-on-surface-variant)); } .mat-mdc-standard-chip.mdc-evolution-chip--disabled .mdc-evolution-chip__icon--primary { color: var(--mat-chip-with-icon-disabled-icon-color, var(--mat-sys-on-surface)); } .mat-mdc-chip-highlighted { --mat-chip-with-icon-icon-color: var(--mat-chip-with-icon-selected-icon-color, var(--mat-sys-on-secondary-container)); --mat-chip-elevated-container-color: var(--mat-chip-elevated-selected-container-color, var(--mat-sys-secondary-container)); --mat-chip-label-text-color: var(--mat-chip-selected-label-text-color, var(--mat-sys-on-secondary-container)); --mat-chip-outline-width: var(--mat-chip-flat-selected-outline-width, 0); } .mat-mdc-chip-focus-overlay { background: var(--mat-chip-focus-state-layer-color, var(--mat-sys-on-surface-variant)); } .mat-mdc-chip-selected .mat-mdc-chip-focus-overlay, .mat-mdc-chip-highlighted .mat-mdc-chip-focus-overlay { background: var(--mat-chip-selected-focus-state-layer-color, var(--mat-sys-on-secondary-container)); } .mat-mdc-chip:hover .mat-mdc-chip-focus-overlay { background: var(--mat-chip-hover-state-layer-color, var(--mat-sys-on-surface-variant)); opacity: var(--mat-chip-hover-state-layer-opacity, var(--mat-sys-hover-state-layer-opacity)); } .mat-mdc-chip-focus-overlay .mat-mdc-chip-selected:hover, .mat-mdc-chip-highlighted:hover .mat-mdc-chip-focus-overlay { background: var(--mat-chip-selected-hover-state-layer-color, var(--mat-sys-on-secondary-container)); opacity: var(--mat-chip-selected-hover-state-layer-opacity, var(--mat-sys-hover-state-layer-opacity)); } .mat-mdc-chip.cdk-focused .mat-mdc-chip-focus-overlay { background: var(--mat-chip-focus-state-layer-color, var(--mat-sys-on-surface-variant)); opacity: var(--mat-chip-focus-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity)); } .mat-mdc-chip-selected.cdk-focused .mat-mdc-chip-focus-overlay, .mat-mdc-chip-highlighted.cdk-focused .mat-mdc-chip-focus-overlay { background: var(--mat-chip-selected-focus-state-layer-color, var(--mat-sys-on-secondary-container)); opacity: var(--mat-chip-selected-focus-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity)); } .mdc-evolution-chip--disabled:not(.mdc-evolution-chip--selected) .mat-mdc-chip-avatar { opacity: var(--mat-chip-with-avatar-disabled-avatar-opacity, 0.38); } .mdc-evolution-chip--disabled .mdc-evolution-chip__icon--trailing { opacity: var(--mat-chip-with-trailing-icon-disabled-trailing-icon-opacity, 0.38); } .mdc-evolution-chip--disabled.mdc-evolution-chip--selected .mdc-evolution-chip__checkmark { opacity: var(--mat-chip-with-icon-disabled-icon-opacity, 0.38); } .mat-mdc-standard-chip.mdc-evolution-chip--disabled { opacity: var(--mat-chip-disabled-container-opacity, 1); } .mat-mdc-standard-chip.mdc-evolution-chip--selected .mdc-evolution-chip__icon--trailing, .mat-mdc-standard-chip.mat-mdc-chip-highlighted .mdc-evolution-chip__icon--trailing { color: var(--mat-chip-selected-trailing-icon-color, var(--mat-sys-on-secondary-container)); } .mat-mdc-standard-chip.mdc-evolution-chip--selected.mdc-evolution-chip--disabled .mdc-evolution-chip__icon--trailing, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mdc-evolution-chip--disabled .mdc-evolution-chip__icon--trailing { color: var(--mat-chip-selected-disabled-trailing-icon-color, var(--mat-sys-on-surface)); } .mat-mdc-chip-edit, .mat-mdc-chip-remove { opacity: var(--mat-chip-trailing-action-opacity, 1); } .mat-mdc-chip-edit:focus, .mat-mdc-chip-remove:focus { opacity: var(--mat-chip-trailing-action-focus-opacity, 1); } .mat-mdc-chip-edit::after, .mat-mdc-chip-remove::after { background-color: var(--mat-chip-trailing-action-state-layer-color, var(--mat-sys-on-surface-variant)); } .mat-mdc-chip-edit:hover::after, .mat-mdc-chip-remove:hover::after { opacity: calc(var(--mat-chip-hover-state-layer-opacity, var(--mat-sys-hover-state-layer-opacity)) + var(--mat-chip-trailing-action-hover-state-layer-opacity, var(--mat-sys-hover-state-layer-opacity))); } .mat-mdc-chip-edit:focus::after, .mat-mdc-chip-remove:focus::after { opacity: calc(var(--mat-chip-hover-state-layer-opacity, var(--mat-sys-hover-state-layer-opacity)) + var(--mat-chip-trailing-action-focus-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity))); } .mat-mdc-chip-selected .mat-mdc-chip-remove::after, .mat-mdc-chip-highlighted .mat-mdc-chip-remove::after { background-color: var(--mat-chip-selected-trailing-action-state-layer-color, var(--mat-sys-on-secondary-container)); } .mat-mdc-chip.cdk-focused .mat-mdc-chip-edit:focus::after, .mat-mdc-chip.cdk-focused .mat-mdc-chip-remove:focus::after { opacity: calc(var(--mat-chip-selected-focus-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity)) + var(--mat-chip-trailing-action-focus-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity))); } .mat-mdc-chip.cdk-focused .mat-mdc-chip-edit:hover::after, .mat-mdc-chip.cdk-focused .mat-mdc-chip-remove:hover::after { opacity: calc(var(--mat-chip-selected-focus-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity)) + var(--mat-chip-trailing-action-hover-state-layer-opacity, var(--mat-sys-hover-state-layer-opacity))); } .mat-mdc-standard-chip { -webkit-tap-highlight-color: transparent; } .mat-mdc-standard-chip .mat-mdc-chip-graphic, .mat-mdc-standard-chip .mat-mdc-chip-trailing-icon { box-sizing: content-box; } .mat-mdc-standard-chip._mat-animation-noopable, .mat-mdc-standard-chip._mat-animation-noopable .mdc-evolution-chip__graphic, .mat-mdc-standard-chip._mat-animation-noopable .mdc-evolution-chip__checkmark, .mat-mdc-standard-chip._mat-animation-noopable .mdc-evolution-chip__checkmark-path { transition-duration: 1ms; animation-duration: 1ms; } .mat-mdc-chip-focus-overlay { top: 0; left: 0; right: 0; bottom: 0; position: absolute; pointer-events: none; opacity: 0; border-radius: inherit; transition: opacity 150ms linear; } ._mat-animation-noopable .mat-mdc-chip-focus-overlay { transition: none; } .mat-mdc-basic-chip .mat-mdc-chip-focus-overlay { display: none; } .mat-mdc-chip .mat-ripple.mat-mdc-chip-ripple { top: 0; left: 0; right: 0; bottom: 0; position: absolute; pointer-events: none; border-radius: inherit; } .mat-mdc-chip-avatar { text-align: center; line-height: 1; color: var(--mat-chip-with-icon-icon-color, currentColor); } .mat-mdc-chip { position: relative; z-index: 0; } .mat-mdc-chip-action-label { text-align: left; z-index: 1; } [dir=rtl] .mat-mdc-chip-action-label { text-align: right; } .mat-mdc-chip.mdc-evolution-chip--with-trailing-action .mat-mdc-chip-action-label { position: relative; } .mat-mdc-chip-action-label .mat-mdc-chip-primary-focus-indicator { position: absolute; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none; }