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 • 8.69 kB
import{A as e,At as t,B as n,C as r,F as i,H as a,I as o,Jt as s,Kt as c,Nt as l,U as u,_t as d,h as f,kt as p,lt as m,ot as h,rt as g,u as _,w as v,xt as ee,y as te,yt as y,z as b}from"./i18n.store-Bkc9i0ZB.js";import{B as x,Bt as S,C,Ct as w,En as ne,F as T,G as E,H as D,I as O,J as k,L as A,M as j,N as M,P as N,Pt as P,Q as F,Qn as I,Rt as re,S as L,U as R,V as z,Vn as B,Vt as V,W as H,X as U,Y as W,Z as ie,gn as G,it as ae,j as oe,nt as K,or as se,pt as ce,q,rt as le,vt as J,x as Y}from"./_plugin-vue_export-helper-BZ1AqotW.js";import{t as X}from"./intersect-CJJ4t_Gt.js";l(),o();function ue(e,n=`div`,r){return P()({name:r??t(p(e.replace(/__/g,`-`))),props:{tag:{type:String,default:n},...S()},setup(t,{slots:n}){return()=>i(t.tag,{class:[e,t.class],style:t.style},n.default?.())}})}l(),o();function de(e){return{aspectStyles:r(()=>{let t=Number(e.aspectRatio);return t?{paddingBottom:String(1/t*100)+`%`}:void 0})}}var Z=V({aspectRatio:[String,Number],contentClass:null,inline:Boolean,...S(),...W()},`VResponsive`),Q=P()({name:`VResponsive`,props:Z(),setup(e,{slots:t}){let{aspectStyles:n}=de(e),{dimensionStyles:r}=U(e);return w(()=>v(`div`,{class:c([`v-responsive`,{"v-responsive--inline":e.inline},e.class]),style:s([r.value,e.style])},[v(`div`,{class:`v-responsive__sizer`,style:s(n.value)},null),t.additional?.(),t.default&&v(`div`,{class:c([`v-responsive__content`,e.contentClass])},[t.default()])])),{}}});l(),o(),m(),_();var $=V({absolute:Boolean,alt:String,cover:Boolean,color:String,draggable:{type:[Boolean,String],default:void 0},eager:Boolean,gradient:String,imageClass:null,lazySrc:String,options:{type:Object,default:()=>({root:void 0,rootMargin:void 0,threshold:void 0})},sizes:String,src:{type:[String,Object],default:``},crossorigin:String,referrerpolicy:String,srcset:String,position:String,...Z(),...S(),...H(),...R()},`VImg`),fe=P()({name:`VImg`,directives:{vIntersect:X},inheritAttrs:!1,props:$(),emits:{loadstart:e=>!0,load:e=>!0,error:e=>!0},setup(t,{attrs:i,emit:o,slots:s}){let{backgroundColorClasses:l,backgroundColorStyles:p}=q(()=>t.color),{roundedClasses:m}=E(t),_=re(`VImg`),x=y(``),S=d(),C=y(t.eager?`loading`:`idle`),T=y(),O=y(),k=r(()=>t.src&&typeof t.src==`object`?{src:t.src.src,srcset:t.srcset||t.src.srcset,lazySrc:t.lazySrc||t.src.lazySrc,aspect:Number(t.aspectRatio||t.src.aspect||0)}:{src:t.src,srcset:t.srcset,lazySrc:t.lazySrc,aspect:Number(t.aspectRatio||0)}),A=r(()=>k.value.aspect||T.value/O.value||0);g(()=>t.src,()=>{j(C.value!==`idle`)}),g(A,(e,t)=>{!e&&t&&S.value&&I(S.value)}),a(()=>j());function j(e){if(!(t.eager&&e)&&!(se&&!e&&!t.eager)){if(C.value=`loading`,k.value.lazySrc){let e=new Image;e.src=k.value.lazySrc,I(e,null)}k.value.src&&n(()=>{o(`loadstart`,S.value?.currentSrc||k.value.src),setTimeout(()=>{if(!_.isUnmounted)if(S.value?.complete){if(S.value.naturalWidth||N(),C.value===`error`)return;A.value||I(S.value,null),C.value===`loading`&&M()}else A.value||I(S.value),P()})})}}function M(){_.isUnmounted||(P(),I(S.value),C.value=`loaded`,o(`load`,S.value?.currentSrc||k.value.src))}function N(){_.isUnmounted||(C.value=`error`,o(`error`,S.value?.currentSrc||k.value.src))}function P(){let e=S.value;e&&(x.value=e.currentSrc||e.src)}let F=-1;u(()=>{clearTimeout(F)});function I(e,t=100){let n=()=>{if(clearTimeout(F),_.isUnmounted)return;let{naturalHeight:r,naturalWidth:i}=e;r||i?(T.value=i,O.value=r):!e.complete&&C.value===`loading`&&t!=null?F=window.setTimeout(n,t):(e.currentSrc.endsWith(`.svg`)||e.currentSrc.startsWith(`data:image/svg+xml`))&&(T.value=1,O.value=1)};n()}let L=ee(()=>({"v-img__img--cover":t.cover,"v-img__img--contain":!t.cover})),R=()=>{if(!k.value.src||C.value===`idle`)return null;let n=v(`img`,{class:c([`v-img__img`,L.value,t.imageClass]),style:{objectPosition:t.position},crossorigin:t.crossorigin,src:k.value.src,srcset:k.value.srcset,alt:t.alt,referrerpolicy:t.referrerpolicy,draggable:t.draggable,sizes:t.sizes,ref:S,onLoad:M,onError:N},null),r=s.sources?.();return e(D,{transition:t.transition,appear:!0},{default:()=>[h(r?v(`picture`,{class:`v-img__picture`},[r,n]):n,[[f,C.value===`loaded`]])]})},z=()=>e(D,{transition:t.transition},{default:()=>[k.value.lazySrc&&C.value!==`loaded`&&v(`img`,{class:c([`v-img__img`,`v-img__img--preload`,L.value]),style:{objectPosition:t.position},crossorigin:t.crossorigin,src:k.value.lazySrc,alt:t.alt,referrerpolicy:t.referrerpolicy,draggable:t.draggable},null)]}),B=()=>s.placeholder?e(D,{transition:t.transition,appear:!0},{default:()=>[(C.value===`loading`||C.value===`error`&&!s.error)&&v(`div`,{class:`v-img__placeholder`},[s.placeholder()])]}):null,V=()=>s.error?e(D,{transition:t.transition,appear:!0},{default:()=>[C.value===`error`&&v(`div`,{class:`v-img__error`},[s.error()])]}):null,H=()=>t.gradient?v(`div`,{class:`v-img__gradient`,style:{backgroundImage:`linear-gradient(${t.gradient})`}},null):null,U=y(!1);{let e=g(A,t=>{t&&(requestAnimationFrame(()=>{requestAnimationFrame(()=>{U.value=!0})}),e())})}return w(()=>{let n=Q.filterProps(t),[r,a]=ne(i);return h(e(Q,b({class:[`v-img`,{"v-img--absolute":t.absolute,"v-img--booting":!U.value,"v-img--fit-content":t.width===`fit-content`},l.value,m.value,t.class],style:[{width:G(t.width===`auto`?T.value:t.width)},p.value,t.style]},n,r,{aspectRatio:A.value,"aria-label":t.alt,role:t.alt?`img`:void 0}),{additional:()=>v(te,null,[e(R,a,null),e(z,null,null),e(H,null,null),e(B,null,null),e(V,null,null)]),default:s.default}),[[X,{handler:j,options:t.options},null,{once:!0}]])}),{currentSrc:x,image:S,state:C,naturalWidth:T,naturalHeight:O}}});o(),_();var pe=V({bordered:Boolean,color:String,content:[Number,String],dot:Boolean,dotSize:[Number,String],floating:Boolean,icon:J,inline:Boolean,label:{type:String,default:`$vuetify.badge`},max:[Number,String],modelValue:{type:Boolean,default:!0},offsetX:[Number,String],offsetY:[Number,String],textColor:String,...S(),...O({location:`top end`}),...H(),...F(),...K(),...R({transition:`scale-rotate-transition`}),...W()},`VBadge`),me=P()({name:`VBadge`,inheritAttrs:!1,props:pe(),setup(t,n){let{backgroundColorClasses:r,backgroundColorStyles:i}=q(()=>t.color),{roundedClasses:a}=E(t),{t:o}=ce(),{textColorClasses:s,textColorStyles:c}=k(()=>t.textColor),{themeClasses:l}=ae(),{locationStyles:u}=A(t,!0,e=>(t.floating?t.dot?2:4:t.dot?Number(t.dotSize??8):12)+([`top`,`bottom`].includes(e)?Number(t.offsetY??0):[`left`,`right`].includes(e)?Number(t.offsetX??0):0)),{dimensionStyles:d}=U(t);return w(()=>{let p=Number(t.content),m=!t.max||isNaN(p)?t.content:p<=Number(t.max)?p:`${t.max}+`,[g,_]=I(n.attrs,[`aria-atomic`,`aria-label`,`aria-live`,`role`,`title`]);return e(t.tag,b({class:[`v-badge`,{"v-badge--bordered":t.bordered,"v-badge--dot":t.dot,"v-badge--floating":t.floating,"v-badge--inline":t.inline},t.class]},_,{style:t.style}),{default:()=>[v(`div`,{class:`v-badge__wrapper`},[n.slots.default?.(),e(D,{transition:t.transition},{default:()=>[h(v(`span`,b({class:[`v-badge__badge`,l.value,r.value,a.value,s.value],style:[i.value,c.value,d.value,t.inline?{}:u.value,t.dot&&t.dotSize?{width:G(t.dotSize),height:G(t.dotSize)}:{}],"aria-atomic":`true`,"aria-label":o(t.label,p),"aria-live":`polite`,role:`status`},g),[t.dot?void 0:n.slots.badge?n.slots.badge?.():t.icon?e(Y,{icon:t.icon},null):m]),[[f,t.modelValue]])]})])]})}),{}}});o(),l();var he=V({badge:{type:[Boolean,Object],default:!1},start:Boolean,end:Boolean,icon:J,image:String,text:String,...x(),...S(),...N(),...H(),...L(),...F(),...K(),...j({variant:`flat`})},`VAvatar`),ge=P()({name:`VAvatar`,props:he(),setup(t,{slots:n}){let{themeClasses:i}=le(t),{borderClasses:a}=z(t),{colorClasses:o,colorStyles:l,variantClasses:u}=M(t),{densityClasses:d}=T(t),{roundedClasses:f}=E(t),{sizeClasses:p,sizeStyles:m}=C(t),h=r(()=>{switch(t.size){case`x-small`:return 8;case`small`:return 10;case`large`:return 14;case`x-large`:return 16;default:return 12}}),g=r(()=>{let{floating:e}=B(t.badge)?t.badge:{};return(e?h.value/2:0)-1.5}),_=r(()=>({bordered:!0,dot:!n.badge,dotSize:h.value,offsetX:g.value,offsetY:g.value,color:typeof t.badge==`string`?t.badge:`primary`,...B(t.badge)?t.badge:{}}));return w(()=>{let r=e(t.tag,{class:c([`v-avatar`,{"v-avatar--start":t.start,"v-avatar--end":t.end},i.value,a.value,o.value,d.value,f.value,p.value,u.value,t.class]),style:s([l.value,m.value,t.style])},{default:()=>[n.default?e(ie,{key:`content-defaults`,defaults:{VImg:{cover:!0,src:t.image},VIcon:{icon:t.icon}}},{default:()=>[n.default()]}):t.image?e(fe,{key:`image`,src:t.image,alt:``,cover:!0},null):t.icon?e(Y,{key:`icon`,icon:t.icon},null):t.text,oe(!1,`v-avatar`)]});return t.badge?e(me,_.value,{default:()=>r,badge:n.badge}):r}),{}}});export{Q as a,$ as i,me as n,ue as o,fe as r,ge as t};