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

976 lines (912 loc) • 115 kB
import{c as Nt,d as Kt,h as Wt,i as Qt,j as Xt}from"./chunk-CYCQOADG.js";import"./chunk-DCOXSL4B.js";import"./chunk-IDORGLM3.js";import{a as jt,b as qt}from"./chunk-W7VPRHTK.js";import{a as Ut}from"./chunk-YBLUFXNR.js";import{e as Gt}from"./chunk-TEXSADK3.js";import"./chunk-AN7C4JCR.js";import{c as Vt,d as Ht}from"./chunk-5ONGW7JF.js";import{a as _t,c as vt,f as bt,g as gt,i as ft,j as yt,k as Ae,l as zt}from"./chunk-AN3YSLKY.js";import"./chunk-6J2GCUHA.js";import{a as Me,b as Ct,c as wt,d as It,e as Et,f as Mt,h as At,j as Dt,n as St,v as Tt}from"./chunk-ICUC3WIE.js";import"./chunk-YA4NX3C4.js";import{a as Pt}from"./chunk-R73GSFUT.js";import{b as kt,c as xt,d as Ot,e as Bt}from"./chunk-VMTBY4VN.js";import{b as Ft,c as Rt}from"./chunk-HFDIHHHN.js";import{a as st,b as lt,d as ht,e as mt,f as pt,g as ut}from"./chunk-7JNYLOAK.js";import{$a as B,$b as u,Ab as he,Bb as m,Ca as Qe,Cb as f,Cc as $e,Da as z,Db as G,Ec as ne,Ed as ue,Fc as Ye,Hb as J,Hd as it,Ia as R,Ib as ee,Id as nt,Ja as le,Jb as te,Jc as Je,Jd as at,Ka as q,Kb as U,Kd as ae,Ld as ct,Ma as Z,Md as ot,N as oe,Nd as rt,O as Ue,P as L,Pd as dt,Qc as me,Rd as Lt,Sc as et,T as ke,Ub as Xe,V as re,Vb as Ze,Vc as W,Wa as C,X as F,Xa as k,Ya as x,Z as l,Zb as j,_a as V,_c as tt,ab as P,ac as ie,ba as E,bb as _,bd as pe,ca as M,cb as o,d as X,da as xe,db as r,ea as je,eb as A,fa as qe,fb as Ie,ga as Ce,gb as Ee,ja as T,jb as N,ka as de,kb as K,lb as p,na as Ne,nb as D,ob as H,pa as se,pb as w,qa as we,qb as $,ra as O,rb as Y,sa as Ke,sb as v,tb as b,w as ce,xa as d,xb as I,za as We,zb as S}from"./chunk-KQUCMSSK.js";import"./chunk-FCVD6SGJ.js";import{h as Ge}from"./chunk-O7S4L63H.js";var vi=["input"],bi=["label"],gi=["*"],De={color:"accent",clickAction:"check-indeterminate",disabledInteractive:!1},fi=new F("mat-checkbox-default-options",{providedIn:"root",factory:()=>De}),g=(function(n){return n[n.Init=0]="Init",n[n.Checked=1]="Checked",n[n.Unchecked=2]="Unchecked",n[n.Indeterminate=3]="Indeterminate",n})(g||{}),Se=class{source;checked},Te=(()=>{class n{_elementRef=l(O);_changeDetectorRef=l(j);_ngZone=l(de);_animationsDisabled=ue();_options=l(fi,{optional:!0});focus(){this._inputElement.nativeElement.focus()}_createChangeEvent(e){let i=new Se;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=!1;labelPosition="after";name=null;change=new T;indeterminateChange=new T;value;disableRipple=!1;_inputElement;_labelElement;tabIndex;color;disabledInteractive;_onTouched=()=>{};_currentAnimationClass="";_currentCheckState=g.Init;_controlValueAccessorChangeFn=()=>{};_validatorChangeFn=()=>{};constructor(){l(ne).load(ae);let e=l(new Xe("tabindex"),{optional:!0});this._options=this._options||De,this.color=this._options.color||De.color,this.tabIndex=e==null?0:parseInt(e)||0,this.id=this._uniqueId=l(W).getId("mat-mdc-checkbox-"),this.disabledInteractive=this._options?.disabledInteractive??!1}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=!1;get disabled(){return this._disabled}set disabled(e){e!==this.disabled&&(this._disabled=e,this._changeDetectorRef.markForCheck())}_disabled=!1;get indeterminate(){return this._indeterminate()}set indeterminate(e){let i=e!=this._indeterminate();this._indeterminate.set(e),i&&(e?this._transitionCheckState(g.Indeterminate):this._transitionCheckState(this.checked?g.Checked:g.Unchecked),this.indeterminateChange.emit(e)),this._syncIndeterminate(e)}_indeterminate=Ne(!1);_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!==!0?{required:!0}: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(!1),this.indeterminateChange.emit(!1)}),this._checked=!this._checked,this._transitionCheckState(this._checked?g.Checked:g.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 g.Init:if(i===g.Checked)return this._animationClasses.uncheckedToChecked;if(i==g.Indeterminate)return this._checked?this._animationClasses.checkedToIndeterminate:this._animationClasses.uncheckedToIndeterminate;break;case g.Unchecked:return i===g.Checked?this._animationClasses.uncheckedToChecked:this._animationClasses.uncheckedToIndeterminate;case g.Checked:return i===g.Unchecked?this._animationClasses.checkedToUnchecked:this._animationClasses.checkedToIndeterminate;case g.Indeterminate:return i===g.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=R({type:n,selectors:[["mat-checkbox"]],viewQuery:function(i,t){if(i&1&&Y(vi,5)(bi,5),i&2){let a;v(a=b())&&(t._inputElement=a.first),v(a=b())&&(t._labelElement=a.first)}},hostAttrs:[1,"mat-mdc-checkbox"],hostVars:16,hostBindings:function(i,t){i&2&&(K("id",t.id),C("tabindex",null)("aria-label",null)("aria-labelledby",null),he(t.color?"mat-"+t.color:"mat-accent"),S("_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",u],ariaControls:[0,"aria-controls","ariaControls"],ariaOwns:[0,"aria-owns","ariaOwns"],id:"id",required:[2,"required","required",u],labelPosition:"labelPosition",name:"name",value:"value",disableRipple:[2,"disableRipple","disableRipple",u],tabIndex:[2,"tabIndex","tabIndex",e=>e==null?void 0:ie(e)],color:"color",disabledInteractive:[2,"disabledInteractive","disabledInteractive",u],checked:[2,"checked","checked",u],disabled:[2,"disabled","disabled",u],indeterminate:[2,"indeterminate","indeterminate",u]},outputs:{change:"change",indeterminateChange:"indeterminateChange"},exportAs:["matCheckbox"],features:[U([{provide:Me,useExisting:ke(()=>n),multi:!0},{provide:wt,useExisting:n,multi:!0}]),se],ngContentSelectors:gi,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&&(H(),o(0,"div",3),p("click",function(c){return t._preventBubblingFromLabel(c)}),o(1,"div",4,0)(3,"div",5),p("click",function(){return t._onTouchTargetClick()}),r(),o(4,"input",6,1),p("blur",function(){return t._onBlur()})("click",function(){return t._onInputClick()})("change",function(c){return t._onInteractionEvent(c)}),r(),A(6,"div",7),o(7,"div",8),xe(),o(8,"svg",9),A(9,"path",10),r(),je(),A(10,"div",11),r(),A(11,"div",12),r(),o(12,"label",13,2),w(14),r()()),i&2){let a=I(2);_("labelPosition",t.labelPosition),d(4),S("mdc-checkbox--selected",t.checked),_("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),C("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?!0:null)("aria-expanded",t.ariaExpanded)("aria-owns",t.ariaOwns)("name",t.name)("value",t.value),d(7),_("matRippleTrigger",a)("matRippleDisabled",t.disableRipple||t.disabled)("matRippleCentered",!0),d(),_("for",t.inputId)}},dependencies:[nt,Ut],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,changeDetection:0})}return n})(),$t=(()=>{class n{static \u0275fac=function(i){return new(i||n)};static \u0275mod=le({type:n});static \u0275inj=re({imports:[Te,pe]})}return n})();var wi=["*",[["mat-chip-avatar"],["","matChipAvatar",""]],[["mat-chip-trailing-icon"],["","matChipRemove",""],["","matChipTrailingIcon",""]]],Ii=["*","mat-chip-avatar, [matChipAvatar]","mat-chip-trailing-icon,[matChipRemove],[matChipTrailingIcon]"];function Ei(n,h){n&1&&(o(0,"span",3),w(1,1),r())}function Mi(n,h){n&1&&(o(0,"span",6),w(1,2),r())}var Ai=`.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 { 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 { 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 { 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 { 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; } .mat-mdc-chip-action-label .mat-focus-indicator::before { margin: calc(calc(var(--mat-focus-indicator-border-width, 3px) + 2px) * -1); } .mat-mdc-chip-edit::before, .mat-mdc-chip-remove::before { margin: calc(var(--mat-focus-indicator-border-width, 3px) * -1); left: 8px; right: 8px; } .mat-mdc-chip-edit::after, .mat-mdc-chip