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 lines • 9.58 kB
JavaScript
import{i as e}from"./rolldown-runtime-aKtaBQYM.js";import{B as t,E as n,K as r,O as i,P as a,T as o,_ as s,a as c,b as l,i as u,it as d,j as f,k as p,x as m}from"./Box-CN-vzd2M.js";import{o as h}from"./i18n.store-cEFY1tQT.js";import{a as g}from"./KeyboardArrowDown-D7WhzLBq.js";import{t as _}from"./createSimplePaletteValueFilter-Bt9IjErz.js";import{K as v,at as y,nt as b,rt as x}from"./index-B6abhTyw.js";var S=d(),C=e(h(),1);function w(e){return t(`PrivateSwitchBase`,e)}l(`PrivateSwitchBase`,[`root`,`checked`,`disabled`,`input`,`edgeStart`,`edgeEnd`]);var T=e=>{let{classes:t,checked:n,disabled:r,edge:i}=e;return f({root:[`root`,n&&`checked`,r&&`disabled`,i&&`edge${a(i)}`],input:[`input`]},w,t)},E=i(c,{name:`MuiSwitchBase`})({padding:9,borderRadius:`50%`,variants:[{props:{edge:`start`,size:`small`},style:{marginLeft:-3}},{props:({edge:e,ownerState:t})=>e===`start`&&t.size!==`small`,style:{marginLeft:-12}},{props:{edge:`end`,size:`small`},style:{marginRight:-3}},{props:({edge:e,ownerState:t})=>e===`end`&&t.size!==`small`,style:{marginRight:-12}}]}),D=i(`input`,{name:`MuiSwitchBase`,shouldForwardProp:p})({cursor:`inherit`,position:`absolute`,opacity:0,width:`100%`,height:`100%`,top:0,left:0,margin:0,padding:0,zIndex:1}),O=C.forwardRef(function(e,t){let{autoFocus:n,checked:r,checkedIcon:i,defaultChecked:a,disabled:o,disableFocusRipple:s=!1,edge:c=!1,icon:l,id:u,name:d,onBlur:f,onChange:p,onFocus:h,readOnly:_,required:v=!1,tabIndex:y,type:x,value:C,slots:w={},slotProps:O={},...k}=e,{nativeButton:A,...j}=k,[M,N]=g({controlled:r,default:!!a,name:`SwitchBase`,state:`checked`}),P=b(),F=e=>{h&&h(e),P&&P.onFocus&&P.onFocus(e)},I=e=>{f&&f(e),P&&P.onBlur&&P.onBlur(e)},L=e=>{if(e.nativeEvent.defaultPrevented||_)return;let t=e.target.checked;N(t),p&&p(e,t)},R=o;P&&R===void 0&&(R=P.disabled);let z=x===`checkbox`||x===`radio`,B={...e,checked:M,disabled:R,disableFocusRipple:s,edge:c},V=T(B),H={slots:w,slotProps:O},[U,W]=m(`root`,{ref:t,elementType:E,className:V.root,shouldForwardComponentProp:!0,externalForwardedProps:{...H,component:`span`,...j},getSlotProps:e=>({...e,onFocus:t=>{e.onFocus?.(t),F(t)},onBlur:t=>{e.onBlur?.(t),I(t)}}),ownerState:B,additionalProps:{centerRipple:!0,focusRipple:!s,role:void 0,tabIndex:null}}),[G,K]=m(`input`,{elementType:D,className:V.input,externalForwardedProps:H,getSlotProps:e=>({...e,onChange:t=>{e.onChange?.(t),L(t)}}),ownerState:B,additionalProps:{autoFocus:n,checked:r,defaultChecked:a,disabled:R,id:z?u:void 0,name:d,readOnly:_,required:v,tabIndex:y,type:x,...x===`checkbox`&&C===void 0?{}:{value:C}}});return(0,S.jsxs)(U,{...W,children:[(0,S.jsx)(G,{...K}),M?i:l]})});function k(e){return t(`MuiFormControlLabel`,e)}var A=l(`MuiFormControlLabel`,[`root`,`labelPlacementStart`,`labelPlacementTop`,`labelPlacementBottom`,`disabled`,`label`,`error`,`required`,`asterisk`]),j=e=>{let{classes:t,disabled:n,labelPlacement:r,error:i,required:o}=e;return f({root:[`root`,n&&`disabled`,`labelPlacement${a(r)}`,i&&`error`,o&&`required`],label:[`label`,n&&`disabled`],asterisk:[`asterisk`,i&&`error`]},k,t)},M=i(`label`,{name:`MuiFormControlLabel`,slot:`Root`,overridesResolver:(e,t)=>{let{ownerState:n}=e;return[{[`& .${A.label}`]:t.label},t.root,t[`labelPlacement${a(n.labelPlacement)}`]]}})(n(({theme:e})=>({display:`inline-flex`,alignItems:`center`,cursor:`pointer`,verticalAlign:`middle`,WebkitTapHighlightColor:`transparent`,marginLeft:-11,marginRight:16,[`&.${A.disabled}`]:{cursor:`default`},[`& .${A.label}`]:{[`&.${A.disabled}`]:{color:(e.vars||e).palette.text.disabled}},variants:[{props:{labelPlacement:`start`},style:{flexDirection:`row-reverse`,marginRight:-11}},{props:{labelPlacement:`top`},style:{flexDirection:`column-reverse`}},{props:{labelPlacement:`bottom`},style:{flexDirection:`column`}},{props:({labelPlacement:e})=>e===`start`||e===`top`||e===`bottom`,style:{marginLeft:16}}]}))),N=i(`span`,{name:`MuiFormControlLabel`,slot:`Asterisk`})(n(({theme:e})=>({[`&.${A.error}`]:{color:(e.vars||e).palette.error.main}}))),P=C.forwardRef(function(e,t){let n=o({props:e,name:`MuiFormControlLabel`}),{checked:i,className:a,control:s,disabled:c,disableTypography:l,inputRef:u,label:d,labelPlacement:f=`end`,name:p,onChange:h,required:g,slots:_={},slotProps:y={},value:b,...w}=n,[T,E]=x({props:n,states:[`error`]}),D=c??s.props.disabled??E?.disabled,O=g??s.props.required,k={disabled:D,required:O};[`checked`,`name`,`onChange`,`value`,`inputRef`].forEach(e=>{s.props[e]===void 0&&n[e]!==void 0&&(k[e]=n[e])});let A={...n,disabled:D,labelPlacement:f,required:O,error:T.error},P=j(A),[F,I]=m(`typography`,{elementType:v,externalForwardedProps:{slots:_,slotProps:y},ownerState:A}),L=d;return L!=null&&L.type!==v&&!l&&(L=(0,S.jsx)(F,{component:`span`,...I,className:r(P.label,I?.className),children:L})),(0,S.jsxs)(M,{className:r(P.root,a),ownerState:A,ref:t,...w,children:[C.cloneElement(s,k),O?(0,S.jsxs)(`div`,{children:[L,(0,S.jsxs)(N,{ownerState:A,"aria-hidden":!0,className:P.asterisk,children:[` `,`*`]})]}):L]})});function F(e){return t(`MuiSwitch`,e)}var I=l(`MuiSwitch`,[`root`,`edgeStart`,`edgeEnd`,`switchBase`,`colorPrimary`,`colorSecondary`,`sizeSmall`,`sizeMedium`,`checked`,`disabled`,`input`,`thumb`,`track`]),L=e=>{let{classes:t,edge:n,size:r,color:i,checked:o,disabled:s}=e,c=f({root:[`root`,n&&`edge${a(n)}`,`size${a(r)}`],switchBase:[`switchBase`,`color${a(i)}`,o&&`checked`,s&&`disabled`],thumb:[`thumb`],track:[`track`],input:[`input`]},F,t);return{...t,...c}},R=i(`span`,{name:`MuiSwitch`,slot:`Root`,overridesResolver:(e,t)=>{let{ownerState:n}=e;return[t.root,n.edge&&t[`edge${a(n.edge)}`],t[`size${a(n.size)}`]]}})({display:`inline-flex`,width:58,height:38,overflow:`hidden`,padding:12,boxSizing:`border-box`,position:`relative`,flexShrink:0,zIndex:0,verticalAlign:`middle`,"@media print":{colorAdjust:`exact`},variants:[{props:{edge:`start`},style:{marginLeft:-8}},{props:{edge:`end`},style:{marginRight:-8}},{props:{size:`small`},style:{width:40,height:24,padding:7,[`& .${I.thumb}`]:{width:16,height:16},[`& .${I.switchBase}`]:{padding:4,[`&.${I.checked}`]:{transform:`translateX(16px)`}}}}]}),z=i(O,{name:`MuiSwitch`,slot:`SwitchBase`,overridesResolver:(e,t)=>{let{ownerState:n}=e;return[t.switchBase,{[`& .${I.input}`]:t.input},n.color!=="default"&&t[`color${a(n.color)}`]]}})(n(({theme:e})=>({position:`absolute`,top:0,left:0,zIndex:1,color:e.vars?e.vars.palette.Switch.defaultColor:`${e.palette.mode===`light`?e.palette.common.white:e.palette.grey[300]}`,...s(e,[`left`,`transform`],{duration:e.transitions.duration.shortest}),[`&.${I.checked}`]:{transform:`translateX(20px)`},[`&.${I.disabled}`]:{color:e.vars?e.vars.palette.Switch.defaultDisabledColor:`${e.palette.mode===`light`?e.palette.grey[100]:e.palette.grey[600]}`},[`&.${I.checked} + .${I.track}`]:{opacity:.5},[`&.${I.disabled} + .${I.track}`]:{opacity:e.vars?e.vars.opacity.switchTrackDisabled:`${e.palette.mode===`light`?.12:.2}`},[`& .${I.input}`]:{left:`-100%`,width:`300%`}})),n(({theme:e})=>({"&:hover":{backgroundColor:e.alpha((e.vars||e).palette.action.active,(e.vars||e).palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:`transparent`}},variants:[...Object.entries(e.palette).filter(_([`light`])).map(([t])=>({props:{color:t},style:{[`&.${I.checked}`]:{color:(e.vars||e).palette[t].main,"&:hover":{backgroundColor:e.alpha((e.vars||e).palette[t].main,(e.vars||e).palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:`transparent`}},[`&.${I.disabled}`]:{color:e.vars?e.vars.palette.Switch[`${t}DisabledColor`]:`${e.palette.mode===`light`?e.lighten(e.palette[t].main,.62):e.darken(e.palette[t].main,.55)}`}},[`&.${I.checked} + .${I.track}`]:{backgroundColor:(e.vars||e).palette[t].main}}}))]}))),B=i(`span`,{name:`MuiSwitch`,slot:`Track`})(n(({theme:e})=>({height:`100%`,width:`100%`,borderRadius:14/2,zIndex:-1,...s(e,[`opacity`,`background-color`],{duration:e.transitions.duration.shortest}),"@media (forced-colors: active)":{boxSizing:`border-box`,border:`1px solid ButtonBorder`},backgroundColor:e.vars?e.vars.palette.common.onBackground:`${e.palette.mode===`light`?e.palette.common.black:e.palette.common.white}`,opacity:e.vars?e.vars.opacity.switchTrack:`${e.palette.mode===`light`?.38:.3}`}))),V=i(`span`,{name:`MuiSwitch`,slot:`Thumb`})(n(({theme:e})=>({boxShadow:(e.vars||e).shadows[1],backgroundColor:`currentColor`,boxSizing:`border-box`,border:`1px solid transparent`,width:20,height:20,borderRadius:`50%`}))),H=C.forwardRef(function(e,t){let n=o({props:e,name:`MuiSwitch`}),{className:i,color:a=`primary`,edge:s=!1,size:c=`medium`,sx:l,slots:u={},slotProps:d={},...f}=n,p={...n,color:a,edge:s,size:c},h=L(p),g=d.input,_={slots:u,slotProps:d},[v,b]=m(`root`,{className:r(h.root,i),elementType:R,externalForwardedProps:_,ownerState:p,additionalProps:{sx:l}}),[x,C]=m(`thumb`,{className:h.thumb,elementType:V,externalForwardedProps:_,ownerState:p}),w=(0,S.jsx)(x,{...C}),[T,E]=m(`track`,{className:h.track,elementType:B,externalForwardedProps:_,ownerState:p});return(0,S.jsxs)(v,{...b,children:[(0,S.jsx)(z,{type:`checkbox`,icon:w,checkedIcon:w,ref:t,ownerState:p,...f,classes:{...h,root:h.switchBase},slots:{...u.switchBase&&{root:u.switchBase},...u.input&&{input:u.input}},slotProps:{...d.switchBase&&{root:typeof d.switchBase==`function`?d.switchBase(p):d.switchBase},input:y(typeof g==`function`?g(p):g,{role:`switch`})}}),(0,S.jsx)(T,{...E})]})}),U=u((0,S.jsx)(`path`,{d:`M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6z`}),`Add`),W=u((0,S.jsx)(`path`,{d:`M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6zM19 4h-3.5l-1-1h-5l-1 1H5v2h14z`}),`Delete`);export{O as a,P as i,U as n,H as r,W as t};