UNPKG

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.64 kB
import{i as e}from"./chunk-62oNxeRG.js";import{B as t,C as n,Q as r,T as i,V as a,a as o,b as s,j as c,r as l,w as u,x as d,y as f,z as p}from"./Box-zFhO8JOc.js";import{o as m}from"./i18n.store-BgO27SyP.js";import{h}from"./KeyboardArrowDown-CxaCBYj0.js";import{_ as g,y as _}from"./TextField-sQcIcHBz.js";import{t as v}from"./createSimplePaletteValueFilter-CS4iIFa3.js";import{D as y}from"./index-CHO_02-t.js";var b=r(),x=e(m(),1);function S(e){return t(`PrivateSwitchBase`,e)}p(`PrivateSwitchBase`,[`root`,`checked`,`disabled`,`input`,`edgeStart`,`edgeEnd`]);var C=e=>{let{classes:t,checked:r,disabled:i,edge:a}=e;return c({root:[`root`,r&&`checked`,i&&`disabled`,a&&`edge${n(a)}`],input:[`input`]},S,t)},w=u(l,{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}}]}),T=u(`input`,{name:`MuiSwitchBase`,shouldForwardProp:i})({cursor:`inherit`,position:`absolute`,opacity:0,width:`100%`,height:`100%`,top:0,left:0,margin:0,padding:0,zIndex:1}),E=x.forwardRef(function(e,t){let{autoFocus:n,checked:r,checkedIcon:i,defaultChecked:a,disabled:s,disableFocusRipple:c=!1,edge:l=!1,icon:u,id:d,name:f,onBlur:p,onChange:m,onFocus:_,readOnly:v,required:y=!1,tabIndex:x,type:S,value:E,slots:D={},slotProps:O={},...k}=e,{nativeButton:A,...j}=k,[M,N]=h({controlled:r,default:!!a,name:`SwitchBase`,state:`checked`}),P=g(),F=e=>{_&&_(e),P&&P.onFocus&&P.onFocus(e)},I=e=>{p&&p(e),P&&P.onBlur&&P.onBlur(e)},L=e=>{if(e.nativeEvent.defaultPrevented||v)return;let t=e.target.checked;N(t),m&&m(e,t)},R=s;P&&R===void 0&&(R=P.disabled);let z=S===`checkbox`||S===`radio`,B={...e,checked:M,disabled:R,disableFocusRipple:c,edge:l},V=C(B),H={slots:D,slotProps:O},[U,W]=o(`root`,{ref:t,elementType:w,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:!c,role:void 0,tabIndex:null}}),[G,K]=o(`input`,{elementType:T,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?d:void 0,name:f,readOnly:v,required:y,tabIndex:x,type:S,...S===`checkbox`&&E===void 0?{}:{value:E}}});return(0,b.jsxs)(U,{...W,children:[(0,b.jsx)(G,{...K}),M?i:u]})});function D(e){return t(`MuiFormControlLabel`,e)}var O=p(`MuiFormControlLabel`,[`root`,`labelPlacementStart`,`labelPlacementTop`,`labelPlacementBottom`,`disabled`,`label`,`error`,`required`,`asterisk`]),k=e=>{let{classes:t,disabled:r,labelPlacement:i,error:a,required:o}=e;return c({root:[`root`,r&&`disabled`,`labelPlacement${n(i)}`,a&&`error`,o&&`required`],label:[`label`,r&&`disabled`],asterisk:[`asterisk`,a&&`error`]},D,t)},A=u(`label`,{name:`MuiFormControlLabel`,slot:`Root`,overridesResolver:(e,t)=>{let{ownerState:r}=e;return[{[`& .${O.label}`]:t.label},t.root,t[`labelPlacement${n(r.labelPlacement)}`]]}})(d(({theme:e})=>({display:`inline-flex`,alignItems:`center`,cursor:`pointer`,verticalAlign:`middle`,WebkitTapHighlightColor:`transparent`,marginLeft:-11,marginRight:16,[`&.${O.disabled}`]:{cursor:`default`},[`& .${O.label}`]:{[`&.${O.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}}]}))),j=u(`span`,{name:`MuiFormControlLabel`,slot:`Asterisk`})(d(({theme:e})=>({[`&.${O.error}`]:{color:(e.vars||e).palette.error.main}}))),M=x.forwardRef(function(e,t){let n=s({props:e,name:`MuiFormControlLabel`}),{checked:r,className:i,control:c,disabled:l,disableTypography:u,inputRef:d,label:f,labelPlacement:p=`end`,name:m,onChange:h,required:v,slots:S={},slotProps:C={},value:w,...T}=n,E=g(),D=l??c.props.disabled??E?.disabled,O=v??c.props.required,M={disabled:D,required:O};[`checked`,`name`,`onChange`,`value`,`inputRef`].forEach(e=>{c.props[e]===void 0&&n[e]!==void 0&&(M[e]=n[e])});let N=_({props:n,muiFormControl:E,states:[`error`]}),P={...n,disabled:D,labelPlacement:p,required:O,error:N.error},F=k(P),[I,L]=o(`typography`,{elementType:y,externalForwardedProps:{slots:S,slotProps:C},ownerState:P}),R=f;return R!=null&&R.type!==y&&!u&&(R=(0,b.jsx)(I,{component:`span`,...L,className:a(F.label,L?.className),children:R})),(0,b.jsxs)(A,{className:a(F.root,i),ownerState:P,ref:t,...T,children:[x.cloneElement(c,M),O?(0,b.jsxs)(`div`,{children:[R,(0,b.jsxs)(j,{ownerState:P,"aria-hidden":!0,className:F.asterisk,children:[` `,`*`]})]}):R]})});function N(e){return t(`MuiSwitch`,e)}var P=p(`MuiSwitch`,[`root`,`edgeStart`,`edgeEnd`,`switchBase`,`colorPrimary`,`colorSecondary`,`sizeSmall`,`sizeMedium`,`checked`,`disabled`,`input`,`thumb`,`track`]),F=e=>{let{classes:t,edge:r,size:i,color:a,checked:o,disabled:s}=e,l=c({root:[`root`,r&&`edge${n(r)}`,`size${n(i)}`],switchBase:[`switchBase`,`color${n(a)}`,o&&`checked`,s&&`disabled`],thumb:[`thumb`],track:[`track`],input:[`input`]},N,t);return{...t,...l}},I=u(`span`,{name:`MuiSwitch`,slot:`Root`,overridesResolver:(e,t)=>{let{ownerState:r}=e;return[t.root,r.edge&&t[`edge${n(r.edge)}`],t[`size${n(r.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,[`& .${P.thumb}`]:{width:16,height:16},[`& .${P.switchBase}`]:{padding:4,[`&.${P.checked}`]:{transform:`translateX(16px)`}}}}]}),L=u(E,{name:`MuiSwitch`,slot:`SwitchBase`,overridesResolver:(e,t)=>{let{ownerState:r}=e;return[t.switchBase,{[`& .${P.input}`]:t.input},r.color!==`default`&&t[`color${n(r.color)}`]]}})(d(({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]}`,transition:e.transitions.create([`left`,`transform`],{duration:e.transitions.duration.shortest}),[`&.${P.checked}`]:{transform:`translateX(20px)`},[`&.${P.disabled}`]:{color:e.vars?e.vars.palette.Switch.defaultDisabledColor:`${e.palette.mode===`light`?e.palette.grey[100]:e.palette.grey[600]}`},[`&.${P.checked} + .${P.track}`]:{opacity:.5},[`&.${P.disabled} + .${P.track}`]:{opacity:e.vars?e.vars.opacity.switchTrackDisabled:`${e.palette.mode===`light`?.12:.2}`},[`& .${P.input}`]:{left:`-100%`,width:`300%`}})),d(({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(v([`light`])).map(([t])=>({props:{color:t},style:{[`&.${P.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`}},[`&.${P.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)}`}},[`&.${P.checked} + .${P.track}`]:{backgroundColor:(e.vars||e).palette[t].main}}}))]}))),R=u(`span`,{name:`MuiSwitch`,slot:`Track`})(d(({theme:e})=>({height:`100%`,width:`100%`,borderRadius:14/2,boxSizing:`border-box`,border:`1px solid transparent`,zIndex:-1,transition:e.transitions.create([`opacity`,`background-color`],{duration:e.transitions.duration.shortest}),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}`}))),z=u(`span`,{name:`MuiSwitch`,slot:`Thumb`})(d(({theme:e})=>({boxShadow:(e.vars||e).shadows[1],backgroundColor:`currentColor`,boxSizing:`border-box`,border:`1px solid transparent`,width:20,height:20,borderRadius:`50%`}))),B=x.forwardRef(function(e,t){let n=s({props:e,name:`MuiSwitch`}),{className:r,color:i=`primary`,edge:c=!1,size:l=`medium`,sx:u,slots:d={},slotProps:f={},...p}=n,m={...n,color:i,edge:c,size:l},h=F(m),g={slots:d,slotProps:f},[_,v]=o(`root`,{className:a(h.root,r),elementType:I,externalForwardedProps:g,ownerState:m,additionalProps:{sx:u}}),[y,x]=o(`thumb`,{className:h.thumb,elementType:z,externalForwardedProps:g,ownerState:m}),S=(0,b.jsx)(y,{...x}),[C,w]=o(`track`,{className:h.track,elementType:R,externalForwardedProps:g,ownerState:m});return(0,b.jsxs)(_,{...v,children:[(0,b.jsx)(L,{type:`checkbox`,icon:S,checkedIcon:S,ref:t,ownerState:m,...p,classes:{...h,root:h.switchBase},slots:{...d.switchBase&&{root:d.switchBase},...d.input&&{input:d.input}},slotProps:{...f.switchBase&&{root:typeof f.switchBase==`function`?f.switchBase(m):f.switchBase},input:{role:`switch`},...f.input&&{input:typeof f.input==`function`?f.input(m):f.input}}}),(0,b.jsx)(C,{...w})]})}),V=f((0,b.jsx)(`path`,{d:`M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6z`}),`Add`),H=f((0,b.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{E as a,M as i,V as n,B as r,H as t};