p3x-redis-ui-material/dist-vue/assets/VCombobox-DBR4KGTF.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,Kt as n,R as r,Wt as i,_t as a,et as o,ht as s,k as c,nt as l,w as u,y as d,yt as f,z as p}from"./i18n.store-Bbsc3Bab.js";import{Bt as m,Cn as ee,Ct as h,En as g,F as _,G as v,I as y,J as te,Jn as ne,L as b,M as x,N as S,P as C,Pt as w,Q as T,R as E,Sn as D,Vt as O,W as re,X as ie,Y as ae,Yn as k,Z as A,a as oe,ht as j,j as M,jt as se,m as N,mn as ce,nr as le,nt as P,o as F,p as I,pt as ue,rr as de,rt as L,vt as R,x as z,z as B,zn as fe}from"./_plugin-vue_export-helper-D1H5elb2.js";import{o as pe,t as me}from"./VAvatar-Bo3xpDUh.js";import{a as V,c as he,m as ge,o as _e,s as ve,t as ye}from"./VList-v6BtQFeD.js";import{d as be,l as H,n as xe,s as Se,t as U}from"./VInput-CpVsgFmo.js";import{_ as W,a as G,c as Ce,h as we,i as Te,l as Ee,n as K,o as De,p as Oe,r as ke,s as Ae,v as q}from"./VSelect-BKBMb-AS.js";import{t as je}from"./VMenu-C1yL2dQE.js";import{n as Me,t as Ne}from"./VTextField-Cly86AKT.js";var J=pe(`v-alert-title`),Y=O({iconSize:[Number,String],iconSizes:{type:Array,default:()=>[[`x-small`,10],[`small`,16],[`default`,24],[`large`,28],[`x-large`,32]]}},`iconSize`);function Pe(e,n){return{iconSize:t(()=>{let t=new Map(e.iconSizes),r=e.iconSize??n()??`default`;return t.has(r)?t.get(r):r})}}var X=[`success`,`info`,`warning`,`error`],Z=O({border:{type:[Boolean,String],validator:e=>typeof e==`boolean`||[`top`,`end`,`bottom`,`start`].includes(e)},borderColor:String,closable:Boolean,closeIcon:{type:R,default:`$close`},closeLabel:{type:String,default:`$vuetify.close`},icon:{type:[Boolean,String,Function,Object],default:null},modelValue:{type:Boolean,default:!0},prominent:Boolean,title:String,text:String,type:{type:String,validator:e=>X.includes(e)},...m(),...C(),...ae(),...E(),...Y(),...y(),...I(),...re(),...T(),...P(),...x({variant:`flat`})},`VAlert`),Q=w()({name:`VAlert`,props:Z(),emits:{"click:close":e=>!0,"update:modelValue":e=>!0},setup(t,{emit:a,slots:o}){let s=j(t,`modelValue`),c=f(()=>{if(t.icon!==!1)return t.type?t.icon??`$${t.type}`:t.icon}),{iconSize:l}=Pe(t,()=>t.prominent?44:void 0),{themeClasses:d}=L(t),{colorClasses:p,colorStyles:m,variantClasses:ee}=S(()=>({color:t.color??t.type,variant:t.variant})),{densityClasses:h}=_(t),{dimensionStyles:g}=ie(t),{elevationClasses:y}=B(t),{locationStyles:ne}=b(t),{positionClasses:x}=N(t),{roundedClasses:C}=v(t),{textColorClasses:w,textColorStyles:T}=te(()=>t.borderColor),{t:E}=ue(),D=f(()=>({"aria-label":E(t.closeLabel),onClick(e){s.value=!1,a(`click:close`,e)}}));return()=>{let a=!!(o.prepend||c.value),f=!!(o.title||t.title),_=!!(o.close||t.closable),v={density:t.density,icon:c.value,size:t.iconSize||t.prominent?l.value:void 0};return s.value&&e(t.tag,{class:i([`v-alert`,t.border&&{"v-alert--border":!!t.border,[`v-alert--border-${t.border===!0?`start`:t.border}`]:!0},{"v-alert--prominent":t.prominent},d.value,p.value,h.value,y.value,x.value,C.value,ee.value,t.class]),style:n([m.value,g.value,ne.value,t.style]),role:`alert`},{default:()=>[M(!1,`v-alert`),t.border&&u(`div`,{key:`border`,class:i([`v-alert__border`,w.value]),style:n(T.value)},null),a&&u(`div`,{key:`prepend`,class:`v-alert__prepend`},[o.prepend?e(A,{key:`prepend-defaults`,disabled:!c.value,defaults:{VIcon:{...v}}},o.prepend):e(z,r({key:`prepend-icon`},v),null)]),u(`div`,{class:`v-alert__content`},[f&&e(J,{key:`title`},{default:()=>[o.title?.()??t.title]}),o.text?.()??t.text,o.default?.()]),o.append&&u(`div`,{key:`append`,class:`v-alert__append`},[o.append()]),_&&u(`div`,{key:`close`,class:`v-alert__close`},[o.close?e(A,{key:`close-defaults`,defaults:{VBtn:{icon:t.closeIcon,size:`x-small`,variant:`text`}}},{default:()=>[o.close?.({props:D.value})]}):e(F,r({key:`close-btn`,icon:t.closeIcon,size:`x-small`,variant:`text`},D.value),null)])]})}}}),Fe=O({...k(xe(),[`direction`]),...k(q(),[`inline`])},`VCheckbox`),Ie=w()({name:`VCheckbox`,inheritAttrs:!1,props:Fe(),emits:{"update:modelValue":e=>!0,"update:focused":e=>!0},setup(t,{attrs:n,slots:i}){let a=j(t,`modelValue`),{isFocused:c,focus:l,blur:u}=H(t),d=s(),f=o();return h(()=>{let[o,s]=g(n),p=U.filterProps(t),m=W.filterProps(t);return e(U,r({ref:d,class:[`v-checkbox`,t.class]},o,p,{modelValue:a.value,"onUpdate:modelValue":e=>a.value=e,id:t.id||`checkbox-${f}`,focused:c.value,style:t.style}),{...i,default:({id:t,messagesId:n,isDisabled:o,isReadonly:c,isValid:d})=>e(W,r(m,{id:t.value,"aria-describedby":n.value,disabled:o.value,readonly:c.value},s,{error:d.value===!1,modelValue:a.value,"onUpdate:modelValue":e=>a.value=e,onFocus:l,onBlur:u}),i)})}),oe({},d)}}),Le=O({alwaysFilter:Boolean,autoSelectFirst:{type:[Boolean,String]},clearOnSelect:{type:Boolean,default:!0},delimiters:Array,...G({filterKeys:[`title`]}),...K({hideNoData:!0,returnObject:!0}),...k(Me({modelValue:null,role:`combobox`}),[`validationValue`,`dirty`])},`VCombobox`),Re=w()({name:`VCombobox`,props:Le(),emits:{"update:focused":e=>!0,"update:modelValue":e=>!0,"update:search":e=>!0,"update:menu":e=>!0},setup(o,{emit:m,slots:g}){let{t:_}=ue(),v=s(),y=a(!1),b=a(!0),x=a(!1),S=s(),C=s(),w=a(-1),T=!1,{items:E,transformIn:O,transformOut:re}=_e(o),{textColorClasses:ie,textColorStyles:ae}=te(()=>v.value?.color),{InputIcon:k}=be(o),M=j(o,`modelValue`,[],e=>O(le(e)),e=>{let t=re(e);return o.multiple?t:t[0]??null}),N=Se(o),P=f(()=>o.closableChips&&!N.isReadonly.value&&!N.isDisabled.value),F=t(()=>!!(o.chips||g.chip)),I=t(()=>F.value||!!g.selection),L=a(!o.multiple&&!I.value?M.value[0]?.title??``:``),R=a(null),B=t({get:()=>L.value,set:async e=>{if(L.value=e??``,e===null||e===``&&!o.multiple&&!I.value?M.value=[]:!o.multiple&&!I.value&&(M.value=[V(o,e)],p(()=>C.value?.scrollToIndex(0))),e&&o.multiple&&o.delimiters?.length){let t=qe(e);t.length>1&&(Je(t),L.value=``)}e||(w.value=-1),b.value=!e}}),pe=t(()=>typeof o.counterValue==`function`?o.counterValue(M.value):typeof o.counterValue==`number`?o.counterValue:o.multiple?M.value.length:B.value.length),{filteredItems:H,getMatches:xe}=De(o,E,()=>R.value??(o.alwaysFilter||!b.value?B.value:``)),U=t(()=>o.hideSelected&&R.value===null?H.value.filter(e=>!M.value.some(t=>t.value===e.value)):H.value),G=t(()=>o.hideNoData&&!U.value.length||N.isReadonly.value||N.isDisabled.value),K=j(o,`menu`),q=t({get:()=>K.value,set:e=>{K.value&&!e&&S.value?.ΨopenChildren.size||e&&G.value||(K.value=e)}}),{menuId:Me,ariaExpanded:J,ariaControls:Y}=ke(o,q);l(L,e=>{T?p(()=>T=!1):y.value&&!q.value&&(q.value=!0),m(`update:search`,e)}),l(M,e=>{!o.multiple&&!I.value&&(L.value=e[0]?.title??``)});let Pe=t(()=>M.value.map(e=>e.value)),X=t(()=>U.value.find(e=>e.type===`item`&&!e.props.disabled)),Z=t(()=>(o.autoSelectFirst===!0||o.autoSelectFirst===`exact`&&B.value===X.value?.title)&&U.value.length>0&&!b.value&&!x.value),Q=s(),Fe=s(),Ie=s(),Le=Ce(Q,v),{onTabKeydown:Re}=Ae({groups:[{type:`element`,contentRef:Fe},{type:`list`,contentRef:Q,displayItemsCount:()=>U.value.length},{type:`element`,contentRef:Ie}],onLeave:()=>{q.value=!1,v.value?.focus()}});function ze(e){T=!0,p(()=>T=!1),o.openOnClear&&(q.value=!0)}function Be(){G.value||(q.value=!0)}function Ve(e){G.value||(y.value&&(e.preventDefault(),e.stopPropagation()),q.value=!q.value)}function He(e){e.key===`Tab`&&Re(e),Q.value?.$el.contains(e.target)&&(ce(e)||e.key===`Backspace`)&&v.value?.focus()}function Ue(e){if(fe(e)||N.isReadonly.value)return;let t=v.value?.selectionStart,n=M.value.length;if([`Enter`,`ArrowDown`,`ArrowUp`].includes(e.key)&&e.preventDefault(),[`Enter`,`ArrowDown`].includes(e.key)&&(q.value=!0),[`Escape`].includes(e.key)&&(q.value=!1),Z.value&&[`Enter`,`Tab`].includes(e.key)&&X.value&&!M.value.some(({value:e})=>e===X.value.value)&&$(X.value),e.key===`ArrowDown`&&Z.value&&Q.value?.focus(`next`),e.key===`Enter`&&B.value&&($(V(o,B.value),!0,!0),I.value&&(L.value=``)),[`Backspace`,`Delete`].includes(e.key)){if(!o.multiple&&I.value&&M.value.length>0&&!B.value)return $(M.value[0],!1);if(~w.value){e.preventDefault();let t=w.value;$(M.value[w.value],!1),w.value=t>=n-1?n-2:t}else e.key===`Backspace`&&!B.value&&(w.value=n-1);return}if(o.multiple)if(e.key===`ArrowLeft`){if(w.value<0&&t&&t>0)return;let e=w.value>-1?w.value-1:n-1;M.value[e]?w.value=e:(w.value=-1,v.value?.setSelectionRange(B.value.length,B.value.length))}else if(e.key===`ArrowRight`){if(w.value<0)return;let e=w.value+1;M.value[e]?w.value=e:(w.value=-1,v.value?.setSelectionRange(0,0))}else ~w.value&&ce(e)&&(w.value=-1)}function We(e){let t=qe(e?.clipboardData?.getData(`Text`)??``);t.length>1&&o.multiple&&(e.preventDefault(),Je(t))}function Ge(){o.eager&&C.value?.calculateVisibleItems()}function Ke(){y.value&&v.value?.focus(),b.value=!0,R.value=null}function $(e,t=!0,n=!1){if(!(!e||e.props.disabled))if(o.multiple){let n=M.value.findIndex(t=>(o.valueComparator||se)(t.value,e.value)),r=t??!~n;if(~n){let t=r?[...M.value,e]:[...M.value];t.splice(n,1),M.value=t}else r&&(M.value=[...M.value,e]);o.clearOnSelect&&(B.value=``)}else{let r=t!==!1;M.value=r?[e]:[],(!b.value||o.alwaysFilter)&&L.value&&(R.value=L.value),L.value=r&&!I.value?e.title:``,p(()=>{q.value=n,b.value=!0})}}function qe(e){let t=[`
`,...o.delimiters??[]].map(ee).join(`|`);return e.split(RegExp(`(?:${t})+`))}async function Je(e){for(let t of e)t=t.trim(),t&&($(V(o,t)),await p())}function Ye(e){y.value=!0,setTimeout(()=>{x.value=!0})}function Xe(e){x.value=!1,v.value?.$el.contains(e.relatedTarget)||(y.value=!1)}function Ze(e){(S.value?.contentEl)?.contains(e.relatedTarget)&&(y.value=!0)}return l(y,(e,t)=>{if(!(e||e===t)&&(w.value=-1,q.value=!1,B.value)){if(o.multiple){$(V(o,B.value));return}if(!I.value)return;M.value.some(({title:e})=>e===B.value)?L.value=``:$(V(o,B.value))}}),l(q,e=>{if(!o.hideSelected&&e&&M.value.length&&b.value){let e=U.value.findIndex(e=>M.value.some(t=>(o.valueComparator||se)(t.value,e.value)));de&&window.requestAnimationFrame(()=>{e>=0&&C.value?.scrollToIndex(e)})}e&&(R.value=null)}),l(E,(e,t)=>{q.value||y.value&&!t.length&&e.length&&(q.value=!0)}),h(()=>{let t=!!(!o.hideNoData||U.value.length||g[`prepend-item`]||g[`append-item`]||g[`no-data`]),a=M.value.length>0,s=Ne.filterProps(o),l={search:B,filteredItems:H.value};return e(Ne,r({ref:v},s,{modelValue:B.value,"onUpdate:modelValue":e=>B.value=e,focused:y.value,"onUpdate:focused":e=>y.value=e,validationValue:M.externalValue,counterValue:pe.value,dirty:a,class:[`v-combobox`,{"v-combobox--active-menu":q.value,"v-combobox--chips":!!o.chips,"v-combobox--selection-slot":!!I.value,"v-combobox--selecting-index":w.value>-1,[`v-combobox--${o.multiple?`multiple`:`single`}`]:!0},o.class],style:o.style,readonly:N.isReadonly.value,placeholder:a?void 0:o.placeholder,"onClick:clear":ze,"onMousedown:control":Be,onKeydown:Ue,onPaste:We,onBlur:Ze,"aria-expanded":J.value,"aria-controls":Y.value}),{...g,default:({id:a})=>u(d,null,[e(je,r({id:Me.value,ref:S,modelValue:q.value,"onUpdate:modelValue":e=>q.value=e,activator:`parent`,contentClass:`v-combobox__content`,disabled:G.value,eager:o.eager,maxHeight:310,openOnClick:!1,closeOnContentClick:!1,onAfterEnter:Ge,onAfterLeave:Ke},o.menuProps),{default:()=>[e(Oe,{elevation:o.menuElevation,onFocusin:Ye,onKeydown:He},{default:()=>[g[`menu-header`]&&u(`header`,{ref:Fe},[g[`menu-header`](l)]),t&&e(ye,r({key:`combobox-list`,ref:Q,filterable:!0,selected:Pe.value,selectStrategy:o.multiple?`independent`:`single-independent`,onMousedown:e=>e.preventDefault(),selectable:!!U.value.length,onFocusout:Xe,tabindex:`-1`,"aria-live":`polite`,"aria-labelledby":`${a.value}-label`,"aria-multiselectable":o.multiple,color:o.itemColor??o.color},Le,o.listProps),{default:()=>[g[`prepend-item`]?.(),!U.value.length&&!o.hideNoData&&(g[`no-data`]?.()??e(he,{key:`no-data`,title:_(o.noDataText)},null)),e(Ee,{ref:C,renderless:!0,items:U.value,itemKey:`value`},{default:({item:t,index:n,itemRef:i})=>{let a=r(t.props,{ref:i,key:t.value,active:Z.value&&t===X.value?!0:void 0,onClick:()=>$(t,null),"aria-posinset":n+1,"aria-setsize":U.value.length});return t.type===`divider`?g.divider?.({props:t.raw,index:n})??e(ge,r(t.props,{key:`divider-${n}`}),null):t.type===`subheader`?g.subheader?.({props:t.raw,index:n})??e(ve,r(t.props,{key:`subheader-${n}`}),null):g.item?.({item:t.raw,internalItem:t,index:n,props:a})??e(he,r(a,{role:`option`}),{prepend:({isSelected:n})=>u(d,null,[o.multiple&&!o.hideSelected?e(W,{key:t.value,modelValue:n,ripple:!1,tabindex:`-1`,"aria-hidden":!0,onClick:e=>e.preventDefault()},null):void 0,t.props.prependAvatar&&e(me,{image:t.props.prependAvatar},null),t.props.prependIcon&&e(z,{icon:t.props.prependIcon},null)]),title:()=>b.value?t.title:Te(`v-combobox`,t.title,xe(t)?.title)})}}),g[`append-item`]?.()]}),g[`menu-footer`]&&u(`footer`,{ref:Ie},[g[`menu-footer`](l)])]})]}),M.value.map((t,a)=>{function s(e){e.stopPropagation(),e.preventDefault(),$(t,!1)}let l=r(we.filterProps(t.props),{"onClick:close":s,onKeydown(e){e.key!==`Enter`&&e.key!==` `||(e.preventDefault(),e.stopPropagation(),s(e))},onMousedown(e){e.preventDefault(),e.stopPropagation()},modelValue:!0,"onUpdate:modelValue":void 0}),d=F.value?!!g.chip:!!g.selection,f=d?D(F.value?g.chip({item:t.raw,internalItem:t,index:a,props:l}):g.selection({item:t.raw,internalItem:t,index:a})):void 0;if(!(d&&!f))return u(`div`,{key:t.value,class:i([`v-combobox__selection`,a===w.value&&[`v-combobox__selection--selected`,ie.value]]),style:n(a===w.value?ae.value:{})},[F.value?g.chip?e(A,{key:`chip-defaults`,defaults:{VChip:{closable:P.value,size:`small`,text:t.title}}},{default:()=>[f]}):e(we,r({key:`chip`,closable:P.value,size:`small`,text:t.title,disabled:t.props.disabled},l),null):f??u(`span`,{class:`v-combobox__selection-text`},[t.title,o.multiple&&a<M.value.length-1&&u(`span`,{class:`v-combobox__selection-comma`},[c(`,`)])])])})]),"append-inner":(...t)=>u(d,null,[g[`append-inner`]?.(...t),(!o.hideNoData||o.items.length)&&o.menuIcon?e(z,{class:`v-combobox__menu-icon`,color:v.value?.fieldIconColor,icon:o.menuIcon,onMousedown:Ve,onClick:ne,"aria-hidden":!0,tabindex:`-1`},null):void 0,o.appendInnerIcon&&e(k,{key:`append-icon`,name:`appendInner`,color:t[0].iconColor.value},null)])})}),oe({isFocused:y,isPristine:b,menu:q,search:B,selectionIndex:w,filteredItems:H,select:$},v)}});export{Pe as a,Y as i,Ie as n,J as o,Q as r,Re as t};