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
JavaScript
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;
}