@farris/ui-vue 1.7.0-beta.3 → 1.7.0-beta.4

package/components/list-view/index.umd.cjs

@@ -1,4 +1,4 @@
-(function(P,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("../common/index.umd.js"),require("../data-view/index.umd.js"),require("../locale/index.umd.js"),require("../checkbox/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","vue","../common/index.umd.js","../data-view/index.umd.js","../locale/index.umd.js","../checkbox/index.umd.js"],e):(P=typeof globalThis<"u"?globalThis:P||self,e(P["list-view"]={},P.Vue,P.common,P.dataView,P.locale,P.checkbox))})(this,function(P,e,_,R,J,q){"use strict";const U={columns:{type:Array,default:[{field:"name",title:"",dataType:"string"}]},customClass:{type:String,default:""},data:{type:Array,default:[]},draggable:{type:Boolean,default:!1},multiSelect:{type:Boolean,default:!1},multiSelectMode:{type:String,default:"OnCheck"},idField:{type:String,default:"id"},valueField:{type:String,default:"id"},textField:{type:String,default:"name"},titleField:{type:String,default:"name"},view:{type:String,default:"ContentView"},size:{type:String,default:"default"},placeholder:{type:String,default:""},header:{type:String,default:"ContentHeader"},headerClass:{type:String,default:""},itemClass:{type:[String,Function],default:"",validator:t=>typeof t=="string"||typeof t=="function"},itemStyle:{type:[String,Function],default:"",validator:t=>typeof t=="string"||typeof t=="function"},itemContentClass:{type:String,default:""},selectionValues:{type:Array,default:[]},group:{type:Object},selection:{type:Object,default:{enableSelectRow:!0,multiSelect:!1,multiSelectMode:"DependOnCheck",showCheckbox:!1,showSelectAll:!1,showSelection:!0}},keepOrder:{type:Boolean,default:!1},disableField:{type:String,default:"disabled"},enableHighlightSearch:{type:Boolean,default:!0},virtualized:{type:Boolean,default:!0},checkBeforeRemoveItem:{type:Function,default:null},headerTemplate:{type:Object},contentTemplate:{type:Object},footerTemplate:{type:Object},emptyTemplate:{type:Object},pagination:{type:Object,default:{enable:!1,size:20}}};function Q(t,o){function v(l){const s=[];let h=l.nextNode();for(;h;)s.push(h),h=l.nextNode();return s}function w(l,s){const h=document.createTreeWalker(l,NodeFilter.SHOW_TEXT);return v(h).map(S=>({textNode:S,text:(S.textContent||"").toLocaleLowerCase()})).map(({textNode:S,text:c})=>{const i=[];let D=0;for(;D<c.length;){const V=c.indexOf(s,D);if(V===-1)break;i.push(V),D=V+s.length}return i.map(V=>{const C=new Range;return C.setStart(S,V),C.setEnd(S,V+s.length),C})}).flat()}function p(l){if(!CSS.highlights||(CSS.highlights.clear(),!l||!o))return;const s=w(o.value,l.toLocaleLowerCase()),h=new Highlight(...s);CSS.highlights.set("search-result",h)}return{search:p}}function X(t,o,v,w,p,l,s,h,M,g){const k=e.ref(t.size),S=e.ref(t.textField),c=e.ref(t.titleField),i=e.ref(t.disableField),D=e.computed(()=>{var n,m;return((n=t.selection)==null?void 0:n.multiSelect)&&((m=t.selection)==null?void 0:m.showCheckbox)}),{onMouseenterItem:V,onMouseoverItem:C,onMouseoutItem:N}=l,{getKey:F,listViewItemClass:T,listViewItemStyle:x,onCheckItem:B,onClickItem:r}=s,a=e.computed(()=>{const n={"text-overflow":"ellipsis",overflow:"hidden","white-space":"nowrap"};return t.itemClass?n:{margin:k.value==="small"?"0.25rem 0":"8px 0",...n}});function f(n,m,L){return n.checked=h.findIndexInSelectedItems(n)>-1,e.createVNode("li",{class:T(n,m),id:F(n,m),key:F(n,m),style:x(n,m),onClick:O=>r(n,m,O),onMouseenter:O=>V(O,n,m),onMouseover:O=>C(O,n,m),onMouseout:O=>N(O,n,m)},[D.value&&e.createVNode("div",{class:"f-list-select",onClick:O=>O.stopPropagation()},[e.createVNode(q.FCheckbox,{id:"list-"+F(n,m),customClass:"listview-checkbox float-left",disabled:n[i.value],checked:n.checked,"onUpdate:checked":O=>n.checked=O,onChange:O=>{B(n,m,!O.checked)}},null)]),e.createVNode("div",{class:"f-list-content"},[e.createVNode("div",{class:t.itemContentClass,style:a.value,title:n.raw[c.value]||n.raw[S.value]},[n.raw[S.value]])])])}return{renderItem:f}}function Z(t,o,v,w,p,l,s,h,M,g){const k=e.ref(t.multiSelect),S=e.ref(t.disableField),c=e.ref(t.textField),{onMouseenterItem:i,onMouseoverItem:D,onMouseoutItem:V}=l,{getKey:C,listViewItemClass:N,listViewItemStyle:F,onCheckItem:T,onClickItem:x}=s;function B(a,f,n){return t.contentTemplate?e.createVNode(e.Fragment,null,[t.contentTemplate({item:a.raw,index:f,selectedItem:n})]):o.slots.content?e.createVNode(e.Fragment,null,[o.slots.content&&o.slots.content({item:a.raw,index:f,selectedItem:n})]):e.createVNode("div",{style:"margin: 10px 0;"},[a.raw[c.value||"name"]])}function r(a,f,n){return e.createVNode("li",{class:N(a,f),id:C(a,f),key:C(a,f),style:F(a,f),onClick:m=>x(a,f,m),onMouseenter:m=>i(m,a,f),onMouseover:m=>D(m,a,f),onMouseout:m=>V(m,a,f)},[k.value&&e.createVNode("div",{class:"f-list-select",onClick:m=>m.stopPropagation()},[e.createVNode(q.FCheckbox,{id:"list-"+C(a,f),customClass:"listview-checkbox",disabled:a[S.value]||!a.checked,checked:a.checked,"onUpdate:checked":m=>a.checked=m,onChange:m=>T(a,f,!m.checked)},null)]),e.createVNode("div",{class:"f-list-content"},[B(a,f,n)])])}return{renderItem:r}}function ee(t,o,v,w,p,l,s,h,M,g){const k=e.ref(t.multiSelect),S=e.ref(t.disableField),c=e.ref(t.textField),{onMouseenterItem:i,onMouseoverItem:D,onMouseoutItem:V}=l,{getKey:C,listViewItemClass:N,onCheckItem:F,onClickItem:T}=s,{dragstart:x,dragenter:B,dragover:r,dragend:a}=w,{removeItem:f}=M,n=e.computed(()=>({margin:k.value?"10px 0":"10px 0px 10px 14px"}));function m(u,d=""){const j=u.target;j.title=j.scrollWidth>j.clientWidth?d:""}function L(u){return e.createVNode("div",{style:n.value,onMouseenter:d=>m(d,u.raw[c.value||"name"])},[u.raw[c.value||"name"]])}function O(){return o.slots.itemContent?o.slots.itemContent:L}const A=O();function y(u,d,j){return e.createVNode("li",{class:N(u,d),id:C(u,d),key:C(u,d),onClick:b=>T(u,d,b),onMouseenter:b=>i(b,u,d),onMouseover:b=>D(b,u,d),onMouseout:b=>V(b,u,d),draggable:"true",onDragstart:b=>x(b,u,d),onDragenter:b=>B(b,d),onDragend:b=>a(b,u),onDragover:b=>r(b)},[k.value&&e.createVNode("div",{class:"f-list-select",onClick:b=>b.stopPropagation()},[e.createVNode(q.FCheckbox,{id:"list-"+C(u,d),customClass:"listview-checkbox",disabled:u[S.value]||!u.checked,checked:u.checked,"onUpdate:checked":b=>u.checked=b,onChange:b=>F(u,d,!b.checked)},null)]),e.createVNode("div",{class:"f-list-content"},[A(u)]),e.createVNode("div",{class:"f-list-remove",onClick:b=>{b.stopPropagation(),f(d)}},[e.createVNode("div",{class:"f-list-remove-icon"},[e.createVNode("i",{class:"f-icon f-icon-remove_face"},null)])]),e.createVNode("div",{class:"f-list-handle"},[e.createVNode("div",null,[e.createVNode("i",{class:"f-icon f-icon-drag-vertical"},null)])])])}return{renderItem:y}}function te(t,o,v,w,p,l,s,h,M,g){var C;const k=e.ref(((C=t.group)==null?void 0:C.groupFields)||[]),{collpaseGroupIconClass:S}=p,{toggleGroupRow:c}=g;function i(N,F){F.collapse=!F.collapse,v.value=c(F.collapse?"collapse":"expand",F,v.value)}function D(N,F,T){return o.slots.group?e.createVNode(e.Fragment,null,[o.slots.content&&o.slots.group({item:N.raw,index:F,selectedItem:T})]):e.createVNode("div",{class:"f-navlookup-recentHeader",onClick:x=>i(x,N)},[e.createVNode("div",{class:"fv-grid-group-row-icon"},[e.createVNode("span",{class:S(N)},null)]),e.createVNode("div",{class:"f-navlookup-recommandLabel"},[N.raw[k.value[N.layer]]])])}function V(N,F,T){return N.layer>-1&&D(N,F,T)}return{renderItem:V}}function ne(t,o,v,w){const{dataView:p}=v,{updateSelectedItems:l}=w;function s(h){if(h>-1&&h<p.value.length){if(t!=null&&t.checkBeforeRemoveItem&&!t.checkBeforeRemoveItem(p.value[h]))return;const M=p.value.splice(h,1);l(),o.emit("removeItem",M[0])}}return{removeItem:s}}function oe(t,o,v,w,p,l,s,h,M,g){const k=e.ref(t.view),S=e.ref(t.view==="CardView"),c=e.ref({}),i=ne(t,o,w,M),D=e.computed(()=>({"f-list-view-group":!0,"f-list-view-group-multiselect":t.multiSelect,"d-flex":S.value,"flex-wrap":S.value})),V=e.computed(()=>!!v.value&&v.value.length>0),C=e.computed(()=>v.value.length===0);e.computed(()=>C.value&&!o.slots.empty);function N(){return k.value==="SingleView"?X:k.value==="DraggableView"?ee:(k.value==="ContentView"||k.value==="CardView")&&(t.contentTemplate||o.slots.content)?Z:X}const F=N(),{renderItem:T}=F(t,o,v,g,p,l,M,s,i,h),{renderItem:x}=te(t,o,v,g,p,l,M,s,i,h),B=[T,x];function r(){return v.value.filter(n=>n.visible!==!1).map((n,m)=>B[n.type](n,m,c))}function a(){return e.createVNode("div",{class:"f-list-view-emptydata",style:"margin: 0 auto;"},[e.createVNode("p",{class:"f-empty-title"},[t.emptyTemplate?t.emptyTemplate():o.slots.empty?o.slots.empty():J.LocaleService.getLocaleValue("listView.emptyMessage")])])}function f(){return e.createVNode("ul",{class:D.value,style:"list-style: none;"},[V.value&&r(),C.value&&a()])}return{renderListArea:f}}function le(t,o,v){function w(){return o.slots.header&&e.createVNode("div",{class:"f-list-view-header"},[o.slots.header()])}return{renderHeader:w}}function Y(t,o,v){const w=e.ref(t.headerClass),p=e.ref(t.placeholder),l=e.ref(""),s=e.computed(()=>!l.value),h=e.computed(()=>!!l.value);function M(c){l.value=""}e.watch(l,c=>{t.enableHighlightSearch&&v.search(c),o.emit("afterSearch",c)});const g=e.computed(()=>{const c={"form-group":!0,"farris-form-group":!0};return w.value&&w.value.split(" ").reduce((D,V)=>(D[V]=!0,D),c),c});function k(c){}function S(){return e.createVNode("div",{class:"f-list-view-header",onClick:e.withModifiers(()=>k,["prevent","stop"])},[e.createVNode("div",{class:g.value},[e.createVNode("div",{class:"farris-input-wrap"},[e.createVNode("div",{class:"f-cmp-inputgroup"},[e.createVNode("div",{class:"input-group f-state-editable"},[e.withDirectives(e.createVNode("input",{class:"form-control f-utils-fill text-left","onUpdate:modelValue":c=>l.value=c,name:"input-group-value",type:"text",placeholder:p.value,autocomplete:"off"},null),[[e.vModelText,l.value]]),e.createVNode("div",{class:"input-group-append"},[h.value&&e.createVNode("span",{class:"input-group-text input-group-clear",onClick:c=>M()},[e.createVNode("i",{class:"f-icon f-icon-close-circle"},null)]),s.value&&e.createVNode("span",{class:"input-group-text"},[e.createVNode("span",{class:"f-icon f-icon-search"},null)])])])])])])])}return{renderHeader:S}}function ae(){const t=e.ref(""),o=e.ref(-1),v=e.ref(""),w=e.ref(-1),p=e.ref(!1);function l(S,c,i){w.value=i}function s(S,c,i){p.value||(w.value=i)}function h(S,c,i){w.value=-1}function M(){p.value=!0}function g(){p.value=!1}function k(){o.value=-1,t.value=""}return{activeIndex:o,focusedItemId:v,hoverIndex:w,clearActiveItem:k,onMouseenterItem:l,onMouseoverItem:s,onMouseoutItem:h,resumeHover:g,suspendHover:M}}function se(t,o,v,w){const p=e.ref(t.idField),{dataView:l}=v,s=e.ref(-1),h=e.ref(!1),{activeIndex:M,focusedItemId:g,hoverIndex:k,resumeHover:S,suspendHover:c}=w;let i,D=0,V=0;function C(r,a){const f=r-D,n=a-V;i.style.left=parseInt(i.style.left)+f+"px",i.style.top=parseInt(i.style.top)+n+"px",D=r,V=a}function N(r){const{left:a,top:f}=r.getBoundingClientRect(),n=r.cloneNode(!0);return n.style.cssText=`
+(function(P,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("../common/index.umd.js"),require("../data-view/index.umd.js"),require("../locale/index.umd.js"),require("../checkbox/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","vue","../common/index.umd.js","../data-view/index.umd.js","../locale/index.umd.js","../checkbox/index.umd.js"],e):(P=typeof globalThis<"u"?globalThis:P||self,e(P["list-view"]={},P.Vue,P.common,P.dataView,P.locale,P.checkbox))})(this,function(P,e,_,R,J,q){"use strict";const U={columns:{type:Array,default:[{field:"name",title:"",dataType:"string"}]},customClass:{type:String,default:""},data:{type:Array,default:[]},draggable:{type:Boolean,default:!1},multiSelect:{type:Boolean,default:!1},multiSelectMode:{type:String,default:"OnCheck"},idField:{type:String,default:"id"},valueField:{type:String,default:"id"},textField:{type:String,default:"name"},titleField:{type:String,default:"name"},view:{type:String,default:"ContentView"},size:{type:String,default:"default"},placeholder:{type:String,default:""},header:{type:String,default:"ContentHeader"},headerClass:{type:String,default:""},itemClass:{type:[String,Function],default:"",validator:t=>typeof t=="string"||typeof t=="function"},itemStyle:{type:[String,Function],default:"",validator:t=>typeof t=="string"||typeof t=="function"},itemContentClass:{type:String,default:""},selectionValues:{type:Array,default:[]},group:{type:Object},selection:{type:Object,default:{enableSelectRow:!0,multiSelect:!1,multiSelectMode:"DependOnCheck",showCheckbox:!1,showSelectAll:!1,showSelection:!0}},keepOrder:{type:Boolean,default:!1},disableField:{type:String,default:"disabled"},enableHighlightSearch:{type:Boolean,default:!0},virtualized:{type:Boolean,default:!0},checkBeforeRemoveItem:{type:Function,default:null},headerTemplate:{type:Object},contentTemplate:{type:Object},footerTemplate:{type:Object},emptyTemplate:{type:Object},pagination:{type:Object,default:{enable:!1,size:20}}};function Q(t,o){function v(l){const s=[];let h=l.nextNode();for(;h;)s.push(h),h=l.nextNode();return s}function w(l,s){const h=document.createTreeWalker(l,NodeFilter.SHOW_TEXT);return v(h).map(S=>({textNode:S,text:(S.textContent||"").toLocaleLowerCase()})).map(({textNode:S,text:c})=>{const i=[];let D=0;for(;D<c.length;){const V=c.indexOf(s,D);if(V===-1)break;i.push(V),D=V+s.length}return i.map(V=>{const C=new Range;return C.setStart(S,V),C.setEnd(S,V+s.length),C})}).flat()}function p(l){if(!CSS.highlights||(CSS.highlights.clear(),!l||!o))return;const s=w(o.value,l.toLocaleLowerCase()),h=new Highlight(...s);CSS.highlights.set("search-result",h)}return{search:p}}function X(t,o,v,w,p,l,s,h,M,g){const k=e.ref(t.size),S=e.ref(t.textField),c=e.ref(t.titleField),i=e.ref(t.disableField),D=e.computed(()=>{var n,m;return((n=t.selection)==null?void 0:n.multiSelect)&&((m=t.selection)==null?void 0:m.showCheckbox)}),{onMouseenterItem:V,onMouseoverItem:C,onMouseoutItem:N}=l,{getKey:F,listViewItemClass:T,listViewItemStyle:x,onCheckItem:B,onClickItem:r}=s,a=e.computed(()=>{const n={"text-overflow":"ellipsis",overflow:"hidden","white-space":"nowrap"};return t.itemClass?n:{margin:k.value==="small"?"0.25rem 0":"8px 0",...n}});function f(n,m,L){return n.checked=h.findIndexInSelectedItems(n)>-1,e.createVNode("li",{class:T(n,m),id:F(n,m),key:F(n,m),style:x(n,m),onClick:O=>r(n,m,O),onMouseenter:O=>V(O,n,m),onMouseover:O=>C(O,n,m),onMouseout:O=>N(O,n,m)},[D.value&&e.createVNode("div",{class:"f-list-select",onClick:O=>O.stopPropagation()},[e.createVNode(q.FCheckbox,{id:"list-"+F(n,m),customClass:"listview-checkbox float-left",disabled:n[i.value],checked:n.checked,"onUpdate:checked":O=>n.checked=O,onChange:O=>{B(n,m,!O.checked)}},null)]),e.createVNode("div",{class:"f-list-content"},[e.createVNode("div",{class:t.itemContentClass,style:a.value,title:n.raw[c.value]||n.raw[S.value]},[n.raw[S.value]])])])}return{renderItem:f}}function Z(t,o,v,w,p,l,s,h,M,g){const k=e.ref(t.multiSelect),S=e.ref(t.disableField),c=e.ref(t.textField),{onMouseenterItem:i,onMouseoverItem:D,onMouseoutItem:V}=l,{getKey:C,listViewItemClass:N,listViewItemStyle:F,onCheckItem:T,onClickItem:x}=s;function B(a,f,n){return t.contentTemplate?e.createVNode(e.Fragment,null,[t.contentTemplate({item:a.raw,index:f,selectedItem:n})]):o.slots.content?e.createVNode(e.Fragment,null,[o.slots.content&&o.slots.content({item:a.raw,index:f,selectedItem:n})]):e.createVNode("div",{style:"margin: 10px 0;"},[a.raw[c.value||"name"]])}function r(a,f,n){return e.createVNode("li",{class:N(a,f),id:C(a,f),key:C(a,f),style:F(a,f),onClick:m=>x(a,f,m),onMouseenter:m=>i(m,a,f),onMouseover:m=>D(m,a,f),onMouseout:m=>V(m,a,f)},[k.value&&e.createVNode("div",{class:"f-list-select",onClick:m=>m.stopPropagation()},[e.createVNode(q.FCheckbox,{id:"list-"+C(a,f),customClass:"listview-checkbox",disabled:a[S.value],checked:a.checked,"onUpdate:checked":m=>a.checked=m,onChange:m=>T(a,f,!m.checked)},null)]),e.createVNode("div",{class:"f-list-content"},[B(a,f,n)])])}return{renderItem:r}}function ee(t,o,v,w,p,l,s,h,M,g){const k=e.ref(t.multiSelect),S=e.ref(t.disableField),c=e.ref(t.textField),{onMouseenterItem:i,onMouseoverItem:D,onMouseoutItem:V}=l,{getKey:C,listViewItemClass:N,onCheckItem:F,onClickItem:T}=s,{dragstart:x,dragenter:B,dragover:r,dragend:a}=w,{removeItem:f}=M,n=e.computed(()=>({margin:k.value?"10px 0":"10px 0px 10px 14px"}));function m(u,d=""){const j=u.target;j.title=j.scrollWidth>j.clientWidth?d:""}function L(u){return e.createVNode("div",{style:n.value,onMouseenter:d=>m(d,u.raw[c.value||"name"])},[u.raw[c.value||"name"]])}function O(){return o.slots.itemContent?o.slots.itemContent:L}const A=O();function y(u,d,j){return e.createVNode("li",{class:N(u,d),id:C(u,d),key:C(u,d),onClick:b=>T(u,d,b),onMouseenter:b=>i(b,u,d),onMouseover:b=>D(b,u,d),onMouseout:b=>V(b,u,d),draggable:"true",onDragstart:b=>x(b,u,d),onDragenter:b=>B(b,d),onDragend:b=>a(b,u),onDragover:b=>r(b)},[k.value&&e.createVNode("div",{class:"f-list-select",onClick:b=>b.stopPropagation()},[e.createVNode(q.FCheckbox,{id:"list-"+C(u,d),customClass:"listview-checkbox",disabled:u[S.value]||!u.checked,checked:u.checked,"onUpdate:checked":b=>u.checked=b,onChange:b=>F(u,d,!b.checked)},null)]),e.createVNode("div",{class:"f-list-content"},[A(u)]),e.createVNode("div",{class:"f-list-remove",onClick:b=>{b.stopPropagation(),f(d)}},[e.createVNode("div",{class:"f-list-remove-icon"},[e.createVNode("i",{class:"f-icon f-icon-remove_face"},null)])]),e.createVNode("div",{class:"f-list-handle"},[e.createVNode("div",null,[e.createVNode("i",{class:"f-icon f-icon-drag-vertical"},null)])])])}return{renderItem:y}}function te(t,o,v,w,p,l,s,h,M,g){var C;const k=e.ref(((C=t.group)==null?void 0:C.groupFields)||[]),{collpaseGroupIconClass:S}=p,{toggleGroupRow:c}=g;function i(N,F){F.collapse=!F.collapse,v.value=c(F.collapse?"collapse":"expand",F,v.value)}function D(N,F,T){return o.slots.group?e.createVNode(e.Fragment,null,[o.slots.content&&o.slots.group({item:N.raw,index:F,selectedItem:T})]):e.createVNode("div",{class:"f-navlookup-recentHeader",onClick:x=>i(x,N)},[e.createVNode("div",{class:"fv-grid-group-row-icon"},[e.createVNode("span",{class:S(N)},null)]),e.createVNode("div",{class:"f-navlookup-recommandLabel"},[N.raw[k.value[N.layer]]])])}function V(N,F,T){return N.layer>-1&&D(N,F,T)}return{renderItem:V}}function ne(t,o,v,w){const{dataView:p}=v,{updateSelectedItems:l}=w;function s(h){if(h>-1&&h<p.value.length){if(t!=null&&t.checkBeforeRemoveItem&&!t.checkBeforeRemoveItem(p.value[h]))return;const M=p.value.splice(h,1);l(),o.emit("removeItem",M[0])}}return{removeItem:s}}function oe(t,o,v,w,p,l,s,h,M,g){const k=e.ref(t.view),S=e.ref(t.view==="CardView"),c=e.ref({}),i=ne(t,o,w,M),D=e.computed(()=>({"f-list-view-group":!0,"f-list-view-group-multiselect":t.multiSelect,"d-flex":S.value,"flex-wrap":S.value})),V=e.computed(()=>!!v.value&&v.value.length>0),C=e.computed(()=>v.value.length===0);e.computed(()=>C.value&&!o.slots.empty);function N(){return k.value==="SingleView"?X:k.value==="DraggableView"?ee:(k.value==="ContentView"||k.value==="CardView")&&(t.contentTemplate||o.slots.content)?Z:X}const F=N(),{renderItem:T}=F(t,o,v,g,p,l,M,s,i,h),{renderItem:x}=te(t,o,v,g,p,l,M,s,i,h),B=[T,x];function r(){return v.value.filter(n=>n.visible!==!1).map((n,m)=>B[n.type](n,m,c))}function a(){return e.createVNode("div",{class:"f-list-view-emptydata",style:"margin: 0 auto;"},[e.createVNode("p",{class:"f-empty-title"},[t.emptyTemplate?t.emptyTemplate():o.slots.empty?o.slots.empty():J.LocaleService.getLocaleValue("listView.emptyMessage")])])}function f(){return e.createVNode("ul",{class:D.value,style:"list-style: none;"},[V.value&&r(),C.value&&a()])}return{renderListArea:f}}function le(t,o,v){function w(){return o.slots.header&&e.createVNode("div",{class:"f-list-view-header"},[o.slots.header()])}return{renderHeader:w}}function Y(t,o,v){const w=e.ref(t.headerClass),p=e.ref(t.placeholder),l=e.ref(""),s=e.computed(()=>!l.value),h=e.computed(()=>!!l.value);function M(c){l.value=""}e.watch(l,c=>{t.enableHighlightSearch&&v.search(c),o.emit("afterSearch",c)});const g=e.computed(()=>{const c={"form-group":!0,"farris-form-group":!0};return w.value&&w.value.split(" ").reduce((D,V)=>(D[V]=!0,D),c),c});function k(c){}function S(){return e.createVNode("div",{class:"f-list-view-header",onClick:e.withModifiers(()=>k,["prevent","stop"])},[e.createVNode("div",{class:g.value},[e.createVNode("div",{class:"farris-input-wrap"},[e.createVNode("div",{class:"f-cmp-inputgroup"},[e.createVNode("div",{class:"input-group f-state-editable"},[e.withDirectives(e.createVNode("input",{class:"form-control f-utils-fill text-left","onUpdate:modelValue":c=>l.value=c,name:"input-group-value",type:"text",placeholder:p.value,autocomplete:"off"},null),[[e.vModelText,l.value]]),e.createVNode("div",{class:"input-group-append"},[h.value&&e.createVNode("span",{class:"input-group-text input-group-clear",onClick:c=>M()},[e.createVNode("i",{class:"f-icon f-icon-close-circle"},null)]),s.value&&e.createVNode("span",{class:"input-group-text"},[e.createVNode("span",{class:"f-icon f-icon-search"},null)])])])])])])])}return{renderHeader:S}}function ae(){const t=e.ref(""),o=e.ref(-1),v=e.ref(""),w=e.ref(-1),p=e.ref(!1);function l(S,c,i){w.value=i}function s(S,c,i){p.value||(w.value=i)}function h(S,c,i){w.value=-1}function M(){p.value=!0}function g(){p.value=!1}function k(){o.value=-1,t.value=""}return{activeIndex:o,focusedItemId:v,hoverIndex:w,clearActiveItem:k,onMouseenterItem:l,onMouseoverItem:s,onMouseoutItem:h,resumeHover:g,suspendHover:M}}function se(t,o,v,w){const p=e.ref(t.idField),{dataView:l}=v,s=e.ref(-1),h=e.ref(!1),{activeIndex:M,focusedItemId:g,hoverIndex:k,resumeHover:S,suspendHover:c}=w;let i,D=0,V=0;function C(r,a){const f=r-D,n=a-V;i.style.left=parseInt(i.style.left)+f+"px",i.style.top=parseInt(i.style.top)+n+"px",D=r,V=a}function N(r){const{left:a,top:f}=r.getBoundingClientRect(),n=r.cloneNode(!0);return n.style.cssText=`
         position:absolute;
         left:${a}px;
         top:${document.documentElement.scrollTop?f+document.documentElement.scrollTop:f}px;