????
Current Path : C:/inetpub/vhost/tracnghiem.gdtsolutions.vn/wwwroot/assets/ |
Current File : C:/inetpub/vhost/tracnghiem.gdtsolutions.vn/wwwroot/assets/Chip-76b2389c.js |
import{av as J,j as I,a as Q,g as X,s as K,c as r,l as p,_ as u,b,u as Y,e as Z,n as w,aC as M,f as k,p as l,h as oo}from"./index-9bcd78a9.js";import{u as ao}from"./unsupportedProp-e368368f.js";const lo=J(I.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");function eo(o){return X("MuiChip",o)}const ro=Q("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"]),e=ro,co=["avatar","className","clickable","color","component","deleteIcon","disabled","icon","label","onClick","onDelete","onKeyDown","onKeyUp","size","variant","tabIndex","skipFocusWhenDisabled"],io=o=>{const{classes:a,disabled:s,size:c,color:n,iconColor:g,onDelete:v,clickable:t,variant:d}=o,$={root:["root",d,s&&"disabled",`size${r(c)}`,`color${r(n)}`,t&&"clickable",t&&`clickableColor${r(n)}`,v&&"deletable",v&&`deletableColor${r(n)}`,`${d}${r(n)}`],label:["label",`label${r(c)}`],avatar:["avatar",`avatar${r(c)}`,`avatarColor${r(n)}`],icon:["icon",`icon${r(c)}`,`iconColor${r(g)}`],deleteIcon:["deleteIcon",`deleteIcon${r(c)}`,`deleteIconColor${r(n)}`,`deleteIcon${r(d)}Color${r(n)}`]};return oo($,eo,a)},no=K("div",{name:"MuiChip",slot:"Root",overridesResolver:(o,a)=>{const{ownerState:s}=o,{color:c,iconColor:n,clickable:g,onDelete:v,size:t,variant:d}=s;return[{[`& .${e.avatar}`]:a.avatar},{[`& .${e.avatar}`]:a[`avatar${r(t)}`]},{[`& .${e.avatar}`]:a[`avatarColor${r(c)}`]},{[`& .${e.icon}`]:a.icon},{[`& .${e.icon}`]:a[`icon${r(t)}`]},{[`& .${e.icon}`]:a[`iconColor${r(n)}`]},{[`& .${e.deleteIcon}`]:a.deleteIcon},{[`& .${e.deleteIcon}`]:a[`deleteIcon${r(t)}`]},{[`& .${e.deleteIcon}`]:a[`deleteIconColor${r(c)}`]},{[`& .${e.deleteIcon}`]:a[`deleteIcon${r(d)}Color${r(c)}`]},a.root,a[`size${r(t)}`],a[`color${r(c)}`],g&&a.clickable,g&&c!=="default"&&a[`clickableColor${r(c)})`],v&&a.deletable,v&&c!=="default"&&a[`deletableColor${r(c)}`],a[d],a[`${d}${r(c)}`]]}})(({theme:o,ownerState:a})=>{const s=p(o.palette.text.primary,.26),c=o.palette.mode==="light"?o.palette.grey[700]:o.palette.grey[300];return u({maxWidth:"100%",fontFamily:o.typography.fontFamily,fontSize:o.typography.pxToRem(13),display:"inline-flex",alignItems:"center",justifyContent:"center",height:32,color:(o.vars||o).palette.text.primary,backgroundColor:(o.vars||o).palette.action.selected,borderRadius:32/2,whiteSpace:"nowrap",transition:o.transitions.create(["background-color","box-shadow"]),cursor:"default",outline:0,textDecoration:"none",border:0,padding:0,verticalAlign:"middle",boxSizing:"border-box",[`&.${e.disabled}`]:{opacity:(o.vars||o).palette.action.disabledOpacity,pointerEvents:"none"},[`& .${e.avatar}`]:{marginLeft:5,marginRight:-6,width:24,height:24,color:o.vars?o.vars.palette.Chip.defaultAvatarColor:c,fontSize:o.typography.pxToRem(12)},[`& .${e.avatarColorPrimary}`]:{color:(o.vars||o).palette.primary.contrastText,backgroundColor:(o.vars||o).palette.primary.dark},[`& .${e.avatarColorSecondary}`]:{color:(o.vars||o).palette.secondary.contrastText,backgroundColor:(o.vars||o).palette.secondary.dark},[`& .${e.avatarSmall}`]:{marginLeft:4,marginRight:-4,width:18,height:18,fontSize:o.typography.pxToRem(10)},[`& .${e.icon}`]:u({marginLeft:5,marginRight:-6},a.size==="small"&&{fontSize:18,marginLeft:4,marginRight:-4},a.iconColor===a.color&&u({color:o.vars?o.vars.palette.Chip.defaultIconColor:c},a.color!=="default"&&{color:"inherit"})),[`& .${e.deleteIcon}`]:u({WebkitTapHighlightColor:"transparent",color:o.vars?`rgba(${o.vars.palette.text.primaryChannel} / 0.26)`:s,fontSize:22,cursor:"pointer",margin:"0 5px 0 -6px","&:hover":{color:o.vars?`rgba(${o.vars.palette.text.primaryChannel} / 0.4)`:p(s,.4)}},a.size==="small"&&{fontSize:16,marginRight:4,marginLeft:-4},a.color!=="default"&&{color:o.vars?`rgba(${o.vars.palette[a.color].contrastTextChannel} / 0.7)`:p(o.palette[a.color].contrastText,.7),"&:hover, &:active":{color:(o.vars||o).palette[a.color].contrastText}})},a.size==="small"&&{height:24},a.color!=="default"&&{backgroundColor:(o.vars||o).palette[a.color].main,color:(o.vars||o).palette[a.color].contrastText},a.onDelete&&{[`&.${e.focusVisible}`]:{backgroundColor:o.vars?`rgba(${o.vars.palette.action.selectedChannel} / calc(${o.vars.palette.action.selectedOpacity} + ${o.vars.palette.action.focusOpacity}))`:p(o.palette.action.selected,o.palette.action.selectedOpacity+o.palette.action.focusOpacity)}},a.onDelete&&a.color!=="default"&&{[`&.${e.focusVisible}`]:{backgroundColor:(o.vars||o).palette[a.color].dark}})},({theme:o,ownerState:a})=>u({},a.clickable&&{userSelect:"none",WebkitTapHighlightColor:"transparent",cursor:"pointer","&:hover":{backgroundColor:o.vars?`rgba(${o.vars.palette.action.selectedChannel} / calc(${o.vars.palette.action.selectedOpacity} + ${o.vars.palette.action.hoverOpacity}))`:p(o.palette.action.selected,o.palette.action.selectedOpacity+o.palette.action.hoverOpacity)},[`&.${e.focusVisible}`]:{backgroundColor:o.vars?`rgba(${o.vars.palette.action.selectedChannel} / calc(${o.vars.palette.action.selectedOpacity} + ${o.vars.palette.action.focusOpacity}))`:p(o.palette.action.selected,o.palette.action.selectedOpacity+o.palette.action.focusOpacity)},"&:active":{boxShadow:(o.vars||o).shadows[1]}},a.clickable&&a.color!=="default"&&{[`&:hover, &.${e.focusVisible}`]:{backgroundColor:(o.vars||o).palette[a.color].dark}}),({theme:o,ownerState:a})=>u({},a.variant==="outlined"&&{backgroundColor:"transparent",border:o.vars?`1px solid ${o.vars.palette.Chip.defaultBorder}`:`1px solid ${o.palette.mode==="light"?o.palette.grey[400]:o.palette.grey[700]}`,[`&.${e.clickable}:hover`]:{backgroundColor:(o.vars||o).palette.action.hover},[`&.${e.focusVisible}`]:{backgroundColor:(o.vars||o).palette.action.focus},[`& .${e.avatar}`]:{marginLeft:4},[`& .${e.avatarSmall}`]:{marginLeft:2},[`& .${e.icon}`]:{marginLeft:4},[`& .${e.iconSmall}`]:{marginLeft:2},[`& .${e.deleteIcon}`]:{marginRight:5},[`& .${e.deleteIconSmall}`]:{marginRight:3}},a.variant==="outlined"&&a.color!=="default"&&{color:(o.vars||o).palette[a.color].main,border:`1px solid ${o.vars?`rgba(${o.vars.palette[a.color].mainChannel} / 0.7)`:p(o.palette[a.color].main,.7)}`,[`&.${e.clickable}:hover`]:{backgroundColor:o.vars?`rgba(${o.vars.palette[a.color].mainChannel} / ${o.vars.palette.action.hoverOpacity})`:p(o.palette[a.color].main,o.palette.action.hoverOpacity)},[`&.${e.focusVisible}`]:{backgroundColor:o.vars?`rgba(${o.vars.palette[a.color].mainChannel} / ${o.vars.palette.action.focusOpacity})`:p(o.palette[a.color].main,o.palette.action.focusOpacity)},[`& .${e.deleteIcon}`]:{color:o.vars?`rgba(${o.vars.palette[a.color].mainChannel} / 0.7)`:p(o.palette[a.color].main,.7),"&:hover, &:active":{color:(o.vars||o).palette[a.color].main}}})),to=K("span",{name:"MuiChip",slot:"Label",overridesResolver:(o,a)=>{const{ownerState:s}=o,{size:c}=s;return[a.label,a[`label${r(c)}`]]}})(({ownerState:o})=>u({overflow:"hidden",textOverflow:"ellipsis",paddingLeft:12,paddingRight:12,whiteSpace:"nowrap"},o.size==="small"&&{paddingLeft:8,paddingRight:8}));function j(o){return o.key==="Backspace"||o.key==="Delete"}const U=b.forwardRef(function(a,s){const c=Y({props:a,name:"MuiChip"}),{avatar:n,className:g,clickable:v,color:t="default",component:d,deleteIcon:$,disabled:x=!1,icon:y,label:F,onClick:D,onDelete:f,onKeyDown:L,onKeyUp:E,size:S="medium",variant:W="filled",tabIndex:h,skipFocusWhenDisabled:B=!1}=c,_=Z(c,co),m=b.useRef(null),A=w(m,s),N=i=>{i.stopPropagation(),f&&f(i)},H=i=>{i.currentTarget===i.target&&j(i)&&i.preventDefault(),L&&L(i)},q=i=>{i.currentTarget===i.target&&(f&&j(i)?f(i):i.key==="Escape"&&m.current&&m.current.blur()),E&&E(i)},O=v!==!1&&D?!0:v,z=O||f?M:d||"div",R=u({},c,{component:z,disabled:x,size:S,color:t,iconColor:b.isValidElement(y)&&y.props.color||t,onDelete:!!f,clickable:O,variant:W}),C=io(R),G=z===M?u({component:d||"div",focusVisibleClassName:C.focusVisible},f&&{disableRipple:!0}):{};let V=null;f&&(V=$&&b.isValidElement($)?b.cloneElement($,{className:k($.props.className,C.deleteIcon),onClick:N}):I.jsx(lo,{className:k(C.deleteIcon),onClick:N}));let T=null;n&&b.isValidElement(n)&&(T=b.cloneElement(n,{className:k(C.avatar,n.props.className)}));let P=null;return y&&b.isValidElement(y)&&(P=b.cloneElement(y,{className:k(C.icon,y.props.className)})),T&&P&&console.error("MUI: The Chip component can not handle the avatar and the icon prop at the same time. Pick one."),I.jsxs(no,u({as:z,className:k(C.root,g),disabled:O&&x?!0:void 0,onClick:D,onKeyDown:H,onKeyUp:q,ref:A,tabIndex:B&&x?-1:h,ownerState:R},G,_,{children:[T||P,I.jsx(to,{className:k(C.label),ownerState:R,children:F}),V]}))});U.propTypes={avatar:l.element,children:ao,classes:l.object,className:l.string,clickable:l.bool,color:l.oneOfType([l.oneOf(["default","primary","secondary","error","info","success","warning"]),l.string]),component:l.elementType,deleteIcon:l.element,disabled:l.bool,icon:l.element,label:l.node,onClick:l.func,onDelete:l.func,onKeyDown:l.func,onKeyUp:l.func,size:l.oneOfType([l.oneOf(["medium","small"]),l.string]),skipFocusWhenDisabled:l.bool,sx:l.oneOfType([l.arrayOf(l.oneOfType([l.func,l.object,l.bool])),l.func,l.object]),tabIndex:l.number,variant:l.oneOfType([l.oneOf(["filled","outlined"]),l.string])};const uo=U;export{uo as C};