p3x-redis-ui-material/dist-vue/assets/KeyPagerInline-LkN0dDcU.js

💿 P3X Redis UI triple frontend — Angular + React/MUI + Vue/Vuetify with 54 languages, 7 themes, Socket.IO, desktop notifications, and full feature parity

import{A as e,C as t,D as n,E as r,I as i,Jt as a,M as o,Nt as s,Y as c,Zt as l,at as u,k as d,o as f,t as p,w as m,z as h}from"./i18n.store-Bn0-vXNV.js";import{t as g,x as _}from"./_plugin-vue_export-helper-CSr60JSh.js";import{d as v,u as y}from"./index-fkAw1zcW.js";import{c as b,l as x}from"./key-type-base-Cl54f8nF.js";i(),s();var S={key:0,class:`p3xr-key-pager`},C=[`disabled`],w=[`disabled`],T=[`value`,`max`],E=[`disabled`],D=[`disabled`],O=g(o({__name:`KeyPagerInline`,props:{paging:{}},emits:[`pageChanged`],setup(i,{emit:o}){let s=i,g=o,O=p(),k=t(()=>O.strings),{themeKey:A}=f(y()),j={enterprise:`#9e9e9e`,light:`#b0bec5`,redis:`#ef9a9a`,dark:`#9e9e9e`,darkNeu:`#90a4ae`,darkoBluo:`#3f51b5`,matrix:`#76ff03`},M={enterprise:`white`,light:`white`,redis:`white`,dark:`rgba(64,64,64,1)`,darkNeu:`rgba(64,64,64,1)`,darkoBluo:`rgba(64,64,64,1)`,matrix:`rgba(64,64,64,1)`},N={enterprise:`black`,light:`black`,redis:`black`,dark:`white`,darkNeu:`white`,darkoBluo:`white`,matrix:`white`},P=t(()=>j[A.value]),F=t(()=>M[A.value]),I=t(()=>N[A.value]);function L(e){g(`pageChanged`,x(s.paging,e))}function R(e){let t=parseInt(e.target.value,10);isNaN(t)||g(`pageChanged`,b(s.paging,t))}return(t,o)=>i.paging.pages>1?(c(),n(`div`,S,[e(v,{text:k.value?.page?.treeControls?.pager?.first,location:`top`},{activator:u(({props:t})=>[m(`button`,h(t,{class:`p3xr-pager-btn`,style:{color:P.value},disabled:i.paging.page<=1,onClick:o[0]||=e=>L(`first`)}),[e(_,{size:`24`},{default:u(()=>[...o[4]||=[d(`mdi-skip-previous`,-1)]]),_:1})],16,C)]),_:1},8,[`text`]),e(v,{text:k.value?.page?.treeControls?.pager?.prev,location:`top`},{activator:u(({props:t})=>[m(`button`,h(t,{class:`p3xr-pager-btn`,style:{color:P.value},disabled:i.paging.page<=1,onClick:o[1]||=e=>L(`prev`)}),[e(_,{size:`24`},{default:u(()=>[...o[5]||=[d(`mdi-chevron-left`,-1)]]),_:1})],16,w)]),_:1},8,[`text`]),m(`input`,{type:`number`,value:i.paging.page,class:`p3xr-pager-input`,style:a({borderColor:P.value,backgroundColor:F.value,color:I.value}),min:`1`,max:i.paging.pages,onChange:R},null,44,T),m(`span`,{class:`p3xr-pager-total`,style:a({color:I.value})},`/ `+l(i.paging.pages),5),e(v,{text:k.value?.page?.treeControls?.pager?.next,location:`top`},{activator:u(({props:t})=>[m(`button`,h(t,{class:`p3xr-pager-btn`,style:{color:P.value},disabled:i.paging.page>=i.paging.pages,onClick:o[2]||=e=>L(`next`)}),[e(_,{size:`24`},{default:u(()=>[...o[6]||=[d(`mdi-chevron-right`,-1)]]),_:1})],16,E)]),_:1},8,[`text`]),e(v,{text:k.value?.page?.treeControls?.pager?.last,location:`top`},{activator:u(({props:t})=>[m(`button`,h(t,{class:`p3xr-pager-btn`,style:{color:P.value},disabled:i.paging.page>=i.paging.pages,onClick:o[3]||=e=>L(`last`)}),[e(_,{size:`24`},{default:u(()=>[...o[7]||=[d(`mdi-skip-next`,-1)]]),_:1})],16,D)]),_:1},8,[`text`])])):r(``,!0)}}),[[`__scopeId`,`data-v-d04e4f9b`]]);export{O as t};