"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3597],{53597:function(e,a,o){o.d(a,{Z:function(){return R}});var t=o(1048),l=o(32793),r=o(67294),i=o(90512),n=o(15463),c=o(50382),s=o(26885),d=o(85893),p=(0,s.Z)((0,d.jsx)("path",{d:"M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z"}),"Cancel"),v=o(82216),m=o(9448),u=o(85519),b=o(62753),g=o(2005),$=o(45154),h=o(22104);function C(e){return(0,h.Z)("MuiChip",e)}let y=(0,$.Z)("MuiChip",["root","sizeSmall","sizeMedium","colorError","colorInfo","colorPrimary","colorSecondary","colorSuccess","colorWarning","disabled","clickable","clickableColorPrimary","clickableColorSecondary","deletable","deletableColorPrimary","deletableColorSecondary","outlined","filled","outlinedPrimary","outlinedSecondary","filledPrimary","filledSecondary","avatar","avatarSmall","avatarMedium","avatarColorPrimary","avatarColorSecondary","icon","iconSmall","iconMedium","iconColorPrimary","iconColorSecondary","label","labelSmall","labelMedium","deleteIcon","deleteIconSmall","deleteIconMedium","deleteIconColorPrimary","deleteIconColorSecondary","deleteIconOutlinedColorPrimary","deleteIconOutlinedColorSecondary","deleteIconFilledColorPrimary","deleteIconFilledColorSecondary","focusVisible"]),f=["avatar","className","clickable","color","component","deleteIcon","disabled","icon","label","onClick","onDelete","onKeyDown","onKeyUp","size","variant","tabIndex","skipFocusWhenDisabled"],Z=e=>{let{classes:a,disabled:o,size:t,color:l,iconColor:r,onDelete:i,clickable:c,variant:s}=e,d={root:["root",s,o&&"disabled",`size${(0,m.Z)(t)}`,`color${(0,m.Z)(l)}`,c&&"clickable",c&&`clickableColor${(0,m.Z)(l)}`,i&&"deletable",i&&`deletableColor${(0,m.Z)(l)}`,`${s}${(0,m.Z)(l)}`],label:["label",`label${(0,m.Z)(t)}`],avatar:["avatar",`avatar${(0,m.Z)(t)}`,`avatarColor${(0,m.Z)(l)}`],icon:["icon",`icon${(0,m.Z)(t)}`,`iconColor${(0,m.Z)(r)}`],deleteIcon:["deleteIcon",`deleteIcon${(0,m.Z)(t)}`,`deleteIconColor${(0,m.Z)(l)}`,`deleteIcon${(0,m.Z)(s)}Color${(0,m.Z)(l)}`]};return(0,n.Z)(d,C,a)},k=(0,g.ZP)("div",{name:"MuiChip",slot:"Root",overridesResolver:(e,a)=>{let{ownerState:o}=e,{color:t,iconColor:l,clickable:r,onDelete:i,size:n,variant:c}=o;return[{[`& .${y.avatar}`]:a.avatar},{[`& .${y.avatar}`]:a[`avatar${(0,m.Z)(n)}`]},{[`& .${y.avatar}`]:a[`avatarColor${(0,m.Z)(t)}`]},{[`& .${y.icon}`]:a.icon},{[`& .${y.icon}`]:a[`icon${(0,m.Z)(n)}`]},{[`& .${y.icon}`]:a[`iconColor${(0,m.Z)(l)}`]},{[`& .${y.deleteIcon}`]:a.deleteIcon},{[`& .${y.deleteIcon}`]:a[`deleteIcon${(0,m.Z)(n)}`]},{[`& .${y.deleteIcon}`]:a[`deleteIconColor${(0,m.Z)(t)}`]},{[`& .${y.deleteIcon}`]:a[`deleteIcon${(0,m.Z)(c)}Color${(0,m.Z)(t)}`]},a.root,a[`size${(0,m.Z)(n)}`],a[`color${(0,m.Z)(t)}`],r&&a.clickable,r&&"default"!==t&&a[`clickableColor${(0,m.Z)(t)})`],i&&a.deletable,i&&"default"!==t&&a[`deletableColor${(0,m.Z)(t)}`],a[c],a[`${c}${(0,m.Z)(t)}`]]}})(({theme:e,ownerState:a})=>{let o="light"===e.palette.mode?e.palette.grey[700]:e.palette.grey[300];return(0,l.Z)({maxWidth:"100%",fontFamily:e.typography.fontFamily,fontSize:e.typography.pxToRem(13),display:"inline-flex",alignItems:"center",justifyContent:"center",height:32,color:(e.vars||e).palette.text.primary,backgroundColor:(e.vars||e).palette.action.selected,borderRadius:16,whiteSpace:"nowrap",transition:e.transitions.create(["background-color","box-shadow"]),cursor:"unset",outline:0,textDecoration:"none",border:0,padding:0,verticalAlign:"middle",boxSizing:"border-box",[`&.${y.disabled}`]:{opacity:(e.vars||e).palette.action.disabledOpacity,pointerEvents:"none"},[`& .${y.avatar}`]:{marginLeft:5,marginRight:-6,width:24,height:24,color:e.vars?e.vars.palette.Chip.defaultAvatarColor:o,fontSize:e.typography.pxToRem(12)},[`& .${y.avatarColorPrimary}`]:{color:(e.vars||e).palette.primary.contrastText,backgroundColor:(e.vars||e).palette.primary.dark},[`& .${y.avatarColorSecondary}`]:{color:(e.vars||e).palette.secondary.contrastText,backgroundColor:(e.vars||e).palette.secondary.dark},[`& .${y.avatarSmall}`]:{marginLeft:4,marginRight:-4,width:18,height:18,fontSize:e.typography.pxToRem(10)},[`& .${y.icon}`]:(0,l.Z)({marginLeft:5,marginRight:-6},"small"===a.size&&{fontSize:18,marginLeft:4,marginRight:-4},a.iconColor===a.color&&(0,l.Z)({color:e.vars?e.vars.palette.Chip.defaultIconColor:o},"default"!==a.color&&{color:"inherit"})),[`& .${y.deleteIcon}`]:(0,l.Z)({WebkitTapHighlightColor:"transparent",color:e.vars?`rgba(${e.vars.palette.text.primaryChannel} / 0.26)`:(0,c.Fq)(e.palette.text.primary,.26),fontSize:22,cursor:"pointer",margin:"0 5px 0 -6px","&:hover":{color:e.vars?`rgba(${e.vars.palette.text.primaryChannel} / 0.4)`:(0,c.Fq)(e.palette.text.primary,.4)}},"small"===a.size&&{fontSize:16,marginRight:4,marginLeft:-4},"default"!==a.color&&{color:e.vars?`rgba(${e.vars.palette[a.color].contrastTextChannel} / 0.7)`:(0,c.Fq)(e.palette[a.color].contrastText,.7),"&:hover, &:active":{color:(e.vars||e).palette[a.color].contrastText}})},"small"===a.size&&{height:24},"default"!==a.color&&{backgroundColor:(e.vars||e).palette[a.color].main,color:(e.vars||e).palette[a.color].contrastText},a.onDelete&&{[`&.${y.focusVisible}`]:{backgroundColor:e.vars?`rgba(${e.vars.palette.action.selectedChannel} / calc(${e.vars.palette.action.selectedOpacity} + ${e.vars.palette.action.focusOpacity}))`:(0,c.Fq)(e.palette.action.selected,e.palette.action.selectedOpacity+e.palette.action.focusOpacity)}},a.onDelete&&"default"!==a.color&&{[`&.${y.focusVisible}`]:{backgroundColor:(e.vars||e).palette[a.color].dark}})},({theme:e,ownerState:a})=>(0,l.Z)({},a.clickable&&{userSelect:"none",WebkitTapHighlightColor:"transparent",cursor:"pointer","&:hover":{backgroundColor:e.vars?`rgba(${e.vars.palette.action.selectedChannel} / calc(${e.vars.palette.action.selectedOpacity} + ${e.vars.palette.action.hoverOpacity}))`:(0,c.Fq)(e.palette.action.selected,e.palette.action.selectedOpacity+e.palette.action.hoverOpacity)},[`&.${y.focusVisible}`]:{backgroundColor:e.vars?`rgba(${e.vars.palette.action.selectedChannel} / calc(${e.vars.palette.action.selectedOpacity} + ${e.vars.palette.action.focusOpacity}))`:(0,c.Fq)(e.palette.action.selected,e.palette.action.selectedOpacity+e.palette.action.focusOpacity)},"&:active":{boxShadow:(e.vars||e).shadows[1]}},a.clickable&&"default"!==a.color&&{[`&:hover, &.${y.focusVisible}`]:{backgroundColor:(e.vars||e).palette[a.color].dark}}),({theme:e,ownerState:a})=>(0,l.Z)({},"outlined"===a.variant&&{backgroundColor:"transparent",border:e.vars?`1px solid ${e.vars.palette.Chip.defaultBorder}`:`1px solid ${"light"===e.palette.mode?e.palette.grey[400]:e.palette.grey[700]}`,[`&.${y.clickable}:hover`]:{backgroundColor:(e.vars||e).palette.action.hover},[`&.${y.focusVisible}`]:{backgroundColor:(e.vars||e).palette.action.focus},[`& .${y.avatar}`]:{marginLeft:4},[`& .${y.avatarSmall}`]:{marginLeft:2},[`& .${y.icon}`]:{marginLeft:4},[`& .${y.iconSmall}`]:{marginLeft:2},[`& .${y.deleteIcon}`]:{marginRight:5},[`& .${y.deleteIconSmall}`]:{marginRight:3}},"outlined"===a.variant&&"default"!==a.color&&{color:(e.vars||e).palette[a.color].main,border:`1px solid ${e.vars?`rgba(${e.vars.palette[a.color].mainChannel} / 0.7)`:(0,c.Fq)(e.palette[a.color].main,.7)}`,[`&.${y.clickable}:hover`]:{backgroundColor:e.vars?`rgba(${e.vars.palette[a.color].mainChannel} / ${e.vars.palette.action.hoverOpacity})`:(0,c.Fq)(e.palette[a.color].main,e.palette.action.hoverOpacity)},[`&.${y.focusVisible}`]:{backgroundColor:e.vars?`rgba(${e.vars.palette[a.color].mainChannel} / ${e.vars.palette.action.focusOpacity})`:(0,c.Fq)(e.palette[a.color].main,e.palette.action.focusOpacity)},[`& .${y.deleteIcon}`]:{color:e.vars?`rgba(${e.vars.palette[a.color].mainChannel} / 0.7)`:(0,c.Fq)(e.palette[a.color].main,.7),"&:hover, &:active":{color:(e.vars||e).palette[a.color].main}}})),I=(0,g.ZP)("span",{name:"MuiChip",slot:"Label",overridesResolver:(e,a)=>{let{ownerState:o}=e,{size:t}=o;return[a.label,a[`label${(0,m.Z)(t)}`]]}})(({ownerState:e})=>(0,l.Z)({overflow:"hidden",textOverflow:"ellipsis",paddingLeft:12,paddingRight:12,whiteSpace:"nowrap"},"outlined"===e.variant&&{paddingLeft:11,paddingRight:11},"small"===e.size&&{paddingLeft:8,paddingRight:8},"small"===e.size&&"outlined"===e.variant&&{paddingLeft:7,paddingRight:7}));function S(e){return"Backspace"===e.key||"Delete"===e.key}let x=r.forwardRef(function(e,a){let o=(0,b.Z)({props:e,name:"MuiChip"}),{avatar:n,className:c,clickable:s,color:m="default",component:g,deleteIcon:$,disabled:h=!1,icon:C,label:y,onClick:x,onDelete:R,onKeyDown:O,onKeyUp:z,size:w="medium",variant:F="filled",tabIndex:L,skipFocusWhenDisabled:P=!1}=o,N=(0,t.Z)(o,f),T=r.useRef(null),V=(0,v.Z)(T,a),E=e=>{e.stopPropagation(),R&&R(e)},M=!1!==s&&!!x||s,q=M||R?u.Z:g||"div",D=(0,l.Z)({},o,{component:q,disabled:h,size:w,color:m,iconColor:r.isValidElement(C)&&C.props.color||m,onDelete:!!R,clickable:M,variant:F}),j=Z(D),W=q===u.Z?(0,l.Z)({component:g||"div",focusVisibleClassName:j.focusVisible},R&&{disableRipple:!0}):{},K=null;R&&(K=$&&r.isValidElement($)?r.cloneElement($,{className:(0,i.Z)($.props.className,j.deleteIcon),onClick:E}):(0,d.jsx)(p,{className:(0,i.Z)(j.deleteIcon),onClick:E}));let _=null;n&&r.isValidElement(n)&&(_=r.cloneElement(n,{className:(0,i.Z)(j.avatar,n.props.className)}));let A=null;return C&&r.isValidElement(C)&&(A=r.cloneElement(C,{className:(0,i.Z)(j.icon,C.props.className)})),(0,d.jsxs)(k,(0,l.Z)({as:q,className:(0,i.Z)(j.root,c),disabled:!!M&&!!h||void 0,onClick:x,onKeyDown:e=>{e.currentTarget===e.target&&S(e)&&e.preventDefault(),O&&O(e)},onKeyUp:e=>{e.currentTarget===e.target&&(R&&S(e)?R(e):"Escape"===e.key&&T.current&&T.current.blur()),z&&z(e)},ref:V,tabIndex:P&&h?-1:L,ownerState:D},W,N,{children:[_||A,(0,d.jsx)(I,{className:(0,i.Z)(j.label),ownerState:D,children:y}),K]}))});var R=x}}]);