2 lines
9.1 KiB
JavaScript
2 lines
9.1 KiB
JavaScript
import{Q as q,f as O,w as G,v as J,t as K,O as e,V as d,z as p,r as u,x as X,y as Y,aO as Z,M as N,D as y,j as h,E as w}from"./index.ef35a7e7.js";const aa=q(O("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");function oa(a){return J("MuiChip",a)}const la=G("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"]),l=la,ea=["avatar","className","clickable","color","component","deleteIcon","disabled","icon","label","onClick","onDelete","onKeyDown","onKeyUp","size","variant","tabIndex","skipFocusWhenDisabled"],ra=a=>{const{classes:o,disabled:n,size:r,color:i,iconColor:g,onDelete:v,clickable:t,variant:s}=a,$={root:["root",s,n&&"disabled",`size${e(r)}`,`color${e(i)}`,t&&"clickable",t&&`clickableColor${e(i)}`,v&&"deletable",v&&`deletableColor${e(i)}`,`${s}${e(i)}`],label:["label",`label${e(r)}`],avatar:["avatar",`avatar${e(r)}`,`avatarColor${e(i)}`],icon:["icon",`icon${e(r)}`,`iconColor${e(g)}`],deleteIcon:["deleteIcon",`deleteIcon${e(r)}`,`deleteIconColor${e(i)}`,`deleteIcon${e(s)}Color${e(i)}`]};return w($,oa,o)},ca=K("div",{name:"MuiChip",slot:"Root",overridesResolver:(a,o)=>{const{ownerState:n}=a,{color:r,iconColor:i,clickable:g,onDelete:v,size:t,variant:s}=n;return[{[`& .${l.avatar}`]:o.avatar},{[`& .${l.avatar}`]:o[`avatar${e(t)}`]},{[`& .${l.avatar}`]:o[`avatarColor${e(r)}`]},{[`& .${l.icon}`]:o.icon},{[`& .${l.icon}`]:o[`icon${e(t)}`]},{[`& .${l.icon}`]:o[`iconColor${e(i)}`]},{[`& .${l.deleteIcon}`]:o.deleteIcon},{[`& .${l.deleteIcon}`]:o[`deleteIcon${e(t)}`]},{[`& .${l.deleteIcon}`]:o[`deleteIconColor${e(r)}`]},{[`& .${l.deleteIcon}`]:o[`deleteIcon${e(s)}Color${e(r)}`]},o.root,o[`size${e(t)}`],o[`color${e(r)}`],g&&o.clickable,g&&r!=="default"&&o[`clickableColor${e(r)})`],v&&o.deletable,v&&r!=="default"&&o[`deletableColor${e(r)}`],o[s],o[`${s}${e(r)}`]]}})(({theme:a,ownerState:o})=>{const n=d(a.palette.text.primary,.26),r=a.palette.mode==="light"?a.palette.grey[700]:a.palette.grey[300];return p({maxWidth:"100%",fontFamily:a.typography.fontFamily,fontSize:a.typography.pxToRem(13),display:"inline-flex",alignItems:"center",justifyContent:"center",height:32,color:(a.vars||a).palette.text.primary,backgroundColor:(a.vars||a).palette.action.selected,borderRadius:32/2,whiteSpace:"nowrap",transition:a.transitions.create(["background-color","box-shadow"]),cursor:"default",outline:0,textDecoration:"none",border:0,padding:0,verticalAlign:"middle",boxSizing:"border-box",[`&.${l.disabled}`]:{opacity:(a.vars||a).palette.action.disabledOpacity,pointerEvents:"none"},[`& .${l.avatar}`]:{marginLeft:5,marginRight:-6,width:24,height:24,color:a.vars?a.vars.palette.Chip.defaultAvatarColor:r,fontSize:a.typography.pxToRem(12)},[`& .${l.avatarColorPrimary}`]:{color:(a.vars||a).palette.primary.contrastText,backgroundColor:(a.vars||a).palette.primary.dark},[`& .${l.avatarColorSecondary}`]:{color:(a.vars||a).palette.secondary.contrastText,backgroundColor:(a.vars||a).palette.secondary.dark},[`& .${l.avatarSmall}`]:{marginLeft:4,marginRight:-4,width:18,height:18,fontSize:a.typography.pxToRem(10)},[`& .${l.icon}`]:p({marginLeft:5,marginRight:-6},o.size==="small"&&{fontSize:18,marginLeft:4,marginRight:-4},o.iconColor===o.color&&p({color:a.vars?a.vars.palette.Chip.defaultIconColor:r},o.color!=="default"&&{color:"inherit"})),[`& .${l.deleteIcon}`]:p({WebkitTapHighlightColor:"transparent",color:a.vars?`rgba(${a.vars.palette.text.primaryChannel} / 0.26)`:n,fontSize:22,cursor:"pointer",margin:"0 5px 0 -6px","&:hover":{color:a.vars?`rgba(${a.vars.palette.text.primaryChannel} / 0.4)`:d(n,.4)}},o.size==="small"&&{fontSize:16,marginRight:4,marginLeft:-4},o.color!=="default"&&{color:a.vars?`rgba(${a.vars.palette[o.color].contrastTextChannel} / 0.7)`:d(a.palette[o.color].contrastText,.7),"&:hover, &:active":{color:(a.vars||a).palette[o.color].contrastText}})},o.size==="small"&&{height:24},o.color!=="default"&&{backgroundColor:(a.vars||a).palette[o.color].main,color:(a.vars||a).palette[o.color].contrastText},o.onDelete&&{[`&.${l.focusVisible}`]:{backgroundColor:a.vars?`rgba(${a.vars.palette.action.selectedChannel} / calc(${a.vars.palette.action.selectedOpacity} + ${a.vars.palette.action.focusOpacity}))`:d(a.palette.action.selected,a.palette.action.selectedOpacity+a.palette.action.focusOpacity)}},o.onDelete&&o.color!=="default"&&{[`&.${l.focusVisible}`]:{backgroundColor:(a.vars||a).palette[o.color].dark}})},({theme:a,ownerState:o})=>p({},o.clickable&&{userSelect:"none",WebkitTapHighlightColor:"transparent",cursor:"pointer","&:hover":{backgroundColor:a.vars?`rgba(${a.vars.palette.action.selectedChannel} / calc(${a.vars.palette.action.selectedOpacity} + ${a.vars.palette.action.hoverOpacity}))`:d(a.palette.action.selected,a.palette.action.selectedOpacity+a.palette.action.hoverOpacity)},[`&.${l.focusVisible}`]:{backgroundColor:a.vars?`rgba(${a.vars.palette.action.selectedChannel} / calc(${a.vars.palette.action.selectedOpacity} + ${a.vars.palette.action.focusOpacity}))`:d(a.palette.action.selected,a.palette.action.selectedOpacity+a.palette.action.focusOpacity)},"&:active":{boxShadow:(a.vars||a).shadows[1]}},o.clickable&&o.color!=="default"&&{[`&:hover, &.${l.focusVisible}`]:{backgroundColor:(a.vars||a).palette[o.color].dark}}),({theme:a,ownerState:o})=>p({},o.variant==="outlined"&&{backgroundColor:"transparent",border:a.vars?`1px solid ${a.vars.palette.Chip.defaultBorder}`:`1px solid ${a.palette.mode==="light"?a.palette.grey[400]:a.palette.grey[700]}`,[`&.${l.clickable}:hover`]:{backgroundColor:(a.vars||a).palette.action.hover},[`&.${l.focusVisible}`]:{backgroundColor:(a.vars||a).palette.action.focus},[`& .${l.avatar}`]:{marginLeft:4},[`& .${l.avatarSmall}`]:{marginLeft:2},[`& .${l.icon}`]:{marginLeft:4},[`& .${l.iconSmall}`]:{marginLeft:2},[`& .${l.deleteIcon}`]:{marginRight:5},[`& .${l.deleteIconSmall}`]:{marginRight:3}},o.variant==="outlined"&&o.color!=="default"&&{color:(a.vars||a).palette[o.color].main,border:`1px solid ${a.vars?`rgba(${a.vars.palette[o.color].mainChannel} / 0.7)`:d(a.palette[o.color].main,.7)}`,[`&.${l.clickable}:hover`]:{backgroundColor:a.vars?`rgba(${a.vars.palette[o.color].mainChannel} / ${a.vars.palette.action.hoverOpacity})`:d(a.palette[o.color].main,a.palette.action.hoverOpacity)},[`&.${l.focusVisible}`]:{backgroundColor:a.vars?`rgba(${a.vars.palette[o.color].mainChannel} / ${a.vars.palette.action.focusOpacity})`:d(a.palette[o.color].main,a.palette.action.focusOpacity)},[`& .${l.deleteIcon}`]:{color:a.vars?`rgba(${a.vars.palette[o.color].mainChannel} / 0.7)`:d(a.palette[o.color].main,.7),"&:hover, &:active":{color:(a.vars||a).palette[o.color].main}}})),ia=K("span",{name:"MuiChip",slot:"Label",overridesResolver:(a,o)=>{const{ownerState:n}=a,{size:r}=n;return[o.label,o[`label${e(r)}`]]}})(({ownerState:a})=>p({overflow:"hidden",textOverflow:"ellipsis",paddingLeft:12,paddingRight:12,whiteSpace:"nowrap"},a.size==="small"&&{paddingLeft:8,paddingRight:8}));function E(a){return a.key==="Backspace"||a.key==="Delete"}const ta=u.exports.forwardRef(function(o,n){const r=X({props:o,name:"MuiChip"}),{avatar:i,className:g,clickable:v,color:t="default",component:s,deleteIcon:$,disabled:k=!1,icon:f,label:S,onClick:P,onDelete:b,onKeyDown:D,onKeyUp:m,size:U="medium",variant:F="filled",tabIndex:W,skipFocusWhenDisabled:j=!1}=r,B=Y(r,ea),x=u.exports.useRef(null),_=Z(x,n),L=c=>{c.stopPropagation(),b&&b(c)},A=c=>{c.currentTarget===c.target&&E(c)&&c.preventDefault(),D&&D(c)},H=c=>{c.currentTarget===c.target&&(b&&E(c)?b(c):c.key==="Escape"&&x.current&&x.current.blur()),m&&m(c)},I=v!==!1&&P?!0:v,z=I||b?N:s||"div",R=p({},r,{component:z,disabled:k,size:U,color:t,iconColor:u.exports.isValidElement(f)&&f.props.color||t,onDelete:!!b,clickable:I,variant:F}),C=ra(R),Q=z===N?p({component:s||"div",focusVisibleClassName:C.focusVisible},b&&{disableRipple:!0}):{};let T=null;b&&(T=$&&u.exports.isValidElement($)?u.exports.cloneElement($,{className:y($.props.className,C.deleteIcon),onClick:L}):O(aa,{className:y(C.deleteIcon),onClick:L}));let V=null;i&&u.exports.isValidElement(i)&&(V=u.exports.cloneElement(i,{className:y(C.avatar,i.props.className)}));let M=null;return f&&u.exports.isValidElement(f)&&(M=u.exports.cloneElement(f,{className:y(C.icon,f.props.className)})),h(ca,p({as:z,className:y(C.root,g),disabled:I&&k?!0:void 0,onClick:P,onKeyDown:A,onKeyUp:H,ref:_,tabIndex:j&&k?-1:W,ownerState:R},Q,B,{children:[V||M,O(ia,{className:y(C.label),ownerState:R,children:S}),T]}))}),sa=ta;export{sa as C};
|