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
1,707 lines • 115 kB
JavaScript
import{c as Nt,d as Kt,h as Wt,i as Qt,j as Xt}from"./chunk-6XGY3Q2Y.js";import"./chunk-HWCHBMC4.js";import"./chunk-CVKYB7DC.js";import{a as jt,b as qt}from"./chunk-X6LMH7OB.js";import{a as Ut}from"./chunk-IXQONZ5Z.js";import{e as Gt}from"./chunk-TKRAWHQA.js";import"./chunk-W32HPWBA.js";import{c as Vt,d as Ht}from"./chunk-MDGU2XDP.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-JCH63A4N.js";import"./chunk-NZJKKTDQ.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-5LJPHUK2.js";import"./chunk-YA4NX3C4.js";import{a as Pt}from"./chunk-ROJTG6DU.js";import{b as kt,c as xt,d as Ot,e as Bt}from"./chunk-53CQV6LZ.js";import{b as Ft,c as Rt}from"./chunk-4GIODJCK.js";import{a as st,b as lt,d as ht,e as mt,f as pt,g as ut}from"./chunk-PFG3GPGC.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-MHKTEXY5.js";import"./chunk-ENGD2CVB.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-remove::after {
content: "";
display: block;
opacity: 0;
position: absolute;
top: -3px;
bottom: -3px;
left: 5px;
right: 5px;
border-radius: 50%;
box-sizing: border-box;
padding: 12px;
margin: -12px;
background-clip: content-box;
}
.mat-mdc-chip-edit .mat-icon, .mat-mdc-chip-remove .mat-icon {
width: 18px;
height: 18px;
font-size: 18px;
box-sizing: content-box;
}
.mat-chip-edit-input {
cursor: text;
display: inline-block;
color: inherit;
outline: 0;
}
@media (forced-colors: active) {
.mat-mdc-chip-selected:not(.mat-mdc-chip-multiple) {
outline-width: 3px;
}
}
.mat-mdc-chip-action:focus-visible .mat-focus-indicator::before {
content: "";
}
.mdc-evolution-chip__icon, .mat-mdc-chip-edit .mat-icon, .mat-mdc-chip-remove .mat-icon {
min-height: fit-content;
}
img.mdc-evolution-chip__icon {
min-height: 0;
}
`,Di=[[["","matChipEdit",""]],[["mat-chip-avatar"],["","matChipAvatar",""]],[["","matChipEditInput",""]],"*",[["mat-chip-trailing-icon"],["","matChipRemove",""],["","matChipTrailingIcon",""]]],Si=["[matChipEdit]","mat-chip-avatar, [matChipAvatar]","[matChipEditInput]","*","mat-chip-trailing-icon,[matChipRemove],[matChipTrailingIcon]"];function Ti(n,h){n&1&&A(0,"span",0)}function Fi(n,h){n&1&&(o(0,"span",1),w(1),r())}function Ri(n,h){n&1&&(o(0,"span",3),w(1,1),r())}function Li(n,h){n&1&&w(0,2)}function Oi(n,h){n&1&&A(0,"span",7)}function Bi(n,h){if(n&1&&k(0,Li,1,0)(1,Oi,1,0,"span",7),n&2){let e=D();x(e.contentEditInput?0:1)}}function Pi(n,h){n&1&&w(0,3)}function zi(n,h){n&1&&(o(0,"span",6),w(1,4),r())}var ni=["*"],Vi=`.mat-mdc-chip-set {
display: flex;
}
.mat-mdc-chip-set:focus {
outline: none;
}
.mat-mdc-chip-set .mdc-evolution-chip-set__chips {
min-width: 100%;
margin-left: -8px;
margin-right: 0;
}
.mat-mdc-chip-set .mdc-evolution-chip {
margin: 4px 0 4px 8px;
}
[dir=rtl] .mat-mdc-chip-set .mdc-evolution-chip-set__chips {
margin-left: 0;
margin-right: -8px;
}
[dir=rtl] .mat-mdc-chip-set .mdc-evolution-chip {
margin-left: 0;
margin-right: 8px;
}
.mdc-evolution-chip-set__chips {
display: flex;
flex-flow: wrap;
min-width: 0;
}
.mat-mdc-chip-set-stacked {
flex-direction: column;
align-items: flex-start;
}
.mat-mdc-chip-set-stacked .mat-mdc-chip {
width: 100%;
}
.mat-mdc-chip-set-stacked .mdc-evolution-chip__graphic {
flex-grow: 0;
}
.mat-mdc-chip-set-stacked .mdc-evolution-chip__action--primary {
flex-basis: 100%;
justify-content: start;
}
input.mat-mdc-chip-input {
flex: 1 0 150px;
margin-left: 8px;
}
[dir=rtl] input.mat-mdc-chip-input {
margin-left: 0;
margin-right: 8px;
}
.mat-mdc-form-field:not(.mat-form-field-hide-placeholder) input.mat-mdc-chip-input::placeholder {
opacity: 1;
}
.mat-mdc-form-field:not(.mat-form-field-hide-placeholder) input.mat-mdc-chip-input::-moz-placeholder {
opacity: 1;
}
.mat-mdc-form-field:not(.mat-form-field-hide-placeholder) input.mat-mdc-chip-input::-webkit-input-placeholder {
opacity: 1;
}
.mat-mdc-form-field:not(.mat-form-field-hide-placeholder) input.mat-mdc-chip-input:-ms-input-placeholder {
opacity: 1;
}
.mat-mdc-chip-set + input.mat-mdc-chip-input {
margin-left: 0;
margin-right: 0;
}
`,ai=new F("mat-chips-default-options",{providedIn:"root",factory:()=>({separatorKeyCodes:[13]})}),Jt=new F("MatChipAvatar"),ei=new F("MatChipTrailingIcon"),ti=new F("MatChipEdit"),Re=new F("MatChipRemove"),Pe=new F("MatChip"),ci=(()=>{class n{_elementRef=l(O);_parentChip=l(Pe);_isPrimary=!0;_isLeading=!1;get disabled(){return this._disabled||this._parentChip?.disabled||!1}set disabled(e){this._disabled=e}_disabled=!1;tabIndex=-1;_allowFocusWhenDisabled=!1;_getDisabledAttribute(){return this.disabled&&!this._allowFocusWhenDisabled?"":null}constructor(){l(ne).load(ae),this._elementRef.nativeElement.nodeName==="BUTTON"&&this._elementRef.nativeElement.setAttribute("type","button")}focus(){this._elementRef.nativeElement.focus()}static \u0275fac=function(i){return new(i||n)};static \u0275dir=q({type:n,selectors:[["","matChipContent",""]],hostAttrs:[1,"mat-mdc-chip-action","mdc-evolution-chip__action","mdc-evolution-chip__action--presentational"],hostVars:8,hostBindings:function(i,t){i&2&&(C("disabled",t._getDisabledAttribute())("aria-disabled",t.disabled),S("mdc-evolution-chip__action--primary",t._isPrimary)("mdc-evolution-chip__action--secondary",!t._isPrimary)("mdc-evolution-chip__action--trailing",!t._isPrimary&&!t._isLeading))},inputs:{disabled:[2,"disabled","disabled",u],tabIndex:[2,"tabIndex","tabIndex",e=>e==null?-1:ie(e)],_allowFocusWhenDisabled:"_allowFocusWhenDisabled"}})}return n})(),ze=(()=>{class n extends ci{_getTabindex(){return this.disabled&&!this._allowFocusWhenDisabled?null:this.tabIndex.toString()}_handleClick(e){!this.disabled&&this._isPrimary&&(e.preventDefault(),this._parentChip._handlePrimaryActionInteraction())}_handleKeydown(e){(e.keyCode===13||e.keyCode===32)&&!this.disabled&&this._isPrimary&&!this._parentChip._isEditing&&(e.preventDefault(),this._parentChip._handlePrimaryActionInteraction())}static \u0275fac=(()=>{let e;return function(t){return(e||(e=we(n)))(t||n)}})();static \u0275dir=q({type:n,selectors:[["","matChipAction",""]],hostVars:3,hostBindings:function(i,t){i&1&&p("click",function(c){return t._handleClick(c)})("keydown",function(c){return t._handleKeydown(c)}),i&2&&(C("tabindex",t._getTabindex()),S("mdc-evolution-chip__action--presentational",!1))},features:[Z]})}return n})();var oi=(()=>{class n extends ze{_isPrimary=!1;_handleClick(e){this.disabled||(e.stopPropagation(),e.preventDefault(),this._parentChip.remove())}_handleKeydown(e){(e.keyCode===13||e.keyCode===32)&&!this.disabled&&(e.stopPropagation(),e.preventDefault(),this._parentChip.remove())}static \u0275fac=(()=>{let e;return function(t){return(e||(e=we(n)))(t||n)}})();static \u0275dir=q({type:n,selectors:[["","matChipRemove",""]],hostAttrs:["role","button",1,"mat-mdc-chip-remove","mat-mdc-chip-trailing-icon","mat-focus-indicator","mdc-evolution-chip__icon","mdc-evolution-chip__icon--trailing"],hostVars:1,hostBindings:function(i,t){i&2&&C("aria-hidden",null)},features:[U([{provide:Re,useExisting:n}]),Z]})}return n})(),Le=(()=>{class n{_changeDetectorRef=l(j);_elementRef=l(O);_tagName=l(Ze);_ngZone=l(de);_focusMonitor=l($e);_globalRippleOptions=l(it,{optional:!0});_document=l(Ce);_onFocus=new X;_onBlur=new X;_isBasicChip=!1;role=null;_hasFocusInternal=!1;_pendingFocus=!1;_actionChanges;_animationsDisabled=ue();_allLeadingIcons;_allTrailingIcons;_allEditIcons;_allRemoveIcons;_hasFocus(){return this._hasFocusInternal}id=l(W).getId("mat-mdc-chip-");ariaLabel=null;ariaDescription=null;_chipListDisabled=!1;_hadFocusOnRemove=!1;_textElement;get value(){return this._value!==void 0?this._value:this._textElement.textContent.trim()}set value(e){this._value=e}_value;color;removable=!0;highlighted=!1;disableRipple=!1;get disabled(){return this._disabled||this._chipListDisabled}set disabled(e){this._disabled=e}_disabled=!1;removed=new T;destroyed=new T;basicChipAttrName="mat-basic-chip";leadingIcon;editIcon;trailingIcon;removeIcon;primaryAction;_rippleLoader=l(at);_injector=l(qe);constructor(){let e=l(ne);e.load(ae),e.load(Ye),this._monitorFocus(),this._rippleLoader?.configureRipple(this._elementRef.nativeElement,{className:"mat-mdc-chip-ripple",disabled:this._isRippleDisabled()})}ngOnInit(){this._isBasicChip=this._elementRef.nativeElement.hasAttribute(this.basicChipAttrName)||this._tagName.toLowerCase()===this.basicChipAttrName}ngAfterViewInit(){this._textElement=this._elementRef.nativeElement.querySelector(".mat-mdc-chip-action-label"),this._pendingFocus&&(this._pendingFocus=!1,this.focus())}ngAfterContentInit(){this._actionChanges=ce(this._allLeadingIcons.changes,this._allTrailingIcons.changes,this._allEditIcons.changes,this._allRemoveIcons.changes).subscribe(()=>this._changeDetectorRef.markForCheck())}ngDoCheck(){this._rippleLoader.setDisabled(this._elementRef.nativeElement,this._isRippleDisabled())}ngOnDestroy(){this._focusMonitor.stopMonitoring(this._elementRef),this._rippleLoader?.destroyRipple(this._elementRef.nativeElement),this._actionChanges?.unsubscribe(),this.destroyed.emit({chip:this}),this.destroyed.complete()}remove(){this.removable&&(this._hadFocusOnRemove=this._hasFocus(),this.removed.emit({chip:this}))}_isRippleDisabled(){return this.disabled||this.disableRipple||this._animationsDisabled||this._isBasicChip||!this._hasInteractiveActions()||!!this._globalRippleOptions?.disabled}_hasTrailingIcon(){return!!(this.trailingIcon||this.removeIcon)}_handleKeydown(e){(e.keyCode===8&&!e.repeat||e.keyCode===46)&&(e.preventDefault(),this.remove())}focus(){this.disabled||(this.primaryAction?this.primaryAction.focus():this._pendingFocus=!0)}_getSourceAction(e){return this._getActions().find(i=>{let t=i._elementRef.nativeElement;return t===e||t.contains(e)})}_getActions(){let e=[];return this.editIcon&&e.push(this.editIcon),this.primaryAction&&e.push(this.primaryAction),this.removeIcon&&e.push(this.removeIcon),e}_handlePrimaryActionInteraction(){}_hasInteractiveActions(){return this._getActions().length>0}_edit(e){}_monitorFocus(){this._focusMonitor.monitor(this._elementRef,!0).subscribe(e=>{let i=e!==null;i!==this._hasFocusInternal&&(this._hasFocusInternal=i,i?this._onFocus.next({chip:this}):(this._changeDetectorRef.markForCheck(),setTimeout(()=>this._ngZone.run(()=>this._onBlur.next({chip:this})))))})}static \u0275fac=function(i){return new(i||n)};static \u0275cmp=R({type:n,selectors:[["mat-basic-chip"],["","mat-basic-chip",""],["mat-chip"],["","mat-chip",""]],contentQueries:function(i,t,a){if(i&1&&$(a,Jt,5)(a,ti,5)(a,ei,5)(a,Re,5)(a,Jt,5)(a,ei,5)(a,ti,5)(a,Re,5),i&2){let c;v(c=b())&&(t.leadingIcon=c.first),v(c=b())&&(t.editIcon=c.first),v(c=b())&&(t.trailingIcon=c.first),v(c=b())&&(t.removeIcon=c.first),v(c=b())&&(t._allLeadingIcons=c),v(c=b())&&(t._allTrailingIcons=c),v(c=b())&&(t._allEditIcons=c),v(c=b())&&(t._allRemoveIcons=c)}},viewQuery:function(i,t){if(i&1&&Y(ze,5),i&2){let a;v(a=b())&&(t.primaryAction=a.first)}},hostAttrs:[1,"mat-mdc-chip"],hostVars:31,hostBindings:function(i,t){i&1&&p("keydown",function(c){return t._handleKeydown(c)}),i&2&&(K("id",t.id),C("role",t.role)("aria-label",t.ariaLabel),he("mat-"+(t.color||"primary")),S("mdc-evolution-chip",!t._isBasicChip)("mdc-evolution-chip--disabled",t.disabled)("mdc-evolution-chip--with-trailing-action",t._hasTrailingIcon())("mdc-evolution-chip--with-primary-graphic",t.leadingIcon)("mdc-evolution-chip--with-primary-icon",t.leadingIcon)("mdc-evolution-chip--with-avatar",t.leadingIcon)("mat-mdc-chip-with-avatar",t.leadingIcon)("mat-mdc-chip-highlighted",t.highlighted)("mat-mdc-chip-disabled",t.disabled)("mat-mdc-basic-chip",t._isBasicChip)("mat-mdc-standard-chip",!t._isBasicChip)("mat-mdc-chip-with-trailing-icon",t._hasTrailingIcon())("_mat-animation-noopable",t._animationsDisabled))},inputs:{role:"role",id:"id",ariaLabel:[0,"aria-label","ariaLabel"],ariaDescription:[0,"aria-description","ariaDescription"],value:"value",color:"color",removable:[2,"removable","removable",u],highlighted:[2,"highlighted","highlighted",u],disableRipple:[2,"disableRipple","disableRipple",u],disabled:[2,"disabled","disabled",u]},outputs:{removed:"removed",destroyed:"destroyed"},exportAs:["matChip"],features:[U([{provide:Pe,useExisting:n}])],ngContentSelectors:Ii,decls:8,vars:2,consts:[[1,"mat-mdc-chip-focus-overlay"],[1,"mdc-evolution-chip__cell","mdc-evolution-chip__cell--primary"],["matChipContent",""],[1,"mdc-evolution-chip__graphic","mat-mdc-chip-graphic"],[1,"mdc-evolution-chip__text-label","mat-mdc-chip-action-label"],[1,"mat-mdc-chip-primary-focus-indicator","mat-focus-indicator"],[1,"mdc-evolution-chip__cell","mdc-evolution-chip__cell--trailing"]],template:function(i,t){i&1&&(H(wi),A(0,"span",0),o(1,"span",1)(2,"span",2),k(3,Ei,2,0,"span",3),o(4,"span",4),w(5),A(6,"span",5),r()()(),k(7,Mi,2,0,"span",6)),i&2&&(d(3),x(t.leadingIcon?3:-1),d(4),x(t._hasTrailingIcon()?7:-1))},dependencies:[ci],styles:[`.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-remove::after {
content: "";
display: block;
opacity: 0;
position: absolute;
top: -3px;
bottom: -3px;
left: 5px;
right: 5px;
border-radius: 50%;
box-sizing: border-box;
padding: 12px;
margin: -12px;
background-clip: content-box;
}
.mat-mdc-chip-edit .mat-icon, .mat-mdc-chip-remove .mat-icon {
width: 18px;
height: 18px;
font-size: 18px;
box-sizing: content-box;
}
.mat-chip-edit-input {
cursor: text;
display: inline-block;
color: inherit;
outline: 0;
}
@media (forced-colors: active) {
.mat-mdc-chip-selected:not(.mat-mdc-chip-multiple) {
outline-width: 3px;
}
}
.mat-mdc-chip-action:focus-visible .mat-focus-indicator::before {
content: "";
}
.mdc-evolution-chip__icon, .mat-mdc-chip-edit .mat-icon, .mat-mdc-chip-remove .mat-icon {
min-height: fit-content;
}
img.mdc-evolution-chip__icon {
min-height: 0;
}
`],encapsulation:2,changeDetection:0})}return n})();var Fe=(()=>{class n{_elementRef=l(O);_document=l(Ce);constructor(){}initialize(e){this.getNativeElement().focus(),this.setValue(e)}getNativeElement(){return this._elementRef.nativeElement}setValue(e){this.getNativeElement().textContent=e,this._moveCursorToEndOfInput()}getValue(){return this.getNativeElement().textContent||""}_moveCursorToEndOfInput(){let e=this._document.createRange();e.selectNodeContents(this.getNativeElement()),e.collapse(!1);let i=window.getSelection();i.removeAllRanges(),i.addRange(e)}static \u0275fac=function(i){return new(i||n)};static \u0275dir=q({type:n,selectors:[["span","matChipEditInput",""]],hostAttrs:["role","textbox","tabindex","-1","contenteditable","true",1,"mat-chip-edit-input"]})}return n})(),Ve=(()=>{class n extends Le{basicChipAttrName="mat-basic-chip-row";_renderer=l(Qe);_cleanupMousedown;_editStartPending=!1;editable=!1;edited=new T;defaultEditInput;contentEditInput;_alreadyFocused=!1;_isEditing=!1;constructor(){super(),this.role="row",this._onBlur.pipe(L(this.destroyed)).subscribe(()=>{this._isEditing&&!this._editStartPending&&this._onEditFinish(),this._alreadyFocused=!1})}ngAfterViewInit(){super.ngAfterViewInit(),this._cleanupMousedown=this._ngZone.runOutsideAngular(()=>this._renderer.listen(this._elementRef.nativeElement,"mousedown",()=>{this._alreadyFocused=this._hasFocus()}))}ngOnDestroy(){super.ngOnDestroy(),this._cleanupMousedown?.()}_hasLeadingActionIcon(){return!this._isEditing&&!!this.editIcon}_hasTrailingIcon(){return!this._isEditing&&super._hasTrailingIcon()}_handleFocus(){!this._isEditing&&!this.disabled&&this.focus()}_handleKeydown(e){e.keyCode===13&&!this.disabled?this._isEditing?(e.preventDefault(),this._onEditFinish()):this.editable&&this._startEditing(e):this._isEditing?e.stopPropagation():super._handleKeydown(e)}_handleClick(e){!this.disabled&&this.editable&&!this._isEditing&&this._alreadyFocused&&(e.preventDefault(),e.stopPropagation(),this._startEditing(e))}_handleDoubleclick(e){!this.disabled&&this.editable&&this._startEditing(e)}_edit(){this._changeDetectorRef.markForCheck(),this._startEditing()}_startEditing(e){if(!this.primaryAction||this.removeIcon&&e&&this._getSourceAction(e.target)===this.removeIcon)return;let i=this.value;this._isEditing=this._editStartPending=!0,We(()=>{this._getEditInput().initialize(i),setTimeout(()=>this._ngZone.run(()=>this._editStartPending=!1))},{injector:this._injector})}_onEditFinish(){this._isEditing=this._editStartPending=!1,this.edited.emit({chip:this,value:this._getEditInput().getValue()}),(this._document.activeElement===this._getEditInput().getNativeElement()||this._document.activeElement===this._document.body)&&this.primaryAction.focus()}_isRippleDisabled(){return super._isRippleDisabled()||this._isEditing}_getEditInput(){return this.contentEditInput||this.defaultEditInput}static \u0275fac=function(i){return new(i||n)};static \u0275cmp=R({type:n,selectors:[["mat-chip-row"],["","mat-chip-row",""],["mat-basic-chip-row"],["","mat-basic-chip-row",""]],contentQueries:function(i,t,a){if(i&1&&$(a,Fe,5),i&2){let c;v(c=b())&&(t.contentEditInput=c.first)}},viewQuery:function(i,t){if(i&1&&Y(Fe,5),i&2){let a;v(a=b())&&(t.defaultEditInput=a.first)}},hostAttrs:[1,"mat-mdc-chip","mat-mdc-chip-row","mdc-evolution-chip"],hostVars:29,hostBindings:function(i,t){i&1&&p("focus",function(){return t._handleFocus()})("click",function(c){return t._hasInteractiveActions()?t._handleClick(c):null})("dblclick",function(c){return t._handleDoubleclick(c)}),i&2&&(K("id",t.id),C("tabindex",t.disabled?null:-1)("aria-label",null)("aria-description",null)("role",t.role),S("mat-mdc-chip-with-avatar",t.leadingIcon)("mat-mdc-chip-disabled",t.disabled)("mat-mdc-chip-editing",t._isEditing)("mat-mdc-chip-editable",t.editable)("mdc-evolution-chip--disabled",t.disabled)("mdc-evolution-chip--with-leading-action",t._hasLeadingActionIcon())("mdc-evolution-chip--with-trailing-action",t._hasTrailingIcon())("mdc-evolution-chip--with-primary-graphic",t.leadingIcon)("mdc-evolution-chip--with-primary-icon",t.leadingIcon)("mdc-evolution-chip--with-avatar",t.leadingIcon)("mat-mdc-chip-highlighted",t.highlighted)("mat-mdc-chip-with-trailing-icon",t._hasTrailingIcon()))},inputs:{editable:"editable"},outputs:{edited:"edited"},features:[U([{provide:Le,useExisting:n},{provide:Pe,useExisting:n}]),Z],ngContentSelectors:Si,decls:9,vars:8,consts:[[1,"mat-mdc-chip-focus-overlay"],["role","gridcell",1,"mdc-evolution-chip__cell","mdc-evolution-chip__cell--leading"],["role","gridcell","matChipAction","",1,"mdc-evolution-chip__cell","mdc-evolution-chip__cell--primary",3,"disabled"],[1,"mdc-evolution-chip__graphic","mat-mdc-chip-graphic"],[1,"mdc-evolution-chip__text-label","mat-mdc-chip-action-label"],["aria-hidden","true",1,"mat-mdc-chip-primary-focus-indicator","mat-focus-indicator"],["role","gridcell",1,"mdc-evolution-chip__cell","mdc-evolution-chip__cell--trailing"],["matChipEditInput",""]],template:function(i,t){i&1&&(H(Di),k(0,Ti,1,0,"span",0),k(1,Fi,2,0,"span",1),o(2,"span",2),k(3,Ri,2,0,"span",3),o(4,"span",4),k(5,Bi,2,1)(6,Pi,1,0),A(7,"span",5),r()(),k(8,zi,2,0,"span",6)),i&2&&(x(t._isEditing?-1:0),d(),x(t._hasLeadingActionIcon()?1:-1),d(),_("disabled",t.disabled),C("aria-description",t.ariaDescription)("aria-label",t.ariaLabel),d(),x(t.leadingIcon?3:-1),d(2),x(t._isEditing?5:6),d(3),x(t._hasTrailingIcon()?8:-1))},dependencies:[ze,Fe],styles:[Ai],encapsulation:2,changeDetection:0})}return n})(),Hi=(()=>{class n{_elementRef=l(O);_changeDetectorRef=l(j);_dir=l(tt,{optional:!0});_lastDestroyedFocusedChipIndex=null;_keyManager;_destroyed=new X;_defaultRole="presentation";get chipFocusChanges(){return this._getChipStream(e=>e._onFocus)}get chipDestroyedChanges(){return this._getChipStream(e=>e.destroyed)}get chipRemovedChanges(){return this._getChipStream(e=>e.removed)}get disabled(){return this._disabled}set disabled(e){this._disabled=e,this._syncChipsState()}_disabled=!1;get empty(){return!this._chips||this._chips.length===0}get role(){return this._explicitRole?this._explicitRole:this.empty?null:this._defaultRole}tabIndex=0;set role(e){this._explicitRole=e}_explicitRole=null;get focused(){return this._hasFocusedChip()}_chips;_chipActions=new Ke;constructor(){}ngAfterViewInit(){this._setUpFocusManagement(),this._trackChipSetChanges(),this._trackDestroyedFocusedChip()}ngOnDestroy(){this._keyManager?.destroy(),this._chipActions.destroy(),this._destroyed.next(),this._destroyed.complete()}_hasFocusedChip(){return this._chips&&this._chips.some(e=>e._hasFocus())}_syncChipsState(){this._chips?.forEach(e=>{e._chipListDisabled=this._disabled,e._changeDetectorRef.markForCheck()})}focus(){}_handleKeydown(e){this._originatesFromChip(e)&&this._keyManager.onKeydown(e)}_isValidIndex(e){return e>=0&&e<this._chips.length}_allowFocusEscape(){let e=this._elementRef.nativeElement.tabIndex;e!==-1&&(this._elementRef.nativeElement.tabIndex=-1,setTimeout(()=>this._elementRef.nativeElement.tabIndex=e))}_getChipStream(e){return this._chips.changes.pipe(oe(null),Ue(()=>ce(...this._chips.map(e))))}_originatesFromChip(e){let i=e.target;for(;i&&i!==this._elementRef.nativeElement;){if(i.classList.contains("mat-mdc-chip"))return!0;i=i.parentElement}return!1}_setUpFocusManagement(){this._chips.changes.pipe(oe(this._chips)).subscribe(e=>{let i=[];e.forEach(t=>t._getActions().forEach(a=>i.push(a))),this._chipActions.reset(i),this._chipActions.notifyOnChanges()}),this._keyManager=new et(this._chipActions).withVerticalOrientation().withHorizontalOrientation(this._dir?this._dir.value:"ltr").withHomeAndEnd().skipPredicate(e=>this._skipPredicate(e)),this.chipFocusChanges.pipe(L(this._destroyed)).subscribe(({chip:e})=>{let i=e._getSourceAction(document.activeElement);i&&this._keyManager.updateActiveItem(i)}),this._dir?.change.pipe(L(this._destroyed)).subscribe(e=>this._keyManager.withHorizontalOrientation(e))}_skipPredicate(e){return e.disabled}_trackChipSetChanges(){this._chips.changes.pipe(oe(null),L(this._destroyed)).subscribe(()=>{this.disabled&&Promise.resolve().then(()=>this._syncChipsState()),this._redirectDestroyedChipFocus()})}_trackDestroyedFocusedChip(){this.chipDestroyedChanges.pipe(L(this._destroyed)).subscribe(e=>{let t=this._chips.toArray().indexOf(e.chip),a=e.chip._hasFocus(),c=e.chip._hadFocusOnRemove&&this._keyManager.activeItem&&e.chip._getActions().includes(this._keyManager.activeItem),s=a||c;this._isValidIndex(t)&&s&&(this._lastDestroyedFocusedChipIndex=t)})}_redirectDestroyedChipFocus(){if(this._lastDestroyedFocusedChipIndex!=null){if(this._chips.length){let e=Math.min(this._lastDestroyedFocusedChipIndex,this._chips.length-1),i=this._chips.toArray()[e];i.disabled?this._chips.length===1?this.focus():this._keyManager.setPreviousItemActive():i.focus()}else this.focus();this._lastDestroyedFocusedChipIndex=null}}static \u0275fac=function(i){return new(i||n)};static \u0275cmp=R({type:n,selectors:[["mat-chip-set"]],contentQueries:function(i,t,a){if(i&1&&$(a,Le,5),i&2){let c;v(c=b())&&(t._chips=c)}},hostAttrs:[1,"mat-mdc-chip-set","mdc-evolution-chip-set"],hostVars:1,hostBindings:function(i,t){i&1&&p("keydown",function(c){return t._handleKeydown(c)}),i&2&&C("role",t.role)},inputs:{disabled:[2,"disabled","disabled",u],role:"role",tabIndex:[2,"tabIndex","tabIndex",e=>e==null?0:ie(e)]},ngContentSelectors:ni,decls:2,vars:0,consts:[["role","presentation",1,"mdc-evolution-chip-set__chips"]],template:function(i,t){i&1&&(H(),Ie(0,"div",0),w(1),Ee())},styles:[`.mat-mdc-chip-set {
display: flex;
}
.mat-mdc-chip-set:focus {
outline: none;
}
.mat-mdc-chip-set .mdc-evolution-chip-set__chips {
min-width: 100%;
margin-left: -8px;
margin-right: 0;
}
.mat-mdc-chip-set .mdc-evolution-chip {
margin: 4px 0 4px 8px;
}
[dir=rtl] .mat-mdc-chip-set .mdc-evolution-chip-set__chips {
margin-left: 0;
margin-right: -8px;
}
[dir=rtl] .mat-mdc-chip-set .mdc-evolution-chip {
margin-left: 0;
margin-right: 8px;
}
.mdc-evolution-chip-set__chips {
display: flex;
flex-flow: wrap;
min-width: 0;
}
.mat-mdc-chip-set-stacked {
flex-direction: column;
align-items: flex-start;
}
.mat-mdc-chip-set-stacked .mat-mdc-chip {
width: 100%;
}
.mat-mdc-chip-set-stacked .mdc-evolution-chip__graphic {
flex-grow: 0;
}
.mat-mdc-chip-set-stacked .mdc-evolution-chip__action--primary {
flex-basis: 100%;
justify-content: start;
}
input.mat-mdc-chip-input {
flex: 1 0 150px;
margin-left: 8px;
}
[dir=rtl] input.mat-mdc-chip-input {
margin-left: 0;
margin-right: 8px;
}
.mat-mdc-form-field:not(.mat-form-field-hide-placeholder) input.mat-mdc-chip-input::placeholder {
opacity: 1;
}
.mat-mdc-form-field:not(.mat-form-field-hide-placeholder) input.mat-mdc-chip-input::-moz-placeholder {
opacity: 1;
}
.mat-mdc-form-field:not(.mat-form-field-hide-placeholder) input.mat-mdc-chip-input::-webkit-input-placeholder {
opacity: 1;
}
.mat-mdc-form-field:not(.mat-form-field-hide-placeholder) input.mat-mdc-chip-input:-ms-input-placeholder {
opacity: 1;
}
.mat-mdc-chip-set + input.mat-mdc-chip-input {
margin-left: 0;
margin-right: 0;
}
`],encapsulation:2,changeDetection:0})}return n})();var Oe=class{source;value;constructor(h,e){this.source=h,this.value=e}},ri=(()=>{class n extends Hi{ngControl=l(Et,{optional:!0,self:!0});controlType="mat-chip-grid";_chipInput;_defaultRole="grid";_errorStateTracker;_uid=l(W).getId("mat-chip-grid-");_ariaDescribedbyIds=[];_onTouched=()=>{};_onChange=()=>{};get disabled(){return this.ngControl?!!this.ngControl.disabled:this._disabled}set disabled(e){this._disabled=e,this._syncChipsState(),this.stateChanges.next()}get id(){return this._chipInput?this._chipInput.id:this._uid}get empty(){return(!this._chipInput||this._chipInput.empty)&&(!this._chips||this._chips.length===0)}get placeholder(){return this._chipInput?this._chipInput.placeholder:this._placeholder}set placeholder(e){this._placeholder=e,this.stateChanges.next()}_placeholder="";get focused(){return this._chipInput?.focused||this._hasFocusedChip()}get required(){return this._required??this.ngControl?.control?.hasValidator(It.required)??!1}set required(e){this._required=e,this.stateChanges.next()}_required;get shouldLabelFloat(){return!this.empty||this.focused}get value(){return this._value}set value(e){this._value=e}_value=[];get errorStateMatcher(){return this._errorStateTracker.matcher}set errorStateMatcher(e){this._errorStateTracker.matcher=e}get chipBlurChanges(){return this._getChipStream(e=>e._onBlur)}change=new T;valueChange=new T;_chips=void 0;stateChanges=new X;get errorState(){return this._errorStateTracker.errorState}set errorState(e){this._errorStateTracker.errorState=e}constructor(){super();let e=l(At,{optional:!0}),i=l(St,{optional:!0}),t=l(Ae);this.ngControl&&(this.ngControl.valueAccessor=this),this._errorStateTracker=new zt(t,this.ngControl,i,e,this.stateChanges)}ngAfterContentInit(){this.chipBlurChanges.pipe(L(this._destroyed)).subscribe(()=>{this._blur(),this.stateChanges.next()}),ce(this.chipFocusChanges,this._chips.changes).pipe(L(this._destroyed)).subscribe(()=>this.stateChanges.next())}ngDoCheck(){this.ngControl&&this.updateErrorState()}ngOnDestroy(){super.ngOnDestroy(),this.stateChanges.complete()}registerInput(e){this._chipInput=e,this._chipInput.setDescribedByIds(this._ariaDescribedbyIds),this._elementRef.nativeElement.removeAttribute("aria-describedby")}onContainerClick(e){!this.disabled&&!this._originatesFromChip(e)&&this.focus()}focus(){if(!(this.disabled||this._chipInput?.focused)){if(!this._chips.length||this._chips.first.disabled){if(!this._chipInput)return;Promise.resolve().then(()=>this._chipInput.focus())}else{let e=this._keyManager.activeItem;e?e.focus():this._keyManager.setFirstItemActive()}this.stateChanges.next()}}get describedByIds(){if(this._chipInput)return this._chipInput.describedByIds||[];let e=this._elementRef.nativeElement.getAttribute("aria-describedby");return e?e.split(" "):[]}setDescribedByIds(e){this._ariaDescribedbyIds=e,this._chipInput?this._chipInput.setDescribedByIds(e):e.length?this._elementRef.nativeElement.setAttribute("aria-describedby",e.join(" ")):this._elementRef.nativeElement.removeAttribute("aria-describedby")}writeValue(e){this._value=e}registerOnChange(e){this._onChange=e}registerOnTouched(e){this._onTouched=e}setDisabledState(e){this.disabled=e,this.stateChanges.next()}updateErrorState(){this._errorStateTracker.updateErrorState()}_blur(){this.disabled||setTimeout(()=>{this.focused||(this._propagateChanges(),this._markAsTouched())})}_allowFocusEscape(){this._chipInput?.focused||super._allowFocusEscape()}_handleKeydown(e){let i=e.keyCode,t=this._keyManager.activeItem;if(i===9)this._chipInput?.focused&&me(e,"shiftKey")&&this._chips.length&&!this._chips.last.disabled?(e.preventDefault(),t?this._keyManager.setActiveItem(t):this._focusLastChip()):super._allowFocusEscape();else if(!this._chipInput?.focused)if((i===38||i===40)&&t){let a=this._chipActions.filter(y=>y._isPrimary===t._isPrimary&&!this._skipPredicate(y)),c=a.indexOf(t),s=e.keyCode===38?-1:1;e.preventDefault(),c>-1&&this._isValidIndex(c+s)&&this._keyManager.setActiveItem(a[c+s])}else super._handleKeydown(e);this.stateChanges.next()}_focusLastChip(){this._chips.length&&this._chips.last.focus()}_propagateChanges(){let e=this._chips.length?this._chips.toArray().map(i=>i.value):[];this._value=e,this.change.emit(new Oe(this,e)),this.valueChange.emit(e),this._onChange(e),this._changeDetectorRef.markForCheck()}_markAsTouched(){this._onTouched(),this._changeDetectorRef.markForCheck(),this.stateChanges.next()}static \u0275fac=function(i){return new(i||n)};static \u0275cmp=R({type:n,selectors:[["mat-chip-grid"]],contentQueries:function(i,t,a){if(i&1&&$(a,Ve,5),i&2){let c;v(c=b())&&(t._chips=c)}},hostAttrs:[1,"mat-mdc-chip-set","mat-mdc-chip-grid","mdc-evolution-chip-set"],hostVars:10,hostBindings:function(i,t){i&1&&p("focus",function(){return t.focus()})("blur",function(){return t._blur()}),i&2&&(C("role",t.role)("tabindex",t.disabled||t._chips&&t._chips.length===0?-1:t.tabIndex)("aria-disabled",t.disabled.toString())("aria-invalid",t.errorState),S("mat-mdc-chip-list-disabled",t.disabled)("mat-mdc-chip-list-invalid",t.errorState)("mat-mdc-chip-list-required",t.required))},inputs:{disabled:[2,"disabled","disabled",u],placeholder:"placeholder",required:[2,"required","required",u],value:"value",errorStateMatcher:"errorStateMatcher"},outputs:{change:"change",valueChange:"valueChange"},features:[U([{provide:bt,useExisting:n}]),Z],ngContentSelectors:ni,decls:2,vars:0,consts:[["role","presentation",1,"mdc-evolution-chip-set__chips"]],template:function(i,t){i&1&&(H(),Ie(0,"div",0),w(1),Ee())},styles:[Vi],encapsulation:2,changeDetection:0})}return n})(),di=(()=>{class n{_elementRef=l(O);focused=!1;get chipGrid(){return this._chipGrid}set chipGrid(e){e&&(this._chipGrid=e,this._chipGrid.registerInput(this))}_chipGrid;addOnBlur=!1;separatorKeyCodes;chipEnd=new T;placeholder="";id=l(W).getId("mat-mdc-chip-list-input-");get disabled(){return this._disabled||this._chipGrid&&this._chipGrid.disabled}set disabled(e){this._disabled=e}_disabled=!1;readonly=!1;disabledInteractive;get empty(){return!this.inputElement.value}inputElement;constructor(){let e=l(ai),i=l(gt,{optional:!0});this.inputElement=this._elementRef.nativeElement,this.separatorKeyCodes=e.separatorKeyCodes,this.disabledInteractive=e.inputDisabledInteractive??!1,i&&this.inputElement.classList.add("mat-mdc-form-field-input-control")}ngOnChanges(){this._chipGrid.stateChanges.next()}ngOnDestroy(){this.chipEnd.complete()}_keydown(e){this.empty&&e.keyCode===8?(e.repeat||this._chipGrid._focusLastChip(),e.preventDefault()):this._emitChipEnd(e)}_blur(){this.addOnBlur&&this._emitChipEnd(),this.focused=!1,this._chipGrid.focused||this._chipGrid._blur(),this._chipGrid.stateChanges.next()}_focus(){this.focused=!0,this._chipGrid.stateChanges.next()}_emitChipEnd(e){(!e||this._isSeparatorKey(e)&&!e.repeat)&&(this.chipEnd.emit({input:this.inputElement,value:this.inputElement.value,chipInput:this}),e?.preventDefault())}_onInput(){this._chipGrid.stateChanges.next()}focus(){this.inputElement.focus()}clear(){this.inputElement.value=""}get describedByIds(){return this._elementRef.nativeElement.getAttribute("aria-describedby")?.split(" ")||[]}setDescribedByIds(e){let i=this._elementRef.nativeElement;e.length?i.setAttribute("aria-describedby",e.join(" ")):i.removeAttribute("aria-describedby")}_isSeparatorKey(e){if(!this.separatorKeyCodes)return!1;for(let i of this.separatorKeyCodes){let t,a;typeof i=="number"?(t=i,a=null):(t=i.keyCode,a=i.modifiers);let c=a?.length?me(e,...a):!me(e);if(t===e.keyCode&&c)return!0}return!1}_getReadonlyAttribute(){return this.readonly||this.disabled&&this.disabledInteractive?"true":null}static \u0275fac=function(i){return new(i||n)};static \u0275dir=q({type:n,selectors:[["input","matChipInputFor",""]],hostAttrs:[1,"mat-mdc-chip-input","mat-mdc-input-element","mdc-text-field__input","mat-input-element"],hostVars:8,hostBindings:function(i,t){i&1&&p("keydown",function(c){return t._keydown(c)})("blur",function(){return t._blur()})("focus",function(){return t._focus()})("input",function(){return t._onInput()}),i&2&&(K("id",t.id),C("disabled",t.disabled&&!t.disabledInteractive?"":null)("placeholder",t.placeholder||null)("aria-invalid",t._chipGrid&&t._chipGrid.ngControl?t._chipGrid.ngControl.invalid:null)("aria-required",t._chipGrid&&t._chipGrid.required||null)("aria-disabled",t.disabled&&t.disabledInteractive?"true":null)("readonly",t._getReadonlyAttribute())("required",t._chipGrid&&t._chipGrid.required||null))},inputs:{chipGrid:[0,"matChipInputFor","chipGrid"],addOnBlur:[2,"matChipInputAddOnBlur","addOnBlur",u],separatorKeyCodes:[0,"matChipInputSeparatorKeyCodes","separatorKeyCodes"],placeholder:"placeholder",id:"id",disabled:[2,"disabled","disabled",u],readonly:[2,"readonly","readonly",u],disabledInteractive:[2,"matChipInputDisabledInteractive","disabledInteractive",u]},outputs:{chipEnd:"matChipInputTokenEnd"},exportAs:["matChipInput","matChipInputFor"],features:[se]})}return n})();var si=(()=>{class n{static \u0275fac=function(i){return new(i||n)};static \u0275mod=le({type:n});static \u0275inj=re({providers:[Ae,{provide:ai,useValue:{separatorKeyCodes:[13]}}],imports:[ot,pe]})}return n})();var Ui=(n,h)=>h.name;function ji(n,h){if(n&1&&(o(0,"div",15)(1,"mat-icon"),m(2,"info"),r(),o(3,"span"),m(4),r()()),n&2){let e,i=D();d(4),f((e=i.strings().page)==null||e.acl==null?null:e.acl.defaultUserWarning)}}function qi(n,h){if(n&1&&(o(0,"mat-hint"),m(1),r()),n&2){let e,i=D(2);d(),f((e=i.strings().page)==null||e.acl==null?null:e.acl.passwordHint)}}function Ni(n,h){if(n&1){let e=N();o(0,"mat-form-field",13)(1,"mat-label"),m(2),r(),o(3,"input",30),te("ngModelChange",function(t){E(e);let a=D();return ee(a.password,t)||(a.password=t),M(t)}),r(),k(4,qi,2,1,"mat-hint"),r()}if(n&2){let e,i=D();d(2),f((e=i.strings().page)==null||e.acl==null?null:e.acl.password),d(),J("ngModel",i.password),d(),x(i.data.isNew?-1:4)}}function Ki(n,h){if(n&1){let e=N();o(0,"mat-chip-row",31),p("removed",function(){let t=E(e).$implicit,a=D();return M(a.removeChip(a.commandsList,t))}),m(1),o(2,"button",32)(3,"mat-icon"),m(4,"cancel"),r()()()}if(n&2){let e=h.$implicit;S("p3xr-chip-deny",e.startsWith("-")),_("highlighted",!0),d(),G(" ",e," ")}}function Wi(n,h){if(n&1&&(o(0,"mat-option",25),m(1),r()),n&2){let e=h.$implicit;_("value",e),d(),f(e)}}function Qi(n,h){if(n&1&&(o(0,"mat-optgroup",22),B(1,Wi,2,2,"mat-option",25,V),r()),n&2){let e=h.$implicit;_("label",e.name),d(),P(e.options)}}function Xi(n,h){if(n&1){let e=N();o(0,"mat-chip-row",31),p("removed",function(){let t=E(e).$implicit,a=D();return M(a.removeChip(a.keysList,t))}),m(1),o(2,"button",32)(3,"mat-icon"),m(4,"cancel"),r()()()}if(n&2){let e=h.$implicit;_("highlighted",!0),d(),G(" ",e," ")}}function Zi(n,h){if(n&1&&(o(0,"mat-option",25),m(1),r()),n&2){let e=h.$implicit;_("value",e),d(),f(e)}}function $i(n,h){if(n&1){let e=N();o(0,"mat-chip-row",31),p("removed",function(){let t=E(e).$implicit,a=D();return M(a.removeChip(a.channelsList,t))}),m(1),o(2,"button",32)(3,"mat-icon"),m(4,"cancel"),r()()()}if(n&2){let e=h.$implicit;_("highlighted",!0),d(),G(" ",e," ")}}function Yi(n,h){if(n&1&&(o(0,"mat-option",25),m(1),r()),n&2){let e=h.$implicit;_("value",e),d(),f(e)}}function Ji(n,h){if(n&1&&(o(0,"span"),m(1),r()),n&2){let e,i=D();d(),f((e=i.strings().intention)==null?null:e.save)}}var fa=(()=>{class n{data;dialogRef;breakpointObserver;i18n;common;cdr;strings;username;enabled=!0;nopass=!1;password="";commandsList=[];keysList=[];channelsList=[];isWide=!0;separatorKeys=[13,188,32];cmdGroupDefs=[{key:"groupCommon",options:["+@all","-@all","+@read","-@read","+@write","-@write","+@admin","-@admin","+@dangerous","-@dangerous"]},{key:"groupDataTypes",options:["+@string","+@hash","+@list","+@set","+@sortedset","+@stream","+@geo","+@bitmap","+@hyperloglog"]},{key:"groupOperations",options:["+@keyspace","+@pubsub","+@connection","+@transaction","+@scripting","+@fast","+@slow","+@blocking"]}];allKeyOptions=["~*","%R~*","%W~*","resetkeys"];allChanOptions=["&*","resetchannels"];filteredCmdGroups=[];filteredKeyOptions=[];filteredChanOptions=[];constructor(e,i,t,a,c,s){this.data=e,this.dialogRef=i,this.breakpointObserver=t,this.i18n=a,this.common=c,this.cdr=s,this.strings=this.i18n.strings,this.username=e.username,this.parseRules(e.rules),this.breakpointObserver.observe("(min-width: 600px)").subscribe(y=>{this.isWide=y.matches,this.cdr.markForCheck()})}filterOptions(e,i){let t=i?i.target.value.toLowerCase():"";if(e==="cmd"){let a=this.strings()?.page?.acl||{};this.filteredCmdGroups=this.cmdGroupDefs.map(c=>({name:a[c.key]||c.key,options:c.options.filter(s=>!this.commandsList.includes(s)&&s.toLowerCase().includes(t))})).filter(c=>c.options.length>0)}else e==="key"?this.filteredKeyOptions=this.allKeyOptions.filter(a=>!this.keysList.includes(a)&&a.toLowerCase().includes(t)):this.filteredChanOptions=this.allChanOptions.filter(a=>!this.channelsList.includes(a)&&a.toLowerCase().includes(t))}selectAutocomplete(e,i,t){let a=i.option.viewValue;a&&!e.includes(a)&&e.push(a),t.value="",this.filterOptions(e===this.commandsList?"cmd":e===this.keysList?"key":"chan",null)}addChip(e,i){let t=(i.value||"").trim();t&&!e.includes(t)&&e.push(t),i.chipInput.clear()}removeChip(e,i){let t=e.indexOf(i);t>=0&&e.splice(t,1)}parseRules(e){let i=e.trim().split(/\s+/).filter(Boolean);for(let t of i)if(t==="on")this.enabled=!0;else if(t==="off")this.enabled=!1;else if(t==="nopass")this.nopass=!0;else{if(t.startsWith(">")||t.startsWith("<")||t.startsWith("#")||t==="resetpass"||t==="sanitize-payload"||t==="skip-sanitize-payload")continue;t.startsWith("+")||t.startsWith("-")||t==="allcommands"||t==="nocommands"?this.commandsList.push(t):t.startsWith("~")||t.startsWith("%")||t==="allkeys"||t==="resetkeys"?this.keysList.push(t):(t.startsWith("&")||t==="allchannels"||t==="resetchannels")&&this.channelsList.push(t)}}onSave(){return Ge(this,null,function*(){let e=this.username?.trim();if(!e)return;try{yield this.common.confirm({message:this.strings().intention?.areYouSure})}catch(t){return}let i=[this.enabled?"on":"off"];this.data.isNew?this.nopass?i.push("nopass"):this.password.trim()&&i.push(">"+this.password.trim()):(i.push("nocommands","resetkeys","resetchannels"),this.nopass?i.push("resetpass","nopass"):this.password.trim()&&i.push("resetpass",">"+this.password.trim())),i.push(...this.commandsList,...this.keysList,...this.channelsList),this.dialogRef.close({username:e,rules:i})})}onCancel(){this.dialogRef.close(void 0)}static \u0275fac=function(i){return new(i||n)(z(lt),z(st),z(Je),z(Lt),z(Gt),z(j))};static \u0275cmp=R({type:n,selectors:[["p3xr-acl-user-dialog"]],decls:70,vars:29,consts:[["cmdGrid",""],["cmdInput",""],["cmdAuto","matAutocomplete"],["keyGrid",""],["keyInput",""],["keyAuto","matAutocomplete"],["chanGrid",""],["chanInput",""],["chanAuto","matAutocomplete"],[1,"p3xr-dialog-toolbar","p3xr-mat-layout-strong"],["mat-dialog-title","",1,"p3xr-dialog-title"],["mat-icon-button","","type","button",3,"click"],[1,"p3xr-dialog-content"],[1,"md-block"],["matInput","",3,"ngModelChange","ngModel","disabled"],[1,"p3xr-acl-default-warning"],[2,"margin-bottom","16px"],[3,"ngModelChange","ngModel"],[2,"margin-bottom","12px"],[3,"highlighted","p3xr-chip-deny"],["matInput","","placeholder","+@all, -@dangerous, +get ...",3,"matChipInputTokenEnd","input","focus","matChipInputFor","matChipInputSeparatorKeyCodes","matAutocomplete"],[3,"optionSelected"],[3,"label"],[3,"highlighted"],["matInput","","placeholder","~*, ~user:* ...",3,"matChipInputTokenEnd","input","focus","matChipInputFor","matChipInputSeparatorKeyCodes","matAutocomplete"],[3,"value"],["matInput","","placeholder","&*, ¬ifications:* ...",3,"matChipInputTokenEnd","input","focus","matChipInputFor","matChipInputSeparatorKeyCodes","matAutocomplete"],[1,"p3xr-dialog-actions"],[3,"cancel"],["mat-raised-button","","type","button",1,"btn-primary",3,"click","disabled","matTooltip","matTooltipDisabled"],["matInput","","type","password","autocomplete","new-password",3,"ngModelChange","ngModel"],[3,"removed","highlighted"],["matChipRemove",""]],template:function(i,t){if(i&1){let a=N();o(0,"mat-toolbar",9)(1,"span",10),m(2),r(),o(3,"button",11),p("click",function(){return t.onCancel()}),o(4,"mat-icon"),m(5,"close"),r()()(),o(6,"mat-dialog-content",12)(7,"mat-form-field",13)(8,"mat-label"),m(9),r(),o(10,"input",14),te("ngModelChange",function(s){return E(a),ee(t.username,s)||(t.username=s),M(s)}),r()(),k(11,ji,5,1,"div",15),o(12,"div",16)(13,"mat-slide-toggle",17),te("ngModelChange",function(s){return E(a),ee(t.enabled,s)||(t.enabled=s),M(s)}),m(14),r()(),o(15,"div",18)(16,"mat-checkbox",17),te("ngModelChange",function(s){return E(a),ee(t.nopass,s)||(t.nopass=s),M(s)}),m(17),r()(),k(18,Ni,5,3,"mat-form-field",13),o(19,"mat-form-field",13)(20,"mat-label"),m(21),r(),o(22,"mat-chip-grid",null,0),B(24,Ki,5,4,"mat-chip-row",19,V),r(),o(26,"input",20,1),p("matChipInputTokenEnd",function(s){return t.addChip(t.commandsList,s)})("input",function(s){return t.filterOptions("cmd",s)})("focus",function(){return t.filterOptions("cmd",null)}),r(),o(28,"mat-autocomplete",21,2),p("optionSelected",function(s){E(a);let y=I(27);return M(t.selectAutocomplete(t.commandsList,s,y))}),B(30,Qi,3,1,"mat-optgroup",22,Ui),r(),o(32,"mat-hint"),m(33),r()(),o(34,"mat-form-field",13)(35,"mat-label"),m(36),r(),o(37,"mat-chip-grid",null,3),B(39,Xi,5,2,"mat-chip-row",23,V),r(),o(41,"input",24,4),p("matChipInputTokenEnd",function(s){return t.addChip(t.keysList,s)})("input",function(s){return t.filterOptions("key",s)})("focus",function(){return t.filterOptions("key",null)}),r(),o(43,"mat-autocomplete",21,5),p("optionSelected",function(s){E(a);let y=I(42);return M(t.selectAutocomplete(t.keysList,s,y))}),B(45,Zi,2,2,"mat-option",25,V),r(),o(47,"mat-hint"),m(48),r()(),o(49,"mat-form-field",13)(50,"mat-label"),m(51),r(),o(52,"mat-chip-grid",null,6),B(54,$i,5,2,"mat-chip-row",23,V),r(),o(56,"input",26,7),p("matChipInputTokenEnd",function(s){return t.addChip(t.channelsList,s)})("input",function(s){return t.filterOptions("chan",s)})("focus",function(){return t.filterOptions("chan",null)}),r(),o(58,"mat-autocomplete",21,8),p("optionSelected",function(s){E(a);let y=I(57);return M(t.selectAutocomplete(t.channelsList,s,y))}),B(60,Yi,2,2,"mat-option",25,V),r(),o(62,"mat-hint"),m(63),r()()(),o(64,"mat-dialog-actions",27)(65,"p3xr-dialog-cancel",28),p("cancel",function(){return t.onCancel()}),r(),o(66,"button",29),p("click",function(){return t.onSave()}),o(67,"mat-icon"),m(68,"done"),r(),k(69,Ji,2,1,"span"),r()()}if(i&2){let a,c,s,y,_e,ve,be,ge,fe,ye,He,li=I(23),hi=I(29),mi=I(38),pi=I(44),ui=I(53),_i=I(59);d(2),G(" ",t.data.isNew?(a=t.strings().page)==null||a.acl==null?null:a.acl.createUser:(a=t.strings().page)==null||a.acl==null?null:a.acl.editUser," "),d(7),f((c=t.strings().page)==null||c.acl==null?null:c.acl.username),d(),J("ngModel",t.username),_("disabled",!t.data.isNew),d(),x(t.username==="default"?11:-1),d(2),J("ngModel",t.enabled),d(),G(" ",(s=t.strings().page)==null||s.acl==null?null:s.acl.enabled," "),d(2),J("ngModel",t.nopass),d(),G(" ",(y=t.strings().page)==null||y.acl==null?null:y.acl.noPassword," "),d(),x(t.nopass?-1:18),d(3),f((_e=t.strings().page)==null||_e.acl==null?null:_e.acl.commands),d(3),P(t.commandsList),d(2),_("matChipInputFor",li)("matChipInputSeparatorKeyCodes",t.separatorKeys)("matAutocomplete",hi),d(4),P(t.filteredCmdGroups),d(3),f((ve=t.strings().page)==null||ve.acl==null?null:ve.acl.commandsHint),d(3),f((be=t.strings().page)==null||be.acl==null?null:be.acl.keys),d(3),P(t.keysList),d(2),_("matChipInputFor",mi)("matChipInputSeparatorKeyCodes",t.separatorKeys)("matAutocomplete",pi),d(4),P(t.filteredKeyOptions),d(3),f((ge=t.strings().page)==null||ge.acl==null?null:ge.acl.keysHint),d(3),f((fe=t.strings().page)==null||fe.acl==null?null:fe.acl.channels),d(3),P(t.channelsList),d(2),_("matChipInputFor",ui)("matChipInputSeparatorKeyCodes",t.separatorKeys)("matAutocomplete",_i),d(4),P(t.filteredChanOptions),d(3),f((ye=t.strings().page)==null||ye.acl==null?null:ye.acl.channelsHint),d(3),_("disabled",!(t.username!=null&&t.username.trim()))("matTooltip",(He=t.strings().intention)==null?null:He.save)("matTooltipDisabled",t.isWide),d(3),x(t.isWide?69:-1)}},dependencies:[Tt,Ct,Mt,Dt,ut,ht,pt,mt,yt,ft,_t,vt,Ht,Vt,dt,rt,ct,Rt,Ft,Bt,Ot,xt,kt,qt,jt,$t,Te,si,ri,di,oi,Ve,Xt,Wt,Kt,Nt,Qt,Pt],styles:[".md-block[_ngcontent-%COMP%]{width:100%}.p3xr-acl-default-warning[_ngcontent-%COMP%]{display:flex;align-items:flex-start;gap:8px;padding:12px;margin-bottom:16px;border-radius:4px;background-color:var(--p3xr-btn-warn-bg);color:var(--p3xr-btn-warn-color);font-size:13px;line-height:1.4}.p3xr-acl-default-warning[_ngcontent-%COMP%] mat-icon[_ngcontent-%COMP%]{flex-shrink:0}mat-chip-row[_ngcontent-%COMP%]{font-size:13px;--mdc-chip-elevated-container-color: var(--p3xr-btn-primary-bg) !important;--mdc-chip-label-text-color: var(--p3xr-btn-primary-color) !important;--mat-chip-elevated-selected-container-color: var(--p3xr-btn-primary-bg) !important;--mat-chip-selected-label-text-color: var(--p3xr-btn-primary-color) !important;--mat-chip-selected-trailing-icon-color: var(--p3xr-btn-primary-color) !important}.p3xr-chip-deny[_ngcontent-%COMP%]{--mdc-chip-elevated-container-color: var(--p3xr-btn-warn-bg) !important;--mdc-chip-label-text-color: var(--p3xr-btn-warn-color) !important;--mat-chip-elevated-selected-container-color: var(--p3xr-btn-warn-bg) !important;--mat-chip-selected-label-text-color: var(--p3xr-btn-warn-color) !important;--mat-chip-selected-trailing-icon-color: var(--p3xr-btn-warn-color) !important}"]})}return n})();export{fa as AclUserDialogComponent};