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 • 2.69 kB
import{A as e,Kt as t,R as n,Wt as r,et as i,ht as a,w as o,y as s,yt as c}from"./i18n.store-Bbsc3Bab.js";import{Ct as l,En as u,Pt as d,Vt as f,Z as p,_ as m,a as h,h as g,ht as _,sr as v,x as y,y as b}from"./_plugin-vue_export-helper-D1H5elb2.js";import{c as x}from"./transitions-Bp2Q4Qu5.js";import{n as S,t as C}from"./VSelectionControl-BgUL55dy.js";import{l as w,n as T,t as E}from"./VInput-CpVsgFmo.js";var D=f({indeterminate:Boolean,inset:Boolean,flat:Boolean,loading:{type:[Boolean,String],default:!1},...T(),...S()},`VSwitch`),O=d()({name:`VSwitch`,inheritAttrs:!1,props:D(),emits:{"update:focused":e=>!0,"update:modelValue":e=>!0,"update:indeterminate":e=>!0},setup(d,{attrs:f,slots:S}){let T=_(d,`indeterminate`),D=_(d,`modelValue`),{loaderClasses:O}=m(d),{isFocused:k,focus:A,blur:j}=w(d),M=a(),N=a(),P=v&&window.matchMedia(`(forced-colors: active)`).matches,F=c(()=>typeof d.loading==`string`&&d.loading!==``?d.loading:d.color),I=i(),L=c(()=>d.id||`switch-${I}`);function R(){T.value&&=!1}function z(e){e.stopPropagation(),e.preventDefault(),M.value?.input?.click()}return l(()=>{let[i,a]=u(f),c=E.filterProps(d),l=C.filterProps(d);return e(E,n({ref:N,class:[`v-switch`,{"v-switch--flat":d.flat},{"v-switch--inset":d.inset},{"v-switch--indeterminate":T.value},O.value,d.class]},i,c,{modelValue:D.value,"onUpdate:modelValue":e=>D.value=e,id:L.value,focused:k.value,style:d.style}),{...S,default:({id:i,messagesId:c,isDisabled:u,isReadonly:f,isValid:m})=>{let h={model:D,isValid:m};return e(C,n({ref:M},l,{modelValue:D.value,"onUpdate:modelValue":[e=>D.value=e,R],id:i.value,"aria-describedby":c.value,type:`checkbox`,"aria-checked":T.value?`mixed`:void 0,disabled:u.value,readonly:f.value,onFocus:A,onBlur:j},a),{...S,default:({backgroundColorClasses:e,backgroundColorStyles:n})=>o(`div`,{class:r([`v-switch__track`,P?void 0:e.value]),style:t(n.value),onClick:z},[S[`track-true`]&&o(`div`,{key:`prepend`,class:`v-switch__track-true`},[S[`track-true`](h)]),S[`track-false`]&&o(`div`,{key:`append`,class:`v-switch__track-false`},[S[`track-false`](h)])]),input:({inputNode:n,icon:i,backgroundColorClasses:a,backgroundColorStyles:c})=>o(s,null,[n,o(`div`,{class:r([`v-switch__thumb`,{"v-switch__thumb--filled":i||d.loading},d.inset||P?void 0:a.value]),style:t(d.inset?void 0:c.value)},[S.thumb?e(p,{defaults:{VIcon:{icon:i,size:`x-small`}}},{default:()=>[S.thumb({...h,icon:i})]}):e(x,null,{default:()=>[d.loading?e(g,{name:`v-switch`,active:!0,color:m.value===!1?void 0:F.value},{default:t=>S.loader?S.loader(t):e(b,{active:t.isActive,color:t.color,indeterminate:!0,size:`16`,width:`2`},null)}):i&&e(y,{key:String(i),icon:i,size:`x-small`},null)]})])])})}})}),h({},N)}});export{O as t};