p3x-redis-ui-material/dist-vue/assets/KeyPagerInline-Cj1mKmFu.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,J as i,Kt as a,M as o,R as s,Yt as c,it as l,k as u,o as d,t as f,w as p}from"./i18n.store-B-qxQMr8.js";import{t as m,x as h}from"./_plugin-vue_export-helper-Cw5qm5mn.js";import{t as g}from"./VTooltip-C0b2WZo6.js";import{o as _}from"./index-Cn1nft6Q.js";import{c as v,l as y}from"./key-type-base-OuqdCVFM.js";var b={key:0,class:`p3xr-key-pager`},x=[`disabled`],S=[`disabled`],C=[`value`,`max`],w=[`disabled`],T=[`disabled`],E=m(o({__name:`KeyPagerInline`,props:{paging:{}},emits:[`pageChanged`],setup(o,{emit:m}){let E=o,D=m,O=f(),k=t(()=>O.strings),{themeKey:A}=d(_()),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){D(`pageChanged`,y(E.paging,e))}function R(e){let t=parseInt(e.target.value,10);isNaN(t)||D(`pageChanged`,v(E.paging,t))}return(t,d)=>o.paging.pages>1?(i(),n(`div`,b,[e(g,{text:k.value?.page?.treeControls?.pager?.first,location:`top`},{activator:l(({props:t})=>[p(`button`,s(t,{class:`p3xr-pager-btn`,style:{color:P.value},disabled:o.paging.page<=1,onClick:d[0]||=e=>L(`first`)}),[e(h,{size:`24`},{default:l(()=>[...d[4]||=[u(`mdi-skip-previous`,-1)]]),_:1})],16,x)]),_:1},8,[`text`]),e(g,{text:k.value?.page?.treeControls?.pager?.prev,location:`top`},{activator:l(({props:t})=>[p(`button`,s(t,{class:`p3xr-pager-btn`,style:{color:P.value},disabled:o.paging.page<=1,onClick:d[1]||=e=>L(`prev`)}),[e(h,{size:`24`},{default:l(()=>[...d[5]||=[u(`mdi-chevron-left`,-1)]]),_:1})],16,S)]),_:1},8,[`text`]),p(`input`,{type:`number`,value:o.paging.page,class:`p3xr-pager-input`,style:a({borderColor:P.value,backgroundColor:F.value,color:I.value}),min:`1`,max:o.paging.pages,onChange:R},null,44,C),p(`span`,{class:`p3xr-pager-total`,style:a({color:I.value})},`/ `+c(o.paging.pages),5),e(g,{text:k.value?.page?.treeControls?.pager?.next,location:`top`},{activator:l(({props:t})=>[p(`button`,s(t,{class:`p3xr-pager-btn`,style:{color:P.value},disabled:o.paging.page>=o.paging.pages,onClick:d[2]||=e=>L(`next`)}),[e(h,{size:`24`},{default:l(()=>[...d[6]||=[u(`mdi-chevron-right`,-1)]]),_:1})],16,w)]),_:1},8,[`text`]),e(g,{text:k.value?.page?.treeControls?.pager?.last,location:`top`},{activator:l(({props:t})=>[p(`button`,s(t,{class:`p3xr-pager-btn`,style:{color:P.value},disabled:o.paging.page>=o.paging.pages,onClick:d[3]||=e=>L(`last`)}),[e(h,{size:`24`},{default:l(()=>[...d[7]||=[u(`mdi-skip-next`,-1)]]),_:1})],16,T)]),_:1},8,[`text`])])):r(``,!0)}}),[[`__scopeId`,`data-v-d04e4f9b`]]);export{E as t};