@oneb/ui-vue 0.4.3 → 0.4.6

package/dist/dataTable/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),pe=require("../i18n/index.cjs"),_=require("../useMediaQuery-1d87df02.cjs"),Fe=require("../ChevronLeftIcon-7505e081.cjs"),Y=require("../ChevronRightIcon-2992cf0d.cjs"),P=require("../SpinnerIcon-01be39fe.cjs"),Q=require("../ChevronDownIcon-6889ac87.cjs"),qe=require("../ChevronUpIcon-64a673e1.cjs"),T=require("../CheckIcon-09b84cf5.cjs"),Me=require("../_plugin-vue_export-helper-f246444f.cjs");function ce(c,a){return e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.8",stroke:"currentColor","aria-hidden":"true"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M8.25 15L12 18.75 15.75 15m-7.5-6L12 5.25 15.75 9"})])}const ze={field:{type:String,required:!1},header:{type:String,required:!1},sortable:{type:Boolean,default:!1},sortField:{type:String,required:!1},filterable:{type:Boolean,default:!1},filterField:{type:String,required:!1},expander:{type:Boolean,default:!1},width:{type:String,required:!1},headerClass:{type:String,required:!1},bodyClass:{type:String,required:!1},headerStyle:{type:[String,Object],required:!1},bodyStyle:{type:[String,Object],required:!1},visibleFrom:{type:String,required:!1}},Le={value:{type:Array,default:()=>[]},dataKey:{type:String,required:!1},lazy:{type:Boolean,default:!1},paginator:{type:Boolean,default:!1},rows:{type:Number,default:10},first:{type:Number,default:0},totalRecords:{type:Number,required:!1},rowsPerPageOptions:{type:Array,default:()=>[10,25,50,100]},sortField:{type:String,required:!1},sortOrder:{type:Number,default:null},selectionMode:{type:String,required:!1},selection:{type:[Object,Array],required:!1},expandedRows:{type:[Array,Object],default:()=>[]},filters:{type:Object,required:!1},filterDisplay:{type:String,default:null},globalFilterFields:{type:Array,required:!1},loading:{type:Boolean,default:!1},striped:{type:Boolean,default:!1},hoverable:{type:Boolean,default:!0},bordered:{type:Boolean,default:!1},size:{type:String,default:"md"},tableClass:{type:String,required:!1},hasNextPage:{type:Boolean,default:!1},loadingNext:{type:Boolean,default:!1},loadMoreLabel:{type:String,default:""},colWidths:{type:[Array,Function],required:!1},verticalBorders:{type:String,default:"none"},headerVariant:{type:String,default:"default"},headerBgClass:{type:String,required:!1},bodyBgClass:{type:String,required:!1},wrapperClass:{type:String,required:!1},wrapperBordered:{type:Boolean,default:!0},cardBreakpoint:{type:String,required:!1},disabledRows:{type:Function,required:!1}},fe=Symbol("OneDataTable"),de={contains:(c,a)=>String(c??"").toLowerCase().includes(String(a).toLowerCase()),startsWith:(c,a)=>String(c??"").toLowerCase().startsWith(String(a).toLowerCase()),endsWith:(c,a)=>String(c??"").toLowerCase().endsWith(String(a).toLowerCase()),equals:(c,a)=>String(c??"").toLowerCase()===String(a).toLowerCase(),notEquals:(c,a)=>String(c??"").toLowerCase()!==String(a).toLowerCase()},Oe=(c=!0)=>{const a=["overflow-x-auto","w-full"];return c&&a.push("border","border-gray-100","rounded"),a},Pe=c=>{const a=["min-w-full","text-left","relative"];return c==="sm"?a.push("text-xs"):c==="lg"?a.push("text-base"):a.push("text-sm"),a},G=(c,a,d="none",o="default",i)=>{const p=[];return o==="minimal"?p.push(i||"bg-gray-50","text-gray-700","font-medium","text-sm","normal-case","border-b","border-gray-200"):p.push(i||"bg-gray-100","text-gray-600","font-semibold","text-xs","uppercase","tracking-wide","border-b","border-gray-200","whitespace-nowrap"),a&&p.push("cursor-pointer","select-none","hover:text-primary-base","transition-colors"),d==="always"?p.push("border-r","border-r-gray-200","last:border-r-0"):(d==="hover"||d==="hover-table")&&p.push("border-r","border-r-transparent","last:border-r-0"),c==="sm"?p.push("px-1.5","py-1"):c==="lg"?p.push("px-4","py-3"):p.push("p-2"),p},J=(c,a,d="none",o)=>{const i=["border-b","border-gray-100","text-gray-900"];return o&&i.push(o),a&&i.push("border-r"),d==="always"?i.push("border-r","border-r-gray-200","last:border-r-0"):(d==="hover"||d==="hover-table")&&i.push("border-r","border-r-transparent","last:border-r-0"),c==="sm"?i.push("px-1.5","py-1"):c==="lg"?i.push("px-4","py-3"):i.push("px-2","py-1.5"),i},Te=(c,a,d,o,i=!1,p=!1)=>{const f=[];return i&&f.push("group"),p?(f.push("opacity-50"),f):(o?f.push("bg-primary-25"):c&&d&&f.push("bg-gray-50"),a&&(o?f.push("hover:bg-primary-25-hover","transition-colors"):f.push("hover:bg-gray-50","transition-colors")),f)},$=c=>{const a=["w-3.5","h-3.5","inline-block","ml-1"];return c?a.push("text-primary-base"):a.push("text-gray-400"),a.push("transition-transform","duration-200"),a},Z=c=>{const a=["text-center"];return c==="sm"?a.push("w-8"):c==="lg"?a.push("w-14"):a.push("w-12"),a},ue=c=>Z(c),$e=()=>["flex","items-center","justify-between","px-2","py-2","border-t","border-gray-100","bg-white","text-sm"],je=(c,a,d=!1)=>{const o=["rounded","border","p-3"];return d?(o.push("bg-white","border-gray-100","opacity-50"),o):(a?o.push("bg-primary-25","border-primary-base/20"):o.push("bg-white","border-gray-100"),c&&(a?o.push("hover:bg-primary-25-hover","transition-colors"):o.push("hover:bg-gray-50","transition-colors")),o)},Ke=c=>{const a=["flex","items-start","justify-between","gap-2"];return c==="sm"?a.push("py-0.5"):c==="lg"?a.push("py-2"):a.push("py-1"),a},X=c=>{const a=["bg-gray-100","border-b","border-gray-200"];return c==="sm"?a.push("px-1.5","py-1"):c==="lg"?a.push("px-4","py-2"):a.push("px-2","py-1.5"),a},Ae={class:"flex items-center gap-4"},We={class:"text-gray-600"},Ie=["value"],Ue=["value"],He={class:"flex items-center gap-1"},Qe=["disabled"],Ge={class:"px-2 text-gray-600"},Je=["disabled"],me=e.defineComponent({__name:"OneDataTablePaginator",props:{first:{type:Number,required:!0},rows:{type:Number,required:!0},totalRecords:{type:Number,required:!0},rowsPerPageOptions:{type:Array,default:()=>[10,25,50,100]}},emits:["update:first","update:rows","page"],setup(c,{emit:a}){const d=c,o=a,i=pe.useOnebI18n(),p=e.computed(()=>Math.ceil(d.totalRecords/d.rows)),f=e.computed(()=>Math.floor(d.first/d.rows)+1),E=e.computed(()=>d.totalRecords===0?0:d.first+1),j=e.computed(()=>Math.min(d.first+d.rows,d.totalRecords)),K=e.computed(()=>d.first===0),C=e.computed(()=>d.first+d.rows>=d.totalRecords),R=e.computed(()=>$e()),x=g=>{g<0||g>=d.totalRecords||(o("update:first",g),o("page",{first:g,rows:d.rows,page:Math.floor(g/d.rows),pageCount:p.value}))},F=()=>{x(Math.max(0,d.first-d.rows))},m=()=>{x(d.first+d.rows)},M=g=>{const b=parseInt(g.target.value);o("update:rows",b),o("update:first",0),o("page",{first:0,rows:b,page:0,pageCount:Math.ceil(d.totalRecords/b)})};return(g,b)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(R.value)},[e.createElementVNode("div",Ae,[e.createElementVNode("span",We,e.toDisplayString(E.value)+"–"+e.toDisplayString(j.value)+" of "+e.toDisplayString(c.totalRecords),1),c.rowsPerPageOptions.length>1?(e.openBlock(),e.createElementBlock("select",{key:0,value:c.rows,class:"border border-gray-300 rounded px-2 py-1 text-sm bg-white focus:outline-none focus:ring-1 focus:ring-primary-glow",onChange:M},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c.rowsPerPageOptions,v=>(e.openBlock(),e.createElementBlock("option",{key:v,value:v},e.toDisplayString(e.unref(i)("ui.dataTable.perPage",{count:v})),9,Ue))),128))],40,Ie)):e.createCommentVNode("",!0)]),e.createElementVNode("div",He,[e.createElementVNode("button",{disabled:K.value,class:"p-1.5 rounded hover:bg-gray-100 disabled:opacity-30 disabled:cursor-default transition-colors",onClick:F},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(Fe.render)),{class:"w-4 h-4 text-gray-600"}))],8,Qe),e.createElementVNode("span",Ge,e.toDisplayString(f.value)+" / "+e.toDisplayString(p.value),1),e.createElementVNode("button",{disabled:C.value,class:"p-1.5 rounded hover:bg-gray-100 disabled:opacity-30 disabled:cursor-default transition-colors",onClick:m},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(Y.render)),{class:"w-4 h-4 text-gray-600"}))],8,Je)])],2))}}),Xe={key:0,class:"mb-3"},Ye={key:0},Ze={key:0,class:"w-5 h-5 rounded bg-primary-base flex items-center justify-center text-white"},De={key:1,class:"w-5 h-5 rounded border border-gray-300 bg-white"},et=["onClick"],tt={key:1,class:"inline-flex items-center gap-1"},rt={key:0},ot=["value","placeholder","onInput"],lt={key:1},st=["onClick"],nt=["onClick"],at={key:0,class:"w-5 h-5 rounded bg-primary-base flex items-center justify-center text-white"},it={key:1,class:"w-5 h-5 rounded border border-gray-300 bg-white"},ct=["onClick"],dt={key:0,class:"w-5 h-5 rounded-full bg-primary-base flex items-center justify-center"},ut={key:1,class:"w-5 h-5 rounded-full border border-gray-300 bg-white"},pt=["disabled","onClick"],ft={key:0},mt=["colspan"],yt={key:2},kt=["colspan"],gt={class:"flex items-center justify-center gap-2 text-gray-500"},ht={key:3},bt=["colspan"],vt={class:"text-gray-400"},Bt={key:4},Ct=["colspan"],wt=["disabled"],Et={key:2},St={key:0,class:"text-center py-12"},xt={class:"flex items-center justify-center gap-2 text-gray-500"},Nt={key:1,class:"text-center py-12"},Vt={class:"text-gray-400"},_t={key:2,class:"space-y-2"},Rt={key:0,class:"flex items-center gap-2 px-3 py-2"},Ft={key:0,class:"w-5 h-5 rounded bg-primary-base flex items-center justify-center text-white"},qt={key:1,class:"w-5 h-5 rounded border border-gray-300 bg-white"},Mt={class:"text-sm text-gray-500"},zt=["onClick"],Lt={key:0,class:"flex items-center justify-between mb-2"},Ot={key:0},Pt=["onClick"],Tt={key:0,class:"w-5 h-5 rounded bg-primary-base flex items-center justify-center text-white"},$t={key:1,class:"w-5 h-5 rounded border border-gray-300 bg-white"},jt=["onClick"],Kt={key:0,class:"w-5 h-5 rounded-full bg-primary-base flex items-center justify-center"},At={key:1,class:"w-5 h-5 rounded-full border border-gray-300 bg-white"},Wt={key:1},It=["disabled","onClick"],Ut={class:"text-gray-500 text-xs font-medium shrink-0"},Ht={class:"text-right"},Qt={key:1,class:"mt-2 pt-2 border-t border-gray-100"},Gt=["disabled"],Jt={key:4,class:"mt-3"},Xt=e.defineComponent({__name:"OneDataTable",props:Le,emits:["update:value","update:selection","update:expandedRows","update:first","update:rows","update:sortField","update:sortOrder","update:filters","sort","page","filter","row-click","row-select","row-unselect","row-expand","row-collapse","load:next"],setup(c,{expose:a,emit:d}){const o=c,i=d,p=e.useSlots(),f=pe.useOnebI18n(),E=e.ref([]),j=t=>{E.value.push(t)},K=t=>{const l=E.value.indexOf(t);l>-1&&E.value.splice(l,1)};e.provide(fe,{registerColumn:j,unregisterColumn:K});const C=e.ref(o.first),R=e.ref(o.rows),x=e.ref(o.sortField),F=e.ref(o.sortOrder);e.watch(()=>o.first,t=>{C.value=t}),e.watch(()=>o.rows,t=>{R.value=t}),e.watch(()=>o.sortField,t=>{x.value=t}),e.watch(()=>o.sortOrder,t=>{F.value=t});const m=e.ref([...o.value]);e.watch(()=>o.value,t=>{m.value=[...t]});const M=e.computed(()=>C.value),g=e.computed(()=>R.value),b=e.computed(()=>x.value),v=e.computed(()=>F.value),y=(t,l)=>l?l.split(".").reduce((r,n)=>r==null?void 0:r[n],t):t,D=t=>o.dataKey?y(t,o.dataKey):t,B=(t,l)=>t==null||l==null?t===l:o.dataKey?y(t,o.dataKey)===y(l,o.dataKey):t===l,ee=(t,l)=>o.dataKey?y(t,o.dataKey):l,k=t=>{var l;return((l=o.disabledRows)==null?void 0:l.call(o,t))??!1};a({updateRow:t=>{if(!o.dataKey)return console.warn("[OneDataTable] updateRow requires dataKey to be set"),!1;const l=y(t,o.dataKey),r=m.value.findIndex(s=>y(s,o.dataKey)===l);if(r===-1)return!1;const n=[...m.value];return n[r]=t,m.value=n,i("update:value",n),!0},addItems:(t,l="append")=>{const r=l==="prepend"?[...t,...m.value]:[...m.value,...t];m.value=r,i("update:value",r)},removeRow:t=>{if(!o.dataKey)return console.warn("[OneDataTable] removeRow requires dataKey to be set"),!1;const l=m.value.findIndex(n=>y(n,o.dataKey)===t);if(l===-1)return!1;const r=[...m.value];return r.splice(l,1),m.value=r,i("update:value",r),!0}});const h=e.computed(()=>E.value.some(t=>t.props.expander)),w=e.computed(()=>!!o.selectionMode),z=e.computed(()=>o.selectionMode==="multiple"),A=e.computed(()=>E.value.filter(t=>!t.props.expander)),L=e.computed(()=>q.value.length+(w.value?1:0)+(h.value?1:0)),te=e.computed(()=>{var r,n;if(o.lazy||!o.filters)return m.value;let t=[...m.value];const l=o.filters;if((r=l.global)!=null&&r.value&&((n=o.globalFilterFields)!=null&&n.length)){const s=l.global.value;t=t.filter(u=>o.globalFilterFields.some(H=>de.contains(y(u,H),s)))}for(const[s,u]of Object.entries(l)){if(s==="global"||!u.value)continue;const H=u.matchMode||"contains",ie=de[H];ie&&(t=t.filter(Re=>ie(y(Re,s),u.value)))}return t}),ye=e.computed(()=>{const t=te.value;return o.lazy||!b.value||!v.value?t:[...t].sort((l,r)=>{const n=y(l,b.value),s=y(r,b.value);if(n==null&&s==null)return 0;if(n==null)return 1;if(s==null)return-1;let u;return typeof n=="number"&&typeof s=="number"?u=n-s:u=String(n).localeCompare(String(s)),v.value===1?u:-u})}),re=e.computed(()=>o.totalRecords??te.value.length),N=e.computed(()=>{const t=ye.value;if(o.paginator&&!o.lazy){const l=M.value,r=l+g.value;return t.slice(l,r)}return t}),ke=t=>{let l;b.value===t?v.value===1?l=-1:v.value===-1?l=null:l=1:l=1,x.value=t,F.value=l,i("update:sortField",t),i("update:sortOrder",l),i("sort",{field:t,order:l}),!o.lazy&&o.paginator&&(C.value=0,i("update:first",0))},oe=t=>t.props.sortField||t.props.field,ge=t=>b.value===oe(t),S=t=>o.selection?o.selectionMode==="single"?B(o.selection,t):o.selectionMode==="multiple"?o.selection.some(l=>B(l,t)):!1:!1,O=(t,l,r)=>{if(i("row-click",{originalEvent:t,data:l,index:r}),!k(l)&&o.selectionMode==="single"){const n=B(o.selection,l)?null:l;i("update:selection",n),n?i("row-select",{originalEvent:t,data:l}):i("row-unselect",{originalEvent:t,data:l})}},W=(t,l)=>{if(t.stopPropagation(),!k(l)&&o.selectionMode==="multiple"){const r=o.selection||[],n=r.some(u=>B(u,l));let s;n?(s=r.filter(u=>!B(u,l)),i("row-unselect",{originalEvent:t,data:l})):(s=[...r,l],i("row-select",{originalEvent:t,data:l})),i("update:selection",s)}},I=e.computed(()=>{if(o.selectionMode!=="multiple"||!o.selection)return!1;const t=o.selection,l=N.value.filter(r=>!k(r));return l.length>0&&l.every(r=>t.some(n=>B(n,r)))}),le=t=>{t.stopPropagation();const l=o.selection||[],r=N.value.filter(n=>!k(n));if(I.value){const n=l.filter(s=>!r.some(u=>B(s,u)));i("update:selection",n)}else{const n=[...l];r.forEach(s=>{n.some(u=>B(u,s))||n.push(s)}),i("update:selection",n)}},V=t=>{if(!o.expandedRows)return!1;if(Array.isArray(o.expandedRows))return o.expandedRows.some(l=>B(l,t));if(o.dataKey){const l=String(D(t));return!!o.expandedRows[l]}return!1},U=(t,l)=>{if(t.stopPropagation(),k(l))return;const r=V(l);if(Array.isArray(o.expandedRows)){let n;r?(n=o.expandedRows.filter(s=>!B(s,l)),i("row-collapse",{originalEvent:t,data:l})):(n=[...o.expandedRows,l],i("row-expand",{originalEvent:t,data:l})),i("update:expandedRows",n)}else if(o.dataKey){const n=String(D(l)),s={...o.expandedRows};r?(delete s[n],i("row-collapse",{originalEvent:t,data:l})):(s[n]=!0,i("row-expand",{originalEvent:t,data:l})),i("update:expandedRows",s)}},he=(t,l,r)=>{var s;if(!o.filters)return;const n={...o.filters,[t]:{value:l,matchMode:r||((s=o.filters[t])==null?void 0:s.matchMode)||"contains"}};i("update:filters",n),o.lazy&&i("filter",{filters:n}),o.paginator&&(C.value=0,i("update:first",0))},se=t=>{var l;return((l=o.filters)==null?void 0:l[t])||{value:null}},be=t=>()=>{o.filters&&(i("update:filters",{...o.filters}),o.lazy&&i("filter",{filters:o.filters}),o.paginator&&(C.value=0,i("update:first",0)))},ve=t=>{C.value=t,i("update:first",t)},Be=t=>{R.value=t,i("update:rows",t)},ne=e.computed(()=>{const t=[];if(o.colWidths){if(typeof o.colWidths=="function"){const l=o.colWidths(A.value),r=[];return w.value&&r.push(""),h.value&&r.push(""),[...r,...l]}return o.colWidths}return w.value&&t.push(""),h.value&&t.push(""),A.value.forEach(l=>{t.push(l.props.width||"")}),t}),ae=e.computed(()=>ne.value.some(t=>t!==""&&t!=null)),Ce=e.computed(()=>o.wrapperClass?["overflow-x-auto","w-full",o.wrapperClass]:o.verticalBorders==="hover-table"?["overflow-x-auto","w-full","border","border-transparent","rounded"]:Oe(o.wrapperBordered)),we=e.computed(()=>{const t=Pe(o.size);return o.tableClass&&t.push(o.tableClass),o.bordered&&t.push("border","border-gray-100"),t}),Ee=o.cardBreakpoint?_.useBreakpoint(o.cardBreakpoint):e.ref(!0),Se=e.computed(()=>!!o.cardBreakpoint&&!Ee.value),xe={sm:_.useBreakpoint("sm"),md:_.useBreakpoint("md"),lg:_.useBreakpoint("lg"),xl:_.useBreakpoint("xl"),"2xl":_.useBreakpoint("2xl")},Ne=t=>{var r;if(!t.props.visibleFrom)return!0;const l=t.props.visibleFrom;return((r=xe[l])==null?void 0:r.value)??!0},q=e.computed(()=>A.value.filter(Ne)),Ve=t=>l=>U(l,t),_e=t=>l=>W(l,t);return(t,l)=>(e.openBlock(),e.createElementBlock("div",null,[e.withDirectives(e.createElementVNode("div",null,[e.renderSlot(t.$slots,"default",{},void 0,!0)],512),[[e.vShow,!1]]),e.unref(p).header?(e.openBlock(),e.createElementBlock("div",Xe,[e.renderSlot(t.$slots,"header",{},void 0,!0)])):e.createCommentVNode("",!0),Se.value?(e.openBlock(),e.createElementBlock("div",Et,[t.loading?(e.openBlock(),e.createElementBlock("div",St,[e.renderSlot(t.$slots,"loading",{},()=>[e.createElementVNode("div",xt,[e.createVNode(P.SpinnerIcon,{class:"w-5 h-5"}),e.createElementVNode("span",null,e.toDisplayString(e.unref(f)("ui.dataTable.loading")),1)])],!0)])):N.value.length===0?(e.openBlock(),e.createElementBlock("div",Nt,[e.renderSlot(t.$slots,"empty",{},()=>[e.createElementVNode("span",Vt,e.toDisplayString(e.unref(f)("ui.dataTable.noRecords")),1)],!0)])):(e.openBlock(),e.createElementBlock("div",_t,[z.value?(e.openBlock(),e.createElementBlock("div",Rt,[e.createElementVNode("div",{class:"cursor-pointer",onClick:l[2]||(l[2]=r=>le(r))},[I.value?(e.openBlock(),e.createElementBlock("div",Ft,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(T.render)),{class:"w-3.5 h-3.5"}))])):(e.openBlock(),e.createElementBlock("div",qt))]),e.createElementVNode("span",Mt,e.toDisplayString(e.unref(f)("ui.dataTable.selectAll")),1)])):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(N.value,(r,n)=>(e.openBlock(),e.createElementBlock("div",{key:ee(r,n),class:e.normalizeClass([...e.unref(je)(t.hoverable,S(r),k(r)),t.selectionMode&&!k(r)?"cursor-pointer":""]),onClick:s=>O(s,r,n)},[e.unref(p).card?e.renderSlot(t.$slots,"card",{key:0,data:r,index:n,selected:S(r),expanded:h.value&&V(r),toggleExpansion:Ve(r),toggleSelection:_e(r),disabled:k(r)},void 0,!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[w.value||h.value?(e.openBlock(),e.createElementBlock("div",Lt,[w.value?(e.openBlock(),e.createElementBlock("div",Ot,[z.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"cursor-pointer",onClick:e.withModifiers(s=>W(s,r),["stop"])},[S(r)?(e.openBlock(),e.createElementBlock("div",Tt,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(T.render)),{class:"w-3.5 h-3.5"}))])):(e.openBlock(),e.createElementBlock("div",$t))],8,Pt)):(e.openBlock(),e.createElementBlock("div",{key:1,class:"cursor-pointer",onClick:e.withModifiers(s=>O(s,r,n),["stop"])},[S(r)?(e.openBlock(),e.createElementBlock("div",Kt,[...l[6]||(l[6]=[e.createElementVNode("div",{class:"w-2 h-2 rounded-full bg-white"},null,-1)])])):(e.openBlock(),e.createElementBlock("div",At))],8,jt))])):(e.openBlock(),e.createElementBlock("div",Wt)),h.value?(e.openBlock(),e.createElementBlock("button",{key:2,class:"p-1 rounded hover:bg-gray-100 transition-colors disabled:opacity-50 disabled:cursor-default disabled:hover:bg-transparent",disabled:k(r),onClick:e.withModifiers(s=>U(s,r),["stop"])},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(V(r)?e.unref(Q.render):e.unref(Y.render)),{class:"w-4 h-4 text-gray-500"}))],8,It)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(q.value,(s,u)=>(e.openBlock(),e.createElementBlock("div",{key:u,class:e.normalizeClass(e.unref(Ke)(t.size))},[e.createElementVNode("span",Ut,e.toDisplayString(s.props.header),1),e.createElementVNode("div",Ht,[s.slots.body?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(s.slots.body),{key:0,data:r,field:s.props.field,index:n},null,8,["data","field","index"])):s.props.field?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(y(r,s.props.field)),1)],64)):e.createCommentVNode("",!0)])],2))),128)),h.value&&V(r)?(e.openBlock(),e.createElementBlock("div",Qt,[e.renderSlot(t.$slots,"expansion",{data:r,index:n},void 0,!0)])):e.createCommentVNode("",!0)],64))],10,zt))),128)),t.hasNextPage&&!t.loading?(e.openBlock(),e.createElementBlock("button",{key:1,class:"w-full p-2 rounded bg-primary-base bg-opacity-10 text-primary-base text-sm font-medium hover:bg-opacity-20 transition-colors disabled:opacity-50 disabled:cursor-default flex items-center justify-center gap-2",disabled:t.loadingNext,onClick:l[3]||(l[3]=r=>i("load:next"))},[t.loadingNext?(e.openBlock(),e.createBlock(P.SpinnerIcon,{key:0,class:"w-4 h-4"})):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(t.loadMoreLabel||e.unref(f)("ui.dataTable.showMore")),1)],8,Gt)):e.createCommentVNode("",!0)]))])):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass([...Ce.value,t.verticalBorders==="hover-table"?"vb-hover":""])},[e.createElementVNode("table",{class:e.normalizeClass([...we.value,t.verticalBorders!=="none"?"border-separate border-spacing-0":"border-collapse",t.verticalBorders==="hover"?"vb-hover":"",ae.value?"table-fixed":""])},[ae.value?(e.openBlock(),e.createElementBlock("colgroup",Ye,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(ne.value,(r,n)=>(e.openBlock(),e.createElementBlock("col",{key:`col-${n}`,style:e.normalizeStyle(r?{width:r}:{})},null,4))),128))])):e.createCommentVNode("",!0),e.createElementVNode("thead",null,[e.createElementVNode("tr",null,[w.value?(e.openBlock(),e.createElementBlock("th",{key:0,class:e.normalizeClass([...e.unref(G)(t.size,!1,t.verticalBorders,t.headerVariant,t.headerBgClass),...e.unref(Z)(t.size)])},[z.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"flex items-center justify-center cursor-pointer",onClick:l[0]||(l[0]=r=>le(r))},[I.value?(e.openBlock(),e.createElementBlock("div",Ze,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(T.render)),{class:"w-3.5 h-3.5"}))])):(e.openBlock(),e.createElementBlock("div",De))])):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),h.value?(e.openBlock(),e.createElementBlock("th",{key:1,class:e.normalizeClass([...e.unref(G)(t.size,!1,t.verticalBorders,t.headerVariant,t.headerBgClass),...e.unref(ue)(t.size)])},null,2)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(q.value,(r,n)=>(e.openBlock(),e.createElementBlock("th",{key:n,class:e.normalizeClass([...e.unref(G)(t.size,r.props.sortable,t.verticalBorders,t.headerVariant,t.headerBgClass),r.props.headerClass]),style:e.normalizeStyle([r.props.headerStyle,r.props.width?{width:r.props.width}:{}]),onClick:s=>r.props.sortable?ke(oe(r)):void 0},[r.slots.header?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(r.slots.header),{key:0})):(e.openBlock(),e.createElementBlock("span",tt,[e.createTextVNode(e.toDisplayString(r.props.header)+" ",1),r.props.sortable?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[ge(r)?v.value===1?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(qe.render)),{key:1,class:e.normalizeClass(e.unref($)(!0))},null,8,["class"])):v.value===-1?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(Q.render)),{key:2,class:e.normalizeClass(e.unref($)(!0))},null,8,["class"])):(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(ce)),{key:3,class:e.normalizeClass(e.unref($)(!1))},null,8,["class"])):(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(ce)),{key:0,class:e.normalizeClass(e.unref($)(!1))},null,8,["class"]))],64)):e.createCommentVNode("",!0)]))],14,et))),128))]),t.filterDisplay==="row"?(e.openBlock(),e.createElementBlock("tr",rt,[w.value?(e.openBlock(),e.createElementBlock("th",{key:0,class:e.normalizeClass(e.unref(X)(t.size))},null,2)):e.createCommentVNode("",!0),h.value?(e.openBlock(),e.createElementBlock("th",{key:1,class:e.normalizeClass(e.unref(X)(t.size))},null,2)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(q.value,(r,n)=>(e.openBlock(),e.createElementBlock("th",{key:`filter-${n}`,class:e.normalizeClass(e.unref(X)(t.size))},[r.props.filterable&&r.slots.filter?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(r.slots.filter),{key:0,filterModel:se(r.props.filterField||r.props.field),filterCallback:be(r.props.filterField||r.props.field)},null,8,["filterModel","filterCallback"])):r.props.filterable&&r.props.field?(e.openBlock(),e.createElementBlock("input",{key:1,type:"text",value:se(r.props.filterField||r.props.field).value||"",class:"w-full border border-gray-300 rounded px-2 py-1 text-sm focus:outline-none focus:ring-1 focus:ring-primary-glow",placeholder:`Filter ${r.props.header||r.props.field}`,onInput:s=>he(r.props.filterField||r.props.field,s.target.value)},null,40,ot)):e.createCommentVNode("",!0)],2))),128))])):e.createCommentVNode("",!0)]),!t.loading&&N.value.length>0?(e.openBlock(),e.createElementBlock("tbody",lt,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(N.value,(r,n)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:ee(r,n)},[e.createElementVNode("tr",{class:e.normalizeClass([...e.unref(Te)(t.striped,t.hoverable,n%2===1,S(r),!1,k(r)),t.selectionMode&&!k(r)?"cursor-pointer":""]),onClick:s=>O(s,r,n)},[w.value?(e.openBlock(),e.createElementBlock("td",{key:0,class:e.normalizeClass([...e.unref(J)(t.size,t.bordered,t.verticalBorders,t.bodyBgClass),...e.unref(Z)(t.size)])},[z.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"flex items-center justify-center cursor-pointer",onClick:e.withModifiers(s=>W(s,r),["stop"])},[S(r)?(e.openBlock(),e.createElementBlock("div",at,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(T.render)),{class:"w-3.5 h-3.5"}))])):(e.openBlock(),e.createElementBlock("div",it))],8,nt)):(e.openBlock(),e.createElementBlock("div",{key:1,class:"flex items-center justify-center cursor-pointer",onClick:e.withModifiers(s=>O(s,r,n),["stop"])},[S(r)?(e.openBlock(),e.createElementBlock("div",dt,[...l[5]||(l[5]=[e.createElementVNode("div",{class:"w-2 h-2 rounded-full bg-white"},null,-1)])])):(e.openBlock(),e.createElementBlock("div",ut))],8,ct))],2)):e.createCommentVNode("",!0),h.value?(e.openBlock(),e.createElementBlock("td",{key:1,class:e.normalizeClass([...e.unref(J)(t.size,t.bordered,t.verticalBorders,t.bodyBgClass),...e.unref(ue)(t.size)])},[e.createElementVNode("button",{class:"p-1 rounded hover:bg-gray-100 transition-colors disabled:opacity-50 disabled:cursor-default disabled:hover:bg-transparent",disabled:k(r),onClick:s=>U(s,r)},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(V(r)?e.unref(Q.render):e.unref(Y.render)),{class:"w-4 h-4 text-gray-500"}))],8,pt)],2)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(q.value,(s,u)=>(e.openBlock(),e.createElementBlock("td",{key:u,class:e.normalizeClass([...e.unref(J)(t.size,t.bordered,t.verticalBorders,t.bodyBgClass),s.props.bodyClass]),style:e.normalizeStyle(s.props.bodyStyle)},[s.slots.body?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(s.slots.body),{key:0,data:r,field:s.props.field,index:n,disabled:k(r)},null,8,["data","field","index","disabled"])):s.props.field?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(y(r,s.props.field)),1)],64)):e.createCommentVNode("",!0)],6))),128))],10,st),h.value&&V(r)?(e.openBlock(),e.createElementBlock("tr",ft,[e.createElementVNode("td",{colspan:L.value,class:"p-0"},[e.renderSlot(t.$slots,"expansion",{data:r,index:n},void 0,!0)],8,mt)])):e.createCommentVNode("",!0)],64))),128))])):t.loading?(e.openBlock(),e.createElementBlock("tbody",yt,[e.createElementVNode("tr",null,[e.createElementVNode("td",{colspan:L.value,class:"text-center py-12"},[e.renderSlot(t.$slots,"loading",{},()=>[e.createElementVNode("div",gt,[e.createVNode(P.SpinnerIcon,{class:"w-5 h-5"}),e.createElementVNode("span",null,e.toDisplayString(e.unref(f)("ui.dataTable.loading")),1)])],!0)],8,kt)])])):(e.openBlock(),e.createElementBlock("tbody",ht,[e.createElementVNode("tr",null,[e.createElementVNode("td",{colspan:L.value,class:"text-center py-12"},[e.renderSlot(t.$slots,"empty",{},()=>[e.createElementVNode("span",vt,e.toDisplayString(e.unref(f)("ui.dataTable.noRecords")),1)],!0)],8,bt)])])),t.hasNextPage&&!t.loading?(e.openBlock(),e.createElementBlock("tfoot",Bt,[e.createElementVNode("tr",null,[e.createElementVNode("td",{colspan:L.value,class:"px-3 pb-3 pt-2"},[e.createElementVNode("button",{class:"w-full p-2 rounded bg-primary-base bg-opacity-10 text-primary-base text-sm font-medium hover:bg-opacity-20 transition-colors disabled:opacity-50 disabled:cursor-default flex items-center justify-center gap-2",disabled:t.loadingNext,onClick:l[1]||(l[1]=r=>i("load:next"))},[t.loadingNext?(e.openBlock(),e.createBlock(P.SpinnerIcon,{key:0,class:"w-4 h-4"})):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(t.loadMoreLabel||e.unref(f)("ui.dataTable.showMore")),1)],8,wt)],8,Ct)])])):e.createCommentVNode("",!0)],2)],2)),t.paginator&&re.value>0?(e.openBlock(),e.createBlock(me,{key:3,first:M.value,rows:g.value,"total-records":re.value,"rows-per-page-options":t.rowsPerPageOptions,"onUpdate:first":ve,"onUpdate:rows":Be,onPage:l[4]||(l[4]=r=>i("page",r))},null,8,["first","rows","total-records","rows-per-page-options"])):e.createCommentVNode("",!0),e.unref(p).footer?(e.openBlock(),e.createElementBlock("div",Jt,[e.renderSlot(t.$slots,"footer",{},void 0,!0)])):e.createCommentVNode("",!0)]))}});const Yt=Me._export_sfc(Xt,[["__scopeId","data-v-9359fb0b"]]),Zt=e.defineComponent({__name:"OneColumn",props:ze,setup(c){const a=c,d=e.useSlots(),o=e.inject(fe),i={props:a,slots:d};return o&&o.registerColumn(i),e.onBeforeUnmount(()=>{o&&o.unregisterColumn(i)}),(p,f)=>e.renderSlot(p.$slots,"default")}});exports.OneColumn=Zt;exports.OneDataTable=Yt;exports.OneDataTablePaginator=me;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),pe=require("../i18n/index.cjs"),_=require("../useMediaQuery-1d87df02.cjs"),Fe=require("../ChevronLeftIcon-7505e081.cjs"),Y=require("../ChevronRightIcon-2992cf0d.cjs"),P=require("../SpinnerIcon-01be39fe.cjs"),Q=require("../ChevronDownIcon-6889ac87.cjs"),qe=require("../ChevronUpIcon-64a673e1.cjs"),T=require("../CheckIcon-09b84cf5.cjs"),Me=require("../_plugin-vue_export-helper-f246444f.cjs");function ce(c,a){return e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.8",stroke:"currentColor","aria-hidden":"true"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M8.25 15L12 18.75 15.75 15m-7.5-6L12 5.25 15.75 9"})])}const ze={field:{type:String,required:!1},header:{type:String,required:!1},sortable:{type:Boolean,default:!1},sortField:{type:String,required:!1},filterable:{type:Boolean,default:!1},filterField:{type:String,required:!1},expander:{type:Boolean,default:!1},width:{type:String,required:!1},headerClass:{type:String,required:!1},bodyClass:{type:String,required:!1},headerStyle:{type:[String,Object],required:!1},bodyStyle:{type:[String,Object],required:!1},visibleFrom:{type:String,required:!1}},Le={value:{type:Array,default:()=>[]},dataKey:{type:String,required:!1},lazy:{type:Boolean,default:!1},paginator:{type:Boolean,default:!1},rows:{type:Number,default:10},first:{type:Number,default:0},totalRecords:{type:Number,required:!1},rowsPerPageOptions:{type:Array,default:()=>[10,25,50,100]},sortField:{type:String,required:!1},sortOrder:{type:Number,default:null},selectionMode:{type:String,required:!1},selection:{type:[Object,Array],required:!1},expandedRows:{type:[Array,Object],default:()=>[]},filters:{type:Object,required:!1},filterDisplay:{type:String,default:null},globalFilterFields:{type:Array,required:!1},loading:{type:Boolean,default:!1},striped:{type:Boolean,default:!1},hoverable:{type:Boolean,default:!0},bordered:{type:Boolean,default:!1},size:{type:String,default:"md"},tableClass:{type:String,required:!1},hasNextPage:{type:Boolean,default:!1},loadingNext:{type:Boolean,default:!1},loadMoreLabel:{type:String,default:""},colWidths:{type:[Array,Function],required:!1},verticalBorders:{type:String,default:"none"},headerVariant:{type:String,default:"default"},headerBgClass:{type:String,required:!1},bodyBgClass:{type:String,required:!1},wrapperClass:{type:String,required:!1},wrapperBordered:{type:Boolean,default:!0},cardBreakpoint:{type:String,required:!1},disabledRows:{type:Function,required:!1}},fe=Symbol("OneDataTable"),de={contains:(c,a)=>String(c??"").toLowerCase().includes(String(a).toLowerCase()),startsWith:(c,a)=>String(c??"").toLowerCase().startsWith(String(a).toLowerCase()),endsWith:(c,a)=>String(c??"").toLowerCase().endsWith(String(a).toLowerCase()),equals:(c,a)=>String(c??"").toLowerCase()===String(a).toLowerCase(),notEquals:(c,a)=>String(c??"").toLowerCase()!==String(a).toLowerCase()},Oe=(c=!0)=>{const a=["overflow-x-auto","w-full"];return c&&a.push("border","border-gray-100","rounded"),a},Pe=c=>{const a=["min-w-full","text-left","relative"];return c==="sm"?a.push("text-xs"):c==="lg"?a.push("text-base"):a.push("text-sm"),a},G=(c,a,d="none",r="default",i)=>{const p=[];return r==="minimal"?p.push(i||"bg-gray-50","text-gray-700","font-medium","text-sm","normal-case","border-b","border-gray-200"):p.push(i||"bg-gray-100","text-gray-600","font-semibold","text-xs","uppercase","tracking-wide","border-b","border-gray-200","whitespace-nowrap"),a&&p.push("cursor-pointer","select-none","hover:text-primary-base","transition-colors"),d==="always"?p.push("border-r","border-r-gray-200","last:border-r-0"):(d==="hover"||d==="hover-table")&&p.push("border-r","border-r-transparent","last:border-r-0"),c==="sm"?p.push("px-1.5","py-1"):c==="lg"?p.push("px-4","py-3"):p.push("p-2"),p},J=(c,a,d="none",r)=>{const i=["border-b","border-gray-100","text-gray-900"];return r&&i.push(r),a&&i.push("border-r"),d==="always"?i.push("border-r","border-r-gray-200","last:border-r-0"):(d==="hover"||d==="hover-table")&&i.push("border-r","border-r-transparent","last:border-r-0"),c==="sm"?i.push("px-1.5","py-1"):c==="lg"?i.push("px-4","py-3"):i.push("px-2","py-1.5"),i},Te=(c,a,d,r,i=!1,p=!1)=>{const f=[];return i&&f.push("group"),p?(f.push("opacity-50"),f):(r?f.push("bg-primary-25"):c&&d&&f.push("bg-gray-50"),a&&(r?f.push("hover:bg-primary-25-hover","transition-colors"):f.push("hover:bg-gray-50","transition-colors")),f)},$=c=>{const a=["w-3.5","h-3.5","inline-block","ml-1"];return c?a.push("text-primary-base"):a.push("text-gray-400"),a.push("transition-transform","duration-200"),a},Z=c=>{const a=["text-center"];return c==="sm"?a.push("w-8"):c==="lg"?a.push("w-14"):a.push("w-12"),a},ue=c=>Z(c),$e=()=>["flex","items-center","justify-between","px-2","py-2","border-t","border-gray-100","bg-white","text-sm"],je=(c,a,d=!1)=>{const r=["rounded","border","p-3"];return d?(r.push("bg-white","border-gray-100","opacity-50"),r):(a?r.push("bg-primary-25","border-primary-base/20"):r.push("bg-white","border-gray-100"),c&&(a?r.push("hover:bg-primary-25-hover","transition-colors"):r.push("hover:bg-gray-50","transition-colors")),r)},Ke=c=>{const a=["flex","items-start","justify-between","gap-2"];return c==="sm"?a.push("py-0.5"):c==="lg"?a.push("py-2"):a.push("py-1"),a},X=c=>{const a=["bg-gray-100","border-b","border-gray-200"];return c==="sm"?a.push("px-1.5","py-1"):c==="lg"?a.push("px-4","py-2"):a.push("px-2","py-1.5"),a},Ae={class:"flex items-center gap-4"},We={class:"text-gray-600"},Ie=["value"],Ue=["value"],He={class:"flex items-center gap-1"},Qe=["disabled"],Ge={class:"px-2 text-gray-600"},Je=["disabled"],me=e.defineComponent({__name:"OneDataTablePaginator",props:{first:{type:Number,required:!0},rows:{type:Number,required:!0},totalRecords:{type:Number,required:!0},rowsPerPageOptions:{type:Array,default:()=>[10,25,50,100]}},emits:["update:first","update:rows","page"],setup(c,{emit:a}){const d=c,r=a,i=pe.useOnebI18n(),p=e.computed(()=>Math.ceil(d.totalRecords/d.rows)),f=e.computed(()=>Math.floor(d.first/d.rows)+1),E=e.computed(()=>d.totalRecords===0?0:d.first+1),j=e.computed(()=>Math.min(d.first+d.rows,d.totalRecords)),K=e.computed(()=>d.first===0),C=e.computed(()=>d.first+d.rows>=d.totalRecords),R=e.computed(()=>$e()),x=g=>{g<0||g>=d.totalRecords||(r("update:first",g),r("page",{first:g,rows:d.rows,page:Math.floor(g/d.rows),pageCount:p.value}))},F=()=>{x(Math.max(0,d.first-d.rows))},m=()=>{x(d.first+d.rows)},M=g=>{const b=parseInt(g.target.value);r("update:rows",b),r("update:first",0),r("page",{first:0,rows:b,page:0,pageCount:Math.ceil(d.totalRecords/b)})};return(g,b)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(R.value)},[e.createElementVNode("div",Ae,[e.createElementVNode("span",We,e.toDisplayString(E.value)+"–"+e.toDisplayString(j.value)+" of "+e.toDisplayString(c.totalRecords),1),c.rowsPerPageOptions.length>1?(e.openBlock(),e.createElementBlock("select",{key:0,value:c.rows,class:"border border-gray-300 rounded px-2 py-1 text-sm bg-white focus:outline-none focus:ring-1 focus:ring-primary-glow",onChange:M},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c.rowsPerPageOptions,v=>(e.openBlock(),e.createElementBlock("option",{key:v,value:v},e.toDisplayString(e.unref(i)("ui.dataTable.perPage",{count:v})),9,Ue))),128))],40,Ie)):e.createCommentVNode("",!0)]),e.createElementVNode("div",He,[e.createElementVNode("button",{type:"button",disabled:K.value,class:"p-1.5 rounded hover:bg-gray-100 disabled:opacity-30 disabled:cursor-default transition-colors",onClick:F},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(Fe.render)),{class:"w-4 h-4 text-gray-600"}))],8,Qe),e.createElementVNode("span",Ge,e.toDisplayString(f.value)+" / "+e.toDisplayString(p.value),1),e.createElementVNode("button",{type:"button",disabled:C.value,class:"p-1.5 rounded hover:bg-gray-100 disabled:opacity-30 disabled:cursor-default transition-colors",onClick:m},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(Y.render)),{class:"w-4 h-4 text-gray-600"}))],8,Je)])],2))}}),Xe={key:0,class:"mb-3"},Ye={key:0},Ze={key:0,class:"w-5 h-5 rounded bg-primary-base flex items-center justify-center text-white"},De={key:1,class:"w-5 h-5 rounded border border-gray-300 bg-white"},et=["onClick"],tt={key:1,class:"inline-flex items-center gap-1"},ot={key:0},rt=["value","placeholder","onInput"],lt={key:1},st=["onClick"],nt=["onClick"],at={key:0,class:"w-5 h-5 rounded bg-primary-base flex items-center justify-center text-white"},it={key:1,class:"w-5 h-5 rounded border border-gray-300 bg-white"},ct=["onClick"],dt={key:0,class:"w-5 h-5 rounded-full bg-primary-base flex items-center justify-center"},ut={key:1,class:"w-5 h-5 rounded-full border border-gray-300 bg-white"},pt=["disabled","onClick"],ft={key:0},mt=["colspan"],yt={key:2},kt=["colspan"],gt={class:"flex items-center justify-center gap-2 text-gray-500"},ht={key:3},bt=["colspan"],vt={class:"text-gray-400"},Bt={key:4},Ct=["colspan"],wt=["disabled"],Et={key:2},St={key:0,class:"text-center py-12"},xt={class:"flex items-center justify-center gap-2 text-gray-500"},Nt={key:1,class:"text-center py-12"},Vt={class:"text-gray-400"},_t={key:2,class:"space-y-2"},Rt={key:0,class:"flex items-center gap-2 px-3 py-2"},Ft={key:0,class:"w-5 h-5 rounded bg-primary-base flex items-center justify-center text-white"},qt={key:1,class:"w-5 h-5 rounded border border-gray-300 bg-white"},Mt={class:"text-sm text-gray-500"},zt=["onClick"],Lt={key:0,class:"flex items-center justify-between mb-2"},Ot={key:0},Pt=["onClick"],Tt={key:0,class:"w-5 h-5 rounded bg-primary-base flex items-center justify-center text-white"},$t={key:1,class:"w-5 h-5 rounded border border-gray-300 bg-white"},jt=["onClick"],Kt={key:0,class:"w-5 h-5 rounded-full bg-primary-base flex items-center justify-center"},At={key:1,class:"w-5 h-5 rounded-full border border-gray-300 bg-white"},Wt={key:1},It=["disabled","onClick"],Ut={class:"text-gray-500 text-xs font-medium shrink-0"},Ht={class:"text-right"},Qt={key:1,class:"mt-2 pt-2 border-t border-gray-100"},Gt=["disabled"],Jt={key:4,class:"mt-3"},Xt=e.defineComponent({__name:"OneDataTable",props:Le,emits:["update:value","update:selection","update:expandedRows","update:first","update:rows","update:sortField","update:sortOrder","update:filters","sort","page","filter","row-click","row-select","row-unselect","row-expand","row-collapse","load:next"],setup(c,{expose:a,emit:d}){const r=c,i=d,p=e.useSlots(),f=pe.useOnebI18n(),E=e.ref([]),j=t=>{E.value.push(t)},K=t=>{const l=E.value.indexOf(t);l>-1&&E.value.splice(l,1)};e.provide(fe,{registerColumn:j,unregisterColumn:K});const C=e.ref(r.first),R=e.ref(r.rows),x=e.ref(r.sortField),F=e.ref(r.sortOrder);e.watch(()=>r.first,t=>{C.value=t}),e.watch(()=>r.rows,t=>{R.value=t}),e.watch(()=>r.sortField,t=>{x.value=t}),e.watch(()=>r.sortOrder,t=>{F.value=t});const m=e.ref([...r.value]);e.watch(()=>r.value,t=>{m.value=[...t]});const M=e.computed(()=>C.value),g=e.computed(()=>R.value),b=e.computed(()=>x.value),v=e.computed(()=>F.value),y=(t,l)=>l?l.split(".").reduce((o,n)=>o==null?void 0:o[n],t):t,D=t=>r.dataKey?y(t,r.dataKey):t,B=(t,l)=>t==null||l==null?t===l:r.dataKey?y(t,r.dataKey)===y(l,r.dataKey):t===l,ee=(t,l)=>r.dataKey?y(t,r.dataKey):l,k=t=>{var l;return((l=r.disabledRows)==null?void 0:l.call(r,t))??!1};a({updateRow:t=>{if(!r.dataKey)return console.warn("[OneDataTable] updateRow requires dataKey to be set"),!1;const l=y(t,r.dataKey),o=m.value.findIndex(s=>y(s,r.dataKey)===l);if(o===-1)return!1;const n=[...m.value];return n[o]=t,m.value=n,i("update:value",n),!0},addItems:(t,l="append")=>{const o=l==="prepend"?[...t,...m.value]:[...m.value,...t];m.value=o,i("update:value",o)},removeRow:t=>{if(!r.dataKey)return console.warn("[OneDataTable] removeRow requires dataKey to be set"),!1;const l=m.value.findIndex(n=>y(n,r.dataKey)===t);if(l===-1)return!1;const o=[...m.value];return o.splice(l,1),m.value=o,i("update:value",o),!0}});const h=e.computed(()=>E.value.some(t=>t.props.expander)),w=e.computed(()=>!!r.selectionMode),z=e.computed(()=>r.selectionMode==="multiple"),A=e.computed(()=>E.value.filter(t=>!t.props.expander)),L=e.computed(()=>q.value.length+(w.value?1:0)+(h.value?1:0)),te=e.computed(()=>{var o,n;if(r.lazy||!r.filters)return m.value;let t=[...m.value];const l=r.filters;if((o=l.global)!=null&&o.value&&((n=r.globalFilterFields)!=null&&n.length)){const s=l.global.value;t=t.filter(u=>r.globalFilterFields.some(H=>de.contains(y(u,H),s)))}for(const[s,u]of Object.entries(l)){if(s==="global"||!u.value)continue;const H=u.matchMode||"contains",ie=de[H];ie&&(t=t.filter(Re=>ie(y(Re,s),u.value)))}return t}),ye=e.computed(()=>{const t=te.value;return r.lazy||!b.value||!v.value?t:[...t].sort((l,o)=>{const n=y(l,b.value),s=y(o,b.value);if(n==null&&s==null)return 0;if(n==null)return 1;if(s==null)return-1;let u;return typeof n=="number"&&typeof s=="number"?u=n-s:u=String(n).localeCompare(String(s)),v.value===1?u:-u})}),oe=e.computed(()=>r.totalRecords??te.value.length),N=e.computed(()=>{const t=ye.value;if(r.paginator&&!r.lazy){const l=M.value,o=l+g.value;return t.slice(l,o)}return t}),ke=t=>{let l;b.value===t?v.value===1?l=-1:v.value===-1?l=null:l=1:l=1,x.value=t,F.value=l,i("update:sortField",t),i("update:sortOrder",l),i("sort",{field:t,order:l}),!r.lazy&&r.paginator&&(C.value=0,i("update:first",0))},re=t=>t.props.sortField||t.props.field,ge=t=>b.value===re(t),S=t=>r.selection?r.selectionMode==="single"?B(r.selection,t):r.selectionMode==="multiple"?r.selection.some(l=>B(l,t)):!1:!1,O=(t,l,o)=>{if(i("row-click",{originalEvent:t,data:l,index:o}),!k(l)&&r.selectionMode==="single"){const n=B(r.selection,l)?null:l;i("update:selection",n),n?i("row-select",{originalEvent:t,data:l}):i("row-unselect",{originalEvent:t,data:l})}},W=(t,l)=>{if(t.stopPropagation(),!k(l)&&r.selectionMode==="multiple"){const o=r.selection||[],n=o.some(u=>B(u,l));let s;n?(s=o.filter(u=>!B(u,l)),i("row-unselect",{originalEvent:t,data:l})):(s=[...o,l],i("row-select",{originalEvent:t,data:l})),i("update:selection",s)}},I=e.computed(()=>{if(r.selectionMode!=="multiple"||!r.selection)return!1;const t=r.selection,l=N.value.filter(o=>!k(o));return l.length>0&&l.every(o=>t.some(n=>B(n,o)))}),le=t=>{t.stopPropagation();const l=r.selection||[],o=N.value.filter(n=>!k(n));if(I.value){const n=l.filter(s=>!o.some(u=>B(s,u)));i("update:selection",n)}else{const n=[...l];o.forEach(s=>{n.some(u=>B(u,s))||n.push(s)}),i("update:selection",n)}},V=t=>{if(!r.expandedRows)return!1;if(Array.isArray(r.expandedRows))return r.expandedRows.some(l=>B(l,t));if(r.dataKey){const l=String(D(t));return!!r.expandedRows[l]}return!1},U=(t,l)=>{if(t.stopPropagation(),k(l))return;const o=V(l);if(Array.isArray(r.expandedRows)){let n;o?(n=r.expandedRows.filter(s=>!B(s,l)),i("row-collapse",{originalEvent:t,data:l})):(n=[...r.expandedRows,l],i("row-expand",{originalEvent:t,data:l})),i("update:expandedRows",n)}else if(r.dataKey){const n=String(D(l)),s={...r.expandedRows};o?(delete s[n],i("row-collapse",{originalEvent:t,data:l})):(s[n]=!0,i("row-expand",{originalEvent:t,data:l})),i("update:expandedRows",s)}},he=(t,l,o)=>{var s;if(!r.filters)return;const n={...r.filters,[t]:{value:l,matchMode:o||((s=r.filters[t])==null?void 0:s.matchMode)||"contains"}};i("update:filters",n),r.lazy&&i("filter",{filters:n}),r.paginator&&(C.value=0,i("update:first",0))},se=t=>{var l;return((l=r.filters)==null?void 0:l[t])||{value:null}},be=t=>()=>{r.filters&&(i("update:filters",{...r.filters}),r.lazy&&i("filter",{filters:r.filters}),r.paginator&&(C.value=0,i("update:first",0)))},ve=t=>{C.value=t,i("update:first",t)},Be=t=>{R.value=t,i("update:rows",t)},ne=e.computed(()=>{const t=[];if(r.colWidths){if(typeof r.colWidths=="function"){const l=r.colWidths(A.value),o=[];return w.value&&o.push(""),h.value&&o.push(""),[...o,...l]}return r.colWidths}return w.value&&t.push(""),h.value&&t.push(""),A.value.forEach(l=>{t.push(l.props.width||"")}),t}),ae=e.computed(()=>ne.value.some(t=>t!==""&&t!=null)),Ce=e.computed(()=>r.wrapperClass?["overflow-x-auto","w-full",r.wrapperClass]:r.verticalBorders==="hover-table"?["overflow-x-auto","w-full","border","border-transparent","rounded"]:Oe(r.wrapperBordered)),we=e.computed(()=>{const t=Pe(r.size);return r.tableClass&&t.push(r.tableClass),r.bordered&&t.push("border","border-gray-100"),t}),Ee=r.cardBreakpoint?_.useBreakpoint(r.cardBreakpoint):e.ref(!0),Se=e.computed(()=>!!r.cardBreakpoint&&!Ee.value),xe={sm:_.useBreakpoint("sm"),md:_.useBreakpoint("md"),lg:_.useBreakpoint("lg"),xl:_.useBreakpoint("xl"),"2xl":_.useBreakpoint("2xl")},Ne=t=>{var o;if(!t.props.visibleFrom)return!0;const l=t.props.visibleFrom;return((o=xe[l])==null?void 0:o.value)??!0},q=e.computed(()=>A.value.filter(Ne)),Ve=t=>l=>U(l,t),_e=t=>l=>W(l,t);return(t,l)=>(e.openBlock(),e.createElementBlock("div",null,[e.withDirectives(e.createElementVNode("div",null,[e.renderSlot(t.$slots,"default",{},void 0,!0)],512),[[e.vShow,!1]]),e.unref(p).header?(e.openBlock(),e.createElementBlock("div",Xe,[e.renderSlot(t.$slots,"header",{},void 0,!0)])):e.createCommentVNode("",!0),Se.value?(e.openBlock(),e.createElementBlock("div",Et,[t.loading?(e.openBlock(),e.createElementBlock("div",St,[e.renderSlot(t.$slots,"loading",{},()=>[e.createElementVNode("div",xt,[e.createVNode(P.SpinnerIcon,{class:"w-5 h-5"}),e.createElementVNode("span",null,e.toDisplayString(e.unref(f)("ui.dataTable.loading")),1)])],!0)])):N.value.length===0?(e.openBlock(),e.createElementBlock("div",Nt,[e.renderSlot(t.$slots,"empty",{},()=>[e.createElementVNode("span",Vt,e.toDisplayString(e.unref(f)("ui.dataTable.noRecords")),1)],!0)])):(e.openBlock(),e.createElementBlock("div",_t,[z.value?(e.openBlock(),e.createElementBlock("div",Rt,[e.createElementVNode("div",{class:"cursor-pointer",onClick:l[2]||(l[2]=o=>le(o))},[I.value?(e.openBlock(),e.createElementBlock("div",Ft,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(T.render)),{class:"w-3.5 h-3.5"}))])):(e.openBlock(),e.createElementBlock("div",qt))]),e.createElementVNode("span",Mt,e.toDisplayString(e.unref(f)("ui.dataTable.selectAll")),1)])):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(N.value,(o,n)=>(e.openBlock(),e.createElementBlock("div",{key:ee(o,n),class:e.normalizeClass([...e.unref(je)(t.hoverable,S(o),k(o)),t.selectionMode&&!k(o)?"cursor-pointer":""]),onClick:s=>O(s,o,n)},[e.unref(p).card?e.renderSlot(t.$slots,"card",{key:0,data:o,index:n,selected:S(o),expanded:h.value&&V(o),toggleExpansion:Ve(o),toggleSelection:_e(o),disabled:k(o)},void 0,!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[w.value||h.value?(e.openBlock(),e.createElementBlock("div",Lt,[w.value?(e.openBlock(),e.createElementBlock("div",Ot,[z.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"cursor-pointer",onClick:e.withModifiers(s=>W(s,o),["stop"])},[S(o)?(e.openBlock(),e.createElementBlock("div",Tt,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(T.render)),{class:"w-3.5 h-3.5"}))])):(e.openBlock(),e.createElementBlock("div",$t))],8,Pt)):(e.openBlock(),e.createElementBlock("div",{key:1,class:"cursor-pointer",onClick:e.withModifiers(s=>O(s,o,n),["stop"])},[S(o)?(e.openBlock(),e.createElementBlock("div",Kt,[...l[6]||(l[6]=[e.createElementVNode("div",{class:"w-2 h-2 rounded-full bg-white"},null,-1)])])):(e.openBlock(),e.createElementBlock("div",At))],8,jt))])):(e.openBlock(),e.createElementBlock("div",Wt)),h.value?(e.openBlock(),e.createElementBlock("button",{key:2,type:"button",class:"p-1 rounded hover:bg-gray-100 transition-colors disabled:opacity-50 disabled:cursor-default disabled:hover:bg-transparent",disabled:k(o),onClick:e.withModifiers(s=>U(s,o),["stop"])},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(V(o)?e.unref(Q.render):e.unref(Y.render)),{class:"w-4 h-4 text-gray-500"}))],8,It)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(q.value,(s,u)=>(e.openBlock(),e.createElementBlock("div",{key:u,class:e.normalizeClass(e.unref(Ke)(t.size))},[e.createElementVNode("span",Ut,e.toDisplayString(s.props.header),1),e.createElementVNode("div",Ht,[s.slots.body?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(s.slots.body),{key:0,data:o,field:s.props.field,index:n},null,8,["data","field","index"])):s.props.field?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(y(o,s.props.field)),1)],64)):e.createCommentVNode("",!0)])],2))),128)),h.value&&V(o)?(e.openBlock(),e.createElementBlock("div",Qt,[e.renderSlot(t.$slots,"expansion",{data:o,index:n},void 0,!0)])):e.createCommentVNode("",!0)],64))],10,zt))),128)),t.hasNextPage&&!t.loading?(e.openBlock(),e.createElementBlock("button",{key:1,type:"button",class:"w-full p-2 rounded bg-primary-base bg-opacity-10 text-primary-base text-sm font-medium hover:bg-opacity-20 transition-colors disabled:opacity-50 disabled:cursor-default flex items-center justify-center gap-2",disabled:t.loadingNext,onClick:l[3]||(l[3]=o=>i("load:next"))},[t.loadingNext?(e.openBlock(),e.createBlock(P.SpinnerIcon,{key:0,class:"w-4 h-4"})):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(t.loadMoreLabel||e.unref(f)("ui.dataTable.showMore")),1)],8,Gt)):e.createCommentVNode("",!0)]))])):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass([...Ce.value,t.verticalBorders==="hover-table"?"vb-hover":""])},[e.createElementVNode("table",{class:e.normalizeClass([...we.value,t.verticalBorders!=="none"?"border-separate border-spacing-0":"border-collapse",t.verticalBorders==="hover"?"vb-hover":"",ae.value?"table-fixed":""])},[ae.value?(e.openBlock(),e.createElementBlock("colgroup",Ye,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(ne.value,(o,n)=>(e.openBlock(),e.createElementBlock("col",{key:`col-${n}`,style:e.normalizeStyle(o?{width:o}:{})},null,4))),128))])):e.createCommentVNode("",!0),e.createElementVNode("thead",null,[e.createElementVNode("tr",null,[w.value?(e.openBlock(),e.createElementBlock("th",{key:0,class:e.normalizeClass([...e.unref(G)(t.size,!1,t.verticalBorders,t.headerVariant,t.headerBgClass),...e.unref(Z)(t.size)])},[z.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"flex items-center justify-center cursor-pointer",onClick:l[0]||(l[0]=o=>le(o))},[I.value?(e.openBlock(),e.createElementBlock("div",Ze,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(T.render)),{class:"w-3.5 h-3.5"}))])):(e.openBlock(),e.createElementBlock("div",De))])):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),h.value?(e.openBlock(),e.createElementBlock("th",{key:1,class:e.normalizeClass([...e.unref(G)(t.size,!1,t.verticalBorders,t.headerVariant,t.headerBgClass),...e.unref(ue)(t.size)])},null,2)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(q.value,(o,n)=>(e.openBlock(),e.createElementBlock("th",{key:n,class:e.normalizeClass([...e.unref(G)(t.size,o.props.sortable,t.verticalBorders,t.headerVariant,t.headerBgClass),o.props.headerClass]),style:e.normalizeStyle([o.props.headerStyle,o.props.width?{width:o.props.width}:{}]),onClick:s=>o.props.sortable?ke(re(o)):void 0},[o.slots.header?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.slots.header),{key:0})):(e.openBlock(),e.createElementBlock("span",tt,[e.createTextVNode(e.toDisplayString(o.props.header)+" ",1),o.props.sortable?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[ge(o)?v.value===1?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(qe.render)),{key:1,class:e.normalizeClass(e.unref($)(!0))},null,8,["class"])):v.value===-1?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(Q.render)),{key:2,class:e.normalizeClass(e.unref($)(!0))},null,8,["class"])):(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(ce)),{key:3,class:e.normalizeClass(e.unref($)(!1))},null,8,["class"])):(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(ce)),{key:0,class:e.normalizeClass(e.unref($)(!1))},null,8,["class"]))],64)):e.createCommentVNode("",!0)]))],14,et))),128))]),t.filterDisplay==="row"?(e.openBlock(),e.createElementBlock("tr",ot,[w.value?(e.openBlock(),e.createElementBlock("th",{key:0,class:e.normalizeClass(e.unref(X)(t.size))},null,2)):e.createCommentVNode("",!0),h.value?(e.openBlock(),e.createElementBlock("th",{key:1,class:e.normalizeClass(e.unref(X)(t.size))},null,2)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(q.value,(o,n)=>(e.openBlock(),e.createElementBlock("th",{key:`filter-${n}`,class:e.normalizeClass(e.unref(X)(t.size))},[o.props.filterable&&o.slots.filter?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.slots.filter),{key:0,filterModel:se(o.props.filterField||o.props.field),filterCallback:be(o.props.filterField||o.props.field)},null,8,["filterModel","filterCallback"])):o.props.filterable&&o.props.field?(e.openBlock(),e.createElementBlock("input",{key:1,type:"text",value:se(o.props.filterField||o.props.field).value||"",class:"w-full border border-gray-300 rounded px-2 py-1 text-sm focus:outline-none focus:ring-1 focus:ring-primary-glow",placeholder:`Filter ${o.props.header||o.props.field}`,onInput:s=>he(o.props.filterField||o.props.field,s.target.value)},null,40,rt)):e.createCommentVNode("",!0)],2))),128))])):e.createCommentVNode("",!0)]),!t.loading&&N.value.length>0?(e.openBlock(),e.createElementBlock("tbody",lt,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(N.value,(o,n)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:ee(o,n)},[e.createElementVNode("tr",{class:e.normalizeClass([...e.unref(Te)(t.striped,t.hoverable,n%2===1,S(o),!1,k(o)),t.selectionMode&&!k(o)?"cursor-pointer":""]),onClick:s=>O(s,o,n)},[w.value?(e.openBlock(),e.createElementBlock("td",{key:0,class:e.normalizeClass([...e.unref(J)(t.size,t.bordered,t.verticalBorders,t.bodyBgClass),...e.unref(Z)(t.size)])},[z.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"flex items-center justify-center cursor-pointer",onClick:e.withModifiers(s=>W(s,o),["stop"])},[S(o)?(e.openBlock(),e.createElementBlock("div",at,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(T.render)),{class:"w-3.5 h-3.5"}))])):(e.openBlock(),e.createElementBlock("div",it))],8,nt)):(e.openBlock(),e.createElementBlock("div",{key:1,class:"flex items-center justify-center cursor-pointer",onClick:e.withModifiers(s=>O(s,o,n),["stop"])},[S(o)?(e.openBlock(),e.createElementBlock("div",dt,[...l[5]||(l[5]=[e.createElementVNode("div",{class:"w-2 h-2 rounded-full bg-white"},null,-1)])])):(e.openBlock(),e.createElementBlock("div",ut))],8,ct))],2)):e.createCommentVNode("",!0),h.value?(e.openBlock(),e.createElementBlock("td",{key:1,class:e.normalizeClass([...e.unref(J)(t.size,t.bordered,t.verticalBorders,t.bodyBgClass),...e.unref(ue)(t.size)])},[e.createElementVNode("button",{type:"button",class:"p-1 rounded hover:bg-gray-100 transition-colors disabled:opacity-50 disabled:cursor-default disabled:hover:bg-transparent",disabled:k(o),onClick:s=>U(s,o)},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(V(o)?e.unref(Q.render):e.unref(Y.render)),{class:"w-4 h-4 text-gray-500"}))],8,pt)],2)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(q.value,(s,u)=>(e.openBlock(),e.createElementBlock("td",{key:u,class:e.normalizeClass([...e.unref(J)(t.size,t.bordered,t.verticalBorders,t.bodyBgClass),s.props.bodyClass]),style:e.normalizeStyle(s.props.bodyStyle)},[s.slots.body?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(s.slots.body),{key:0,data:o,field:s.props.field,index:n,disabled:k(o)},null,8,["data","field","index","disabled"])):s.props.field?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(y(o,s.props.field)),1)],64)):e.createCommentVNode("",!0)],6))),128))],10,st),h.value&&V(o)?(e.openBlock(),e.createElementBlock("tr",ft,[e.createElementVNode("td",{colspan:L.value,class:"p-0"},[e.renderSlot(t.$slots,"expansion",{data:o,index:n},void 0,!0)],8,mt)])):e.createCommentVNode("",!0)],64))),128))])):t.loading?(e.openBlock(),e.createElementBlock("tbody",yt,[e.createElementVNode("tr",null,[e.createElementVNode("td",{colspan:L.value,class:"text-center py-12"},[e.renderSlot(t.$slots,"loading",{},()=>[e.createElementVNode("div",gt,[e.createVNode(P.SpinnerIcon,{class:"w-5 h-5"}),e.createElementVNode("span",null,e.toDisplayString(e.unref(f)("ui.dataTable.loading")),1)])],!0)],8,kt)])])):(e.openBlock(),e.createElementBlock("tbody",ht,[e.createElementVNode("tr",null,[e.createElementVNode("td",{colspan:L.value,class:"text-center py-12"},[e.renderSlot(t.$slots,"empty",{},()=>[e.createElementVNode("span",vt,e.toDisplayString(e.unref(f)("ui.dataTable.noRecords")),1)],!0)],8,bt)])])),t.hasNextPage&&!t.loading?(e.openBlock(),e.createElementBlock("tfoot",Bt,[e.createElementVNode("tr",null,[e.createElementVNode("td",{colspan:L.value,class:"px-3 pb-3 pt-2"},[e.createElementVNode("button",{type:"button",class:"w-full p-2 rounded bg-primary-base bg-opacity-10 text-primary-base text-sm font-medium hover:bg-opacity-20 transition-colors disabled:opacity-50 disabled:cursor-default flex items-center justify-center gap-2",disabled:t.loadingNext,onClick:l[1]||(l[1]=o=>i("load:next"))},[t.loadingNext?(e.openBlock(),e.createBlock(P.SpinnerIcon,{key:0,class:"w-4 h-4"})):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(t.loadMoreLabel||e.unref(f)("ui.dataTable.showMore")),1)],8,wt)],8,Ct)])])):e.createCommentVNode("",!0)],2)],2)),t.paginator&&oe.value>0?(e.openBlock(),e.createBlock(me,{key:3,first:M.value,rows:g.value,"total-records":oe.value,"rows-per-page-options":t.rowsPerPageOptions,"onUpdate:first":ve,"onUpdate:rows":Be,onPage:l[4]||(l[4]=o=>i("page",o))},null,8,["first","rows","total-records","rows-per-page-options"])):e.createCommentVNode("",!0),e.unref(p).footer?(e.openBlock(),e.createElementBlock("div",Jt,[e.renderSlot(t.$slots,"footer",{},void 0,!0)])):e.createCommentVNode("",!0)]))}});const Yt=Me._export_sfc(Xt,[["__scopeId","data-v-8fd6f9b9"]]),Zt=e.defineComponent({__name:"OneColumn",props:ze,setup(c){const a=c,d=e.useSlots(),r=e.inject(fe),i={props:a,slots:d};return r&&r.registerColumn(i),e.onBeforeUnmount(()=>{r&&r.unregisterColumn(i)}),(p,f)=>e.renderSlot(p.$slots,"default")}});exports.OneColumn=Zt;exports.OneDataTable=Yt;exports.OneDataTablePaginator=me;

package/dist/dataTable/index.js

@@ -339,6 +339,7 @@ const lt = {
       ]),
       f("div", bt, [
         f("button", {
+          type: "button",
           disabled: be.value,
           class: "p-1.5 rounded hover:bg-gray-100 disabled:opacity-30 disabled:cursor-default transition-colors",
           onClick: U
@@ -347,6 +348,7 @@ const lt = {
         ], 8, ht),
         f("span", vt, w(v.value) + " / " + w(h.value), 1),
         f("button", {
+          type: "button",
           disabled: P.value,
           class: "p-1.5 rounded hover:bg-gray-100 disabled:opacity-30 disabled:cursor-default transition-colors",
           onClick: x
@@ -722,6 +724,7 @@ const lt = {
                 ])) : (l(), o("div", ys)),
                 F.value ? (l(), o("button", {
                   key: 2,
+                  type: "button",
                   class: "p-1 rounded hover:bg-gray-100 transition-colors disabled:opacity-50 disabled:cursor-default disabled:hover:bg-transparent",
                   disabled: S(t),
                   onClick: J((a) => oe(a, t), ["stop"])
@@ -755,6 +758,7 @@ const lt = {
           ], 10, os))), 128)),
           e.hasNextPage && !e.loading ? (l(), o("button", {
             key: 1,
+            type: "button",
             class: "w-full p-2 rounded bg-primary-base bg-opacity-10 text-primary-base text-sm font-medium hover:bg-opacity-20 transition-colors disabled:opacity-50 disabled:cursor-default flex items-center justify-center gap-2",
             disabled: e.loadingNext,
             onClick: r[3] || (r[3] = (t) => d("load:next"))
@@ -927,6 +931,7 @@ const lt = {
                   ])
                 }, [
                   f("button", {
+                    type: "button",
                     class: "p-1 rounded hover:bg-gray-100 transition-colors disabled:opacity-50 disabled:cursor-default disabled:hover:bg-transparent",
                     disabled: S(t),
                     onClick: (a) => oe(a, t)
@@ -998,6 +1003,7 @@ const lt = {
                 class: "px-3 pb-3 pt-2"
               }, [
                 f("button", {
+                  type: "button",
                   class: "w-full p-2 rounded bg-primary-base bg-opacity-10 text-primary-base text-sm font-medium hover:bg-opacity-20 transition-colors disabled:opacity-50 disabled:cursor-default flex items-center justify-center gap-2",
                   disabled: e.loadingNext,
                   onClick: r[1] || (r[1] = (t) => d("load:next"))
@@ -1029,7 +1035,7 @@ const lt = {
     ]));
   }
 });
-const Ts = /* @__PURE__ */ rt(ws, [["__scopeId", "data-v-9359fb0b"]]), js = /* @__PURE__ */ ye({
+const Ts = /* @__PURE__ */ rt(ws, [["__scopeId", "data-v-8fd6f9b9"]]), js = /* @__PURE__ */ ye({
   __name: "OneColumn",
   props: lt,
   setup(u) {

package/dist/dropdown/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),H=require("../_plugin-vue_export-helper-f246444f.cjs"),b=require("../OneHelpMenu-78d9348a.cjs"),q=require("../OneDropdownAuto.vue_vue_type_script_setup_true_lang-bf923b04.cjs"),I=require("../OneAvatar.vue_vue_type_script_setup_true_lang-2d9f44f1.cjs"),F=require("../i18n/index.cjs"),T=require("../dropdown-5cb64ab7.cjs"),U=require("../OneModal-0e92c039.cjs"),G=require("../useModal-aa6f4a57.cjs");require("@floating-ui/dom");require("@floating-ui/vue");require("../XMarkIcon-f94baa4c.cjs");require("../ChevronDownIcon-6889ac87.cjs");require("../ChevronUpIcon-64a673e1.cjs");require("../ChevronRightIcon-2992cf0d.cjs");require("../button/index.cjs");require("../SpinnerIcon-01be39fe.cjs");require("../useIsMobile-7b1f08cf.cjs");require("../useMediaQuery-1d87df02.cjs");const J={},X={class:"border-t border-secondary-stroke my-1"};function Y(V,m){return e.openBlock(),e.createElementBlock("div",X)}const Z=H._export_sfc(J,[["render",Y]]),Q=["onClick"],ee={class:"grid"},te={class:"font-semibold px-3"},oe={class:"rounded-lg m-3 border"},le={class:"space-x-2 flex items-center px-3 py-2",style:{width:"300px"}},ne={class:"flex-shrink-0"},re={class:"w-full text-left"},se={class:"flex-shrink-0"},ae={class:"px-3 py-2"},ie={class:"text-secondary-content text-left pb-1 text-sm uppercase"},ce={key:0,class:"space-y-2"},ue=["onClick"],de={class:"pl-2"},pe={class:"text-sm mt-1"},me={class:"text-xs mt-1"},j=3,ke=e.defineComponent({__name:"OneBrowserMenuGrid",props:b.browserMenuProps,setup(V){const m=V,n=F.useOnebI18n(),u=e.computed(()=>m.t??n),y=()=>{typeof m.onChange=="function"&&m.onChange()},f=e.ref(!1),h=e.computed(()=>m.apps?f.value?m.apps:m.apps.slice(0,j):[]),k=()=>{f.value=!f.value},C=c=>{typeof m.onApp=="function"&&m.onApp(c)};return(c,i)=>(e.openBlock(),e.createBlock(b._sfc_main,{stick:"right"},{button:e.withCtx(({onToggle:s,isExpanded:x})=>[e.createElementVNode("button",{onClick:s,class:e.normalizeClass(["p-1 rounded-md hover:bg-secondary-10",[x?"bg-secondary-25":""]])},[e.createVNode(e.unref(b.render),{class:"text-secondary-base",style:e.normalizeStyle(`width: ${c.iconSize}px; height: ${c.iconSize}px`)},null,8,["style"])],10,Q)]),menu:e.withCtx(()=>{var s,x,N;return[e.createElementVNode("div",ee,[e.createElementVNode("div",te,e.toDisplayString(u.value("ui.layout.workspaces")),1),e.createElementVNode("div",oe,[e.createElementVNode("div",le,[e.createElementVNode("div",ne,[e.createVNode(I._sfc_main,{text:((s=c.workspace)==null?void 0:s.name)||"",src:(x=c.workspace)==null?void 0:x.photo_url,size:44,rounded:!1,class:"mx-auto"},null,8,["text","src"])]),e.createElementVNode("div",re,e.toDisplayString((N=c.workspace)==null?void 0:N.name),1),e.createElementVNode("div",se,[e.createElementVNode("button",{class:"text-sm border border-secondary-stroke rounded px-2 py-0.5 text-secondary-content hover:text-primary-content",onClick:y},e.toDisplayString(u.value("ui.layout.change_workspace")),1)])]),i[0]||(i[0]=e.createElementVNode("hr",null,null,-1))])]),e.createElementVNode("div",ae,[e.createElementVNode("div",ie,e.toDisplayString(u.value("ui.layout.apps")),1),e.createElementVNode("div",null,[c.apps&&c.apps.length?(e.openBlock(),e.createElementBlock("div",ce,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(h.value,g=>(e.openBlock(),e.createElementBlock("div",{key:g.id,onClick:_=>C(g),class:"flex items-center rounded-lg hover:bg-secondary-10 border p-2 bg-[#FAFAFA] cursor-pointer"},[e.createVNode(I._sfc_main,{text:g.name,src:g.photo_url,size:44,rounded:!1},null,8,["text","src"]),e.createElementVNode("div",de,[e.createElementVNode("p",pe,e.toDisplayString(g.name),1),e.createElementVNode("p",me,e.toDisplayString(g.short),1)])],8,ue))),128))])):e.createCommentVNode("",!0),c.apps&&c.apps.length>j?(e.openBlock(),e.createElementBlock("button",{key:1,onClick:k,class:"mt-2 w-full bg-[#FAFAFA] hover:bg-secondary-10 p-2 rounded-lg mb-5 text-xs"},e.toDisplayString(f.value?u.value("ui.layout.hide"):u.value("ui.layout.view_all")),1)):e.createCommentVNode("",!0)])])]}),_:1}))}}),ve=["onClick"],ye=["onKeydown"],ge={key:0,class:"text-sm font-medium text-gray-700 px-3 pt-2.5 pb-1.5"},fe={key:1,class:"px-3 py-2"},he={class:"relative"},we=["placeholder"],be={key:2,class:"border-b border-gray-100"},xe=["onClick"],Be={key:3,class:"flex items-center justify-between px-3 py-1.5 border-b border-gray-100"},Ee={key:4,class:"flex justify-center py-4"},Ve=["aria-selected","onClick"],Ce={key:0,xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.5",stroke:"currentColor",class:"w-4 h-4 text-blue-600 shrink-0"},Ne={key:1,class:"w-4 h-4 shrink-0"},_e=["aria-selected","onClick","onMouseenter"],Se={key:0,xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.5",stroke:"currentColor",class:"w-4 h-4 text-blue-600 shrink-0"},$e={key:1,class:"w-4 h-4 shrink-0"},De=["aria-selected","onClick","onMouseenter"],Me={key:0,xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.5",stroke:"currentColor",class:"w-4 h-4 text-blue-600 shrink-0"},Oe={key:1,class:"w-4 h-4 shrink-0"},ze={key:3,class:"px-3 py-4 text-sm text-gray-500 text-center"},Ke={class:"pb-6"},Ae={key:0,class:"relative px-3 py-3"},Le={class:"relative"},Ie=["placeholder"],je={key:1,class:"px-3 py-2"},qe={key:2,class:"flex items-center justify-between px-3 py-2 border-b border-gray-100"},Fe={key:3,class:"flex justify-center py-8"},Pe={key:4,class:"overflow-auto h-[60dvh] divide-y",role:"listbox"},Re=["aria-selected"],We={key:0,xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.5",stroke:"currentColor",class:"w-5 h-5 text-blue-600 shrink-0"},He={key:1,class:"w-5 h-5 shrink-0"},Te={key:0,class:"px-3 pt-3 pb-2 text-xs font-semibold text-gray-400 uppercase tracking-wide"},Ue=["aria-selected","onClick"],Ge={key:0,xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.5",stroke:"currentColor",class:"w-5 h-5 text-blue-600 shrink-0"},Je={key:1,class:"w-5 h-5 shrink-0"},Xe=["aria-selected","onClick"],Ye={key:0,xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.5",stroke:"currentColor",class:"w-5 h-5 text-blue-600 shrink-0"},Ze={key:1,class:"w-5 h-5 shrink-0"},Qe={key:3,class:"px-3 py-8 text-sm text-gray-500 text-center"},et=e.defineComponent({__name:"OneDropdownSelect",props:T.dropdownSelectProps,emits:["update:modelValue","search","create"],setup(V,{emit:m}){const n=V,u=F.useOnebI18n(),y=m,f=e.ref(!1);let h=null;e.onMounted(()=>{h=window.matchMedia("(max-width: 767px)"),f.value=h.matches;const t=o=>{f.value=o.matches};h.addEventListener("change",t),e.onUnmounted(()=>{h==null||h.removeEventListener("change",t)})});const k=G.useModal(),C=e.ref(null),c=()=>{i.value="",s.value=-1,k.open(),e.nextTick(()=>{var t;(t=C.value)==null||t.focus()})},i=e.ref(""),s=e.ref(-1),x=e.ref(null),N=e.ref(null),g=e.ref({}),_=(t,o)=>{t&&(g.value[o]=t)},E=e.computed(()=>n.allowEmpty?1:0),B=e.computed(()=>{if(!i.value.trim())return n.items;const t=i.value.toLowerCase();return n.items.filter(o=>String(o[n.labelKey]??"").toLowerCase().includes(t))}),D=e.computed(()=>{if(!n.groupKey)return[];const t=[],o=new Map;let r=E.value;for(const l of B.value){const p=String(l[n.groupKey]??"");let a=o.get(p);a||(a={label:p,entries:[]},o.set(p,a),t.push(a)),a.entries.push({item:l,flatIndex:r}),r++}return t}),v=e.computed(()=>n.multiple?(n.modelValue??[]).length>0:n.modelValue!==null&&n.modelValue!==void 0),S=e.computed(()=>{if(n.multiple){const t=n.modelValue??[];return t.length===0?n.placeholder:t.length===1?t[0][n.labelKey]??n.placeholder:`${t[0][n.labelKey]} +${t.length-1}`}return n.modelValue===null||n.modelValue===void 0?n.placeholder:n.modelValue[n.labelKey]??n.placeholder}),d=t=>n.modelValue?n.multiple?n.modelValue.some(r=>r[n.valueKey]===t[n.valueKey]):n.modelValue[n.valueKey]===t[n.valueKey]:!1,M=e.computed(()=>B.value.length+E.value),w=(t,o)=>{if(n.multiple){const r=(n.modelValue??[]).slice();if(t===null){y("update:modelValue",[]);return}const l=r.findIndex(p=>p[n.valueKey]===t[n.valueKey]);l>=0?r.splice(l,1):r.push(t),y("update:modelValue",r);return}y("update:modelValue",t),o()},O=()=>{y("update:modelValue",[...n.items])},z=()=>{y("update:modelValue",[])},K=t=>{y("create",i.value),t()},P=()=>{i.value="",s.value=-1,e.nextTick(()=>{var t;(t=x.value)==null||t.focus()})},R=()=>{i.value="",s.value=-1},A=()=>{s.value=0,y("search",i.value)},L=()=>{e.nextTick(()=>{const t=g.value[s.value];t&&t.scrollIntoView({block:"nearest"})})},W=(t,o)=>{switch(t.key){case"ArrowDown":t.preventDefault(),s.value<M.value-1?s.value++:s.value=0,L();break;case"ArrowUp":t.preventDefault(),s.value>0?s.value--:s.value=M.value-1,L();break;case"Enter":if(t.preventDefault(),s.value>=0)if(n.allowEmpty&&s.value===0)w(null,o);else{const r=s.value-E.value,l=B.value[r];l&&w(l,o)}break;case"Escape":t.preventDefault(),o();break}};return e.watch(i,()=>{s.value=0}),(t,o)=>f.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.renderSlot(t.$slots,"button",e.normalizeProps(e.guardReactiveProps({onToggle:c,isExpanded:e.unref(k).isOpened.value,selectedLabel:S.value})),()=>[e.createElementVNode("button",{class:e.normalizeClass(["inline-flex items-center justify-between gap-2 text-sm transition-colors",[t.view==="pill"?"rounded-full bg-gray-100 px-3.5 py-1.5 hover:bg-gray-200 text-gray-700":"rounded-lg border border-gray-300 bg-white px-3 py-2 hover:bg-gray-50 min-w-[180px]"]]),style:e.normalizeStyle(t.maxWidth?{maxWidth:t.maxWidth}:void 0),onClick:c},[e.createElementVNode("span",{class:e.normalizeClass(["truncate",t.view==="pill"?"":v.value?"text-gray-900":"text-gray-500"])},e.toDisplayString(S.value),3),o[12]||(o[12]=e.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.5",stroke:"currentColor",class:"w-4 h-4 text-gray-400 shrink-0"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M19.5 8.25l-7.5 7.5-7.5-7.5"})],-1))],6)]),e.unref(k).isOpened.value?(e.openBlock(),e.createBlock(e.unref(U.OneModal),{key:0,useModal:e.unref(k),title:t.title||t.placeholder,size:"sm",classModal:!0,titleCenter:!0},{default:e.withCtx(()=>[e.createElementVNode("div",Ke,[t.searchable?(e.openBlock(),e.createElementBlock("div",Ae,[e.createElementVNode("div",Le,[o[13]||(o[13]=e.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.5",stroke:"currentColor",class:"absolute left-2.5 top-1/2 -translate-y-1/2 w-4 h-4 text-gray-400"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607z"})],-1)),e.withDirectives(e.createElementVNode("input",{ref_key:"mobileSearchInputRef",ref:C,"onUpdate:modelValue":o[2]||(o[2]=r=>i.value=r),type:"text",placeholder:t.searchPlaceholder,class:"w-full rounded-md border border-gray-300 py-2 pl-8 pr-3 text-sm outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent",onInput:A},null,40,Ie),[[e.vModelText,i.value]])])])):e.createCommentVNode("",!0),t.createLabel?(e.openBlock(),e.createElementBlock("div",je,[e.createElementVNode("button",{class:"w-full flex items-center justify-center gap-2 py-2 text-sm text-blue-700 hover:text-blue-500",onClick:o[3]||(o[3]=r=>K(()=>e.unref(k).close()))},[o[14]||(o[14]=e.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.5",stroke:"currentColor",class:"w-4 h-4"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M12 4.5v15m7.5-7.5h-15"})],-1)),e.createElementVNode("span",null,e.toDisplayString(t.createLabel),1)])])):e.createCommentVNode("",!0),t.multiple?(e.openBlock(),e.createElementBlock("div",qe,[e.createElementVNode("button",{class:"text-sm text-blue-600 hover:text-blue-800 transition-colors",onClick:O},e.toDisplayString(e.unref(u)("ui.dropdown.selectAll")),1),v.value?(e.openBlock(),e.createElementBlock("button",{key:0,class:"text-sm text-gray-500 hover:text-gray-700 transition-colors",onClick:z},e.toDisplayString(e.unref(u)("ui.dropdown.clear")),1)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),t.isLoading?(e.openBlock(),e.createElementBlock("div",Fe,[...o[15]||(o[15]=[e.createElementVNode("div",{class:"animate-spin w-6 h-6 border-2 border-blue-500 border-t-transparent rounded-full"},null,-1)])])):(e.openBlock(),e.createElementBlock("div",Pe,[t.allowEmpty?(e.openBlock(),e.createElementBlock("button",{key:0,class:e.normalizeClass(["flex items-center gap-3 w-full px-3 py-3 text-sm text-left hover:bg-gray-50 transition-colors",v.value?"":"bg-gray-50 font-medium"]),role:"option","aria-selected":!v.value,onClick:o[4]||(o[4]=r=>w(null,()=>e.unref(k).close()))},[v.value?(e.openBlock(),e.createElementBlock("span",He)):(e.openBlock(),e.createElementBlock("svg",We,[...o[16]||(o[16]=[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M4.5 12.75l6 6 9-13.5"},null,-1)])])),e.createElementVNode("span",null,e.toDisplayString(t.emptyLabel??t.placeholder),1)],10,Re)):e.createCommentVNode("",!0),t.groupKey?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(D.value,r=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:r.label},[r.label?(e.openBlock(),e.createElementBlock("div",Te,e.toDisplayString(r.label),1)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.entries,l=>(e.openBlock(),e.createElementBlock("button",{key:l.item[t.valueKey],class:e.normalizeClass(["flex items-center gap-3 w-full px-3 py-3 text-sm text-left hover:bg-gray-50 transition-colors break-words",d(l.item)?"bg-gray-50 font-medium":""]),role:"option","aria-selected":d(l.item),onClick:p=>w(l.item,()=>e.unref(k).close())},[d(l.item)?(e.openBlock(),e.createElementBlock("svg",Ge,[...o[17]||(o[17]=[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M4.5 12.75l6 6 9-13.5"},null,-1)])])):(e.openBlock(),e.createElementBlock("span",Je)),e.renderSlot(t.$slots,"item",e.mergeProps({ref_for:!0},{item:l.item}),()=>[e.createElementVNode("span",null,e.toDisplayString(l.item[t.labelKey]),1)])],10,Ue))),128))],64))),128)):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:2},e.renderList(B.value,r=>(e.openBlock(),e.createElementBlock("button",{key:r[t.valueKey],class:e.normalizeClass(["flex items-center gap-3 w-full px-3 py-3 text-sm text-left hover:bg-gray-50 transition-colors break-words",d(r)?"bg-gray-50 font-medium":""]),role:"option","aria-selected":d(r),onClick:l=>w(r,()=>e.unref(k).close())},[d(r)?(e.openBlock(),e.createElementBlock("svg",Ye,[...o[18]||(o[18]=[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M4.5 12.75l6 6 9-13.5"},null,-1)])])):(e.openBlock(),e.createElementBlock("span",Ze)),e.renderSlot(t.$slots,"item",e.mergeProps({ref_for:!0},{item:r}),()=>[e.createElementVNode("span",null,e.toDisplayString(r[t.labelKey]),1)])],10,Xe))),128)),B.value.length===0&&!t.allowEmpty?(e.openBlock(),e.createElementBlock("div",Qe,[e.renderSlot(t.$slots,"empty",{},()=>[e.createTextVNode(e.toDisplayString(e.unref(u)("ui.dropdown.nothingFound")),1)])])):e.createCommentVNode("",!0)]))])]),_:3},8,["useModal","title"])):e.createCommentVNode("",!0)],64)):(e.openBlock(),e.createBlock(q._sfc_main,{key:0,stick:t.stick,onOpen:P,onClose:R},{button:e.withCtx(({onToggle:r,isExpanded:l})=>[e.renderSlot(t.$slots,"button",e.normalizeProps(e.guardReactiveProps({onToggle:r,isExpanded:l,selectedLabel:S.value})),()=>[e.createElementVNode("button",{class:e.normalizeClass(["inline-flex items-center justify-between gap-2 text-sm transition-colors",[t.view==="pill"?"rounded-full bg-gray-100 px-3.5 py-1.5 hover:bg-gray-200 text-gray-700":"rounded-lg border border-gray-300 bg-white px-3 py-2 hover:bg-gray-50 min-w-[180px]",t.view==="default"&&l?"ring-1 ring-blue-500 border-blue-500":""]]),style:e.normalizeStyle(t.maxWidth?{maxWidth:t.maxWidth}:void 0),onClick:r},[e.createElementVNode("span",{class:e.normalizeClass(["truncate",t.view==="pill"?"":v.value?"text-gray-900":"text-gray-500"])},e.toDisplayString(S.value),3),(e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.5",stroke:"currentColor",class:e.normalizeClass(["w-4 h-4 text-gray-400 transition-transform shrink-0",l?"rotate-180":""])},[...o[5]||(o[5]=[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M19.5 8.25l-7.5 7.5-7.5-7.5"},null,-1)])],2))],14,ve)])]),menu:e.withCtx(({onToggle:r})=>[e.createElementVNode("div",{class:"min-w-[240px] w-full",onKeydown:l=>W(l,r)},[t.title?(e.openBlock(),e.createElementBlock("div",ge,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0),t.searchable?(e.openBlock(),e.createElementBlock("div",fe,[e.createElementVNode("div",he,[o[6]||(o[6]=e.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.5",stroke:"currentColor",class:"absolute left-2.5 top-1/2 -translate-y-1/2 w-4 h-4 text-gray-400"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607z"})],-1)),e.withDirectives(e.createElementVNode("input",{ref_key:"searchInputRef",ref:x,"onUpdate:modelValue":o[0]||(o[0]=l=>i.value=l),type:"text",placeholder:t.searchPlaceholder,class:"w-full rounded-md border border-gray-300 py-1.5 pl-8 pr-3 text-sm outline-none focus:ring-1 focus:ring-blue-500 focus:border-blue-500",onInput:A},null,40,we),[[e.vModelText,i.value]])])])):e.createCommentVNode("",!0),t.createLabel?(e.openBlock(),e.createElementBlock("div",be,[e.createElementVNode("button",{class:"flex items-center gap-2 w-full px-3 py-2 text-sm text-blue-700 hover:bg-gray-50 transition-colors",onClick:l=>K(r)},[o[7]||(o[7]=e.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.5",stroke:"currentColor",class:"w-4 h-4"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M12 4.5v15m7.5-7.5h-15"})],-1)),e.createElementVNode("span",null,e.toDisplayString(t.createLabel),1)],8,xe)])):e.createCommentVNode("",!0),t.multiple?(e.openBlock(),e.createElementBlock("div",Be,[e.createElementVNode("button",{class:"text-xs text-blue-600 hover:text-blue-800 transition-colors",onClick:O},e.toDisplayString(e.unref(u)("ui.dropdown.selectAll")),1),v.value?(e.openBlock(),e.createElementBlock("button",{key:0,class:"text-xs text-gray-500 hover:text-gray-700 transition-colors",onClick:z},e.toDisplayString(e.unref(u)("ui.dropdown.clear")),1)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),t.isLoading?(e.openBlock(),e.createElementBlock("div",Ee,[...o[8]||(o[8]=[e.createElementVNode("svg",{class:"animate-spin h-5 w-5 text-gray-400",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24"},[e.createElementVNode("circle",{class:"opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor","stroke-width":"4"}),e.createElementVNode("path",{class:"opacity-75",fill:"currentColor",d:"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z"})],-1)])])):(e.openBlock(),e.createElementBlock("div",{key:5,ref_key:"listRef",ref:N,class:"max-h-[300px] overflow-y-auto",role:"listbox"},[t.allowEmpty?(e.openBlock(),e.createElementBlock("button",{key:0,ref:l=>_(l,0),class:e.normalizeClass(["flex items-center gap-2 w-full px-3 py-2 text-sm text-left transition-colors",[v.value?"hover:bg-gray-50":"bg-gray-100 font-medium",s.value===0?"bg-gray-50":""]]),role:"option","aria-selected":!v.value,onClick:l=>w(null,r),onMouseenter:o[1]||(o[1]=l=>s.value=0)},[v.value?(e.openBlock(),e.createElementBlock("span",Ne)):(e.openBlock(),e.createElementBlock("svg",Ce,[...o[9]||(o[9]=[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M4.5 12.75l6 6 9-13.5"},null,-1)])])),e.createElementVNode("span",null,e.toDisplayString(t.emptyLabel??t.placeholder),1)],42,Ve)):e.createCommentVNode("",!0),t.groupKey?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(D.value,(l,p)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:l.label},[l.label?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["px-3 pt-2 pb-1 text-xs font-semibold text-gray-500 uppercase tracking-wide",p>0?"border-t border-gray-100 mt-1":""])},e.toDisplayString(l.label),3)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.entries,a=>(e.openBlock(),e.createElementBlock("button",{key:a.item[t.valueKey],ref_for:!0,ref:$=>_($,a.flatIndex),class:e.normalizeClass(["flex items-center gap-2 w-full px-3 py-2 text-sm text-left transition-colors break-words",[d(a.item)?"bg-gray-100 font-medium":"hover:bg-gray-50",s.value===a.flatIndex?"bg-gray-50":""]]),role:"option","aria-selected":d(a.item),onClick:$=>w(a.item,r),onMouseenter:$=>s.value=a.flatIndex},[d(a.item)?(e.openBlock(),e.createElementBlock("svg",Se,[...o[10]||(o[10]=[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M4.5 12.75l6 6 9-13.5"},null,-1)])])):(e.openBlock(),e.createElementBlock("span",$e)),e.renderSlot(t.$slots,"item",e.mergeProps({ref_for:!0},{item:a.item}),()=>[e.createElementVNode("span",null,e.toDisplayString(a.item[t.labelKey]),1)])],42,_e))),128))],64))),128)):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:2},e.renderList(B.value,(l,p)=>(e.openBlock(),e.createElementBlock("button",{key:l[t.valueKey],ref_for:!0,ref:a=>_(a,E.value+p),class:e.normalizeClass(["flex items-center gap-2 w-full px-3 py-2 text-sm text-left transition-colors break-words",[d(l)?"bg-gray-100 font-medium":"hover:bg-gray-50",s.value===E.value+p?"bg-gray-50":""]]),role:"option","aria-selected":d(l),onClick:a=>w(l,r),onMouseenter:a=>s.value=E.value+p},[d(l)?(e.openBlock(),e.createElementBlock("svg",Me,[...o[11]||(o[11]=[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M4.5 12.75l6 6 9-13.5"},null,-1)])])):(e.openBlock(),e.createElementBlock("span",Oe)),e.renderSlot(t.$slots,"item",e.mergeProps({ref_for:!0},{item:l}),()=>[e.createElementVNode("span",null,e.toDisplayString(l[t.labelKey]),1)])],42,De))),128)),B.value.length===0&&!t.allowEmpty?(e.openBlock(),e.createElementBlock("div",ze,[e.renderSlot(t.$slots,"empty",{},()=>[e.createTextVNode(e.toDisplayString(e.unref(u)("ui.dropdown.nothingFound")),1)])])):e.createCommentVNode("",!0)],512))],40,ye)]),_:3},8,["stick"]))}});exports.OneBrowserMenu=b.OneBrowserMenu;exports.OneDropdown=b._sfc_main;exports.OneDropdownItem=b._sfc_main$1;exports.OneHelpMenu=b.OneHelpMenu;exports.OneUserMenu=b._sfc_main$2;exports.OneDropdownAuto=q._sfc_main;exports.OneBrowserMenuGrid=ke;exports.OneDropdownDivider=Z;exports.OneDropdownSelect=et;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),H=require("../_plugin-vue_export-helper-f246444f.cjs"),b=require("../OneHelpMenu-457f1517.cjs"),q=require("../OneDropdownAuto.vue_vue_type_script_setup_true_lang-06aedc97.cjs"),I=require("../OneAvatar.vue_vue_type_script_setup_true_lang-2d9f44f1.cjs"),F=require("../i18n/index.cjs"),T=require("../dropdown-5cb64ab7.cjs"),U=require("../OneModal-0e92c039.cjs"),G=require("../useModal-aa6f4a57.cjs");require("@floating-ui/dom");require("../XMarkIcon-f94baa4c.cjs");require("../ChevronDownIcon-6889ac87.cjs");require("../ChevronUpIcon-64a673e1.cjs");require("../ChevronRightIcon-2992cf0d.cjs");require("../button/index.cjs");require("../SpinnerIcon-01be39fe.cjs");require("../useIsMobile-7b1f08cf.cjs");require("../useMediaQuery-1d87df02.cjs");const J={},X={class:"border-t border-secondary-stroke my-1"};function Y(V,m){return e.openBlock(),e.createElementBlock("div",X)}const Z=H._export_sfc(J,[["render",Y]]),Q=["onClick"],ee={class:"grid"},te={class:"font-semibold px-3"},oe={class:"rounded-lg m-3 border"},le={class:"space-x-2 flex items-center px-3 py-2",style:{width:"300px"}},ne={class:"flex-shrink-0"},re={class:"w-full text-left"},se={class:"flex-shrink-0"},ae={class:"px-3 py-2"},ie={class:"text-secondary-content text-left pb-1 text-sm uppercase"},ce={key:0,class:"space-y-2"},ue=["onClick"],de={class:"pl-2"},pe={class:"text-sm mt-1"},me={class:"text-xs mt-1"},j=3,ke=e.defineComponent({__name:"OneBrowserMenuGrid",props:b.browserMenuProps,setup(V){const m=V,n=F.useOnebI18n(),u=e.computed(()=>m.t??n),y=()=>{typeof m.onChange=="function"&&m.onChange()},f=e.ref(!1),h=e.computed(()=>m.apps?f.value?m.apps:m.apps.slice(0,j):[]),k=()=>{f.value=!f.value},C=c=>{typeof m.onApp=="function"&&m.onApp(c)};return(c,i)=>(e.openBlock(),e.createBlock(b._sfc_main,{stick:"right"},{button:e.withCtx(({onToggle:s,isExpanded:x})=>[e.createElementVNode("button",{type:"button",onClick:s,class:e.normalizeClass(["p-1 rounded-md hover:bg-secondary-10",[x?"bg-secondary-25":""]])},[e.createVNode(e.unref(b.render),{class:"text-secondary-base",style:e.normalizeStyle(`width: ${c.iconSize}px; height: ${c.iconSize}px`)},null,8,["style"])],10,Q)]),menu:e.withCtx(()=>{var s,x,N;return[e.createElementVNode("div",ee,[e.createElementVNode("div",te,e.toDisplayString(u.value("ui.layout.workspaces")),1),e.createElementVNode("div",oe,[e.createElementVNode("div",le,[e.createElementVNode("div",ne,[e.createVNode(I._sfc_main,{text:((s=c.workspace)==null?void 0:s.name)||"",src:(x=c.workspace)==null?void 0:x.photo_url,size:44,rounded:!1,class:"mx-auto"},null,8,["text","src"])]),e.createElementVNode("div",re,e.toDisplayString((N=c.workspace)==null?void 0:N.name),1),e.createElementVNode("div",se,[e.createElementVNode("button",{type:"button",class:"text-sm border border-secondary-stroke rounded px-2 py-0.5 text-secondary-content hover:text-primary-content",onClick:y},e.toDisplayString(u.value("ui.layout.change_workspace")),1)])]),i[0]||(i[0]=e.createElementVNode("hr",null,null,-1))])]),e.createElementVNode("div",ae,[e.createElementVNode("div",ie,e.toDisplayString(u.value("ui.layout.apps")),1),e.createElementVNode("div",null,[c.apps&&c.apps.length?(e.openBlock(),e.createElementBlock("div",ce,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(h.value,g=>(e.openBlock(),e.createElementBlock("div",{key:g.id,onClick:_=>C(g),class:"flex items-center rounded-lg hover:bg-secondary-10 border p-2 bg-[#FAFAFA] cursor-pointer"},[e.createVNode(I._sfc_main,{text:g.name,src:g.photo_url,size:44,rounded:!1},null,8,["text","src"]),e.createElementVNode("div",de,[e.createElementVNode("p",pe,e.toDisplayString(g.name),1),e.createElementVNode("p",me,e.toDisplayString(g.short),1)])],8,ue))),128))])):e.createCommentVNode("",!0),c.apps&&c.apps.length>j?(e.openBlock(),e.createElementBlock("button",{key:1,type:"button",onClick:k,class:"mt-2 w-full bg-[#FAFAFA] hover:bg-secondary-10 p-2 rounded-lg mb-5 text-xs"},e.toDisplayString(f.value?u.value("ui.layout.hide"):u.value("ui.layout.view_all")),1)):e.createCommentVNode("",!0)])])]}),_:1}))}}),ve=["onClick"],ye=["onKeydown"],ge={key:0,class:"text-sm font-medium text-gray-700 px-3 pt-2.5 pb-1.5"},fe={key:1,class:"px-3 py-2"},he={class:"relative"},we=["placeholder"],be={key:2,class:"border-b border-gray-100"},xe=["onClick"],Be={key:3,class:"flex items-center justify-between px-3 py-1.5 border-b border-gray-100"},Ee={key:4,class:"flex justify-center py-4"},Ve=["aria-selected","onClick"],Ce={key:0,xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.5",stroke:"currentColor",class:"w-4 h-4 text-blue-600 shrink-0"},Ne={key:1,class:"w-4 h-4 shrink-0"},_e=["aria-selected","onClick","onMouseenter"],Se={key:0,xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.5",stroke:"currentColor",class:"w-4 h-4 text-blue-600 shrink-0"},$e={key:1,class:"w-4 h-4 shrink-0"},De=["aria-selected","onClick","onMouseenter"],Me={key:0,xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.5",stroke:"currentColor",class:"w-4 h-4 text-blue-600 shrink-0"},Oe={key:1,class:"w-4 h-4 shrink-0"},ze={key:3,class:"px-3 py-4 text-sm text-gray-500 text-center"},Ke={class:"pb-6"},Ae={key:0,class:"relative px-3 py-3"},Le={class:"relative"},Ie=["placeholder"],je={key:1,class:"px-3 py-2"},qe={key:2,class:"flex items-center justify-between px-3 py-2 border-b border-gray-100"},Fe={key:3,class:"flex justify-center py-8"},Pe={key:4,class:"overflow-auto h-[60dvh] divide-y",role:"listbox"},Re=["aria-selected"],We={key:0,xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.5",stroke:"currentColor",class:"w-5 h-5 text-blue-600 shrink-0"},He={key:1,class:"w-5 h-5 shrink-0"},Te={key:0,class:"px-3 pt-3 pb-2 text-xs font-semibold text-gray-400 uppercase tracking-wide"},Ue=["aria-selected","onClick"],Ge={key:0,xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.5",stroke:"currentColor",class:"w-5 h-5 text-blue-600 shrink-0"},Je={key:1,class:"w-5 h-5 shrink-0"},Xe=["aria-selected","onClick"],Ye={key:0,xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.5",stroke:"currentColor",class:"w-5 h-5 text-blue-600 shrink-0"},Ze={key:1,class:"w-5 h-5 shrink-0"},Qe={key:3,class:"px-3 py-8 text-sm text-gray-500 text-center"},et=e.defineComponent({__name:"OneDropdownSelect",props:T.dropdownSelectProps,emits:["update:modelValue","search","create"],setup(V,{emit:m}){const n=V,u=F.useOnebI18n(),y=m,f=e.ref(!1);let h=null;e.onMounted(()=>{h=window.matchMedia("(max-width: 767px)"),f.value=h.matches;const t=o=>{f.value=o.matches};h.addEventListener("change",t),e.onUnmounted(()=>{h==null||h.removeEventListener("change",t)})});const k=G.useModal(),C=e.ref(null),c=()=>{i.value="",s.value=-1,k.open(),e.nextTick(()=>{var t;(t=C.value)==null||t.focus()})},i=e.ref(""),s=e.ref(-1),x=e.ref(null),N=e.ref(null),g=e.ref({}),_=(t,o)=>{t&&(g.value[o]=t)},E=e.computed(()=>n.allowEmpty?1:0),B=e.computed(()=>{if(!i.value.trim())return n.items;const t=i.value.toLowerCase();return n.items.filter(o=>String(o[n.labelKey]??"").toLowerCase().includes(t))}),D=e.computed(()=>{if(!n.groupKey)return[];const t=[],o=new Map;let r=E.value;for(const l of B.value){const p=String(l[n.groupKey]??"");let a=o.get(p);a||(a={label:p,entries:[]},o.set(p,a),t.push(a)),a.entries.push({item:l,flatIndex:r}),r++}return t}),v=e.computed(()=>n.multiple?(n.modelValue??[]).length>0:n.modelValue!==null&&n.modelValue!==void 0),S=e.computed(()=>{if(n.multiple){const t=n.modelValue??[];return t.length===0?n.placeholder:t.length===1?t[0][n.labelKey]??n.placeholder:`${t[0][n.labelKey]} +${t.length-1}`}return n.modelValue===null||n.modelValue===void 0?n.placeholder:n.modelValue[n.labelKey]??n.placeholder}),d=t=>n.modelValue?n.multiple?n.modelValue.some(r=>r[n.valueKey]===t[n.valueKey]):n.modelValue[n.valueKey]===t[n.valueKey]:!1,M=e.computed(()=>B.value.length+E.value),w=(t,o)=>{if(n.multiple){const r=(n.modelValue??[]).slice();if(t===null){y("update:modelValue",[]);return}const l=r.findIndex(p=>p[n.valueKey]===t[n.valueKey]);l>=0?r.splice(l,1):r.push(t),y("update:modelValue",r);return}y("update:modelValue",t),o()},O=()=>{y("update:modelValue",[...n.items])},z=()=>{y("update:modelValue",[])},K=t=>{y("create",i.value),t()},P=()=>{i.value="",s.value=-1,e.nextTick(()=>{var t;(t=x.value)==null||t.focus()})},R=()=>{i.value="",s.value=-1},A=()=>{s.value=0,y("search",i.value)},L=()=>{e.nextTick(()=>{const t=g.value[s.value];t&&t.scrollIntoView({block:"nearest"})})},W=(t,o)=>{switch(t.key){case"ArrowDown":t.preventDefault(),s.value<M.value-1?s.value++:s.value=0,L();break;case"ArrowUp":t.preventDefault(),s.value>0?s.value--:s.value=M.value-1,L();break;case"Enter":if(t.preventDefault(),s.value>=0)if(n.allowEmpty&&s.value===0)w(null,o);else{const r=s.value-E.value,l=B.value[r];l&&w(l,o)}break;case"Escape":t.preventDefault(),o();break}};return e.watch(i,()=>{s.value=0}),(t,o)=>f.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.renderSlot(t.$slots,"button",e.normalizeProps(e.guardReactiveProps({onToggle:c,isExpanded:e.unref(k).isOpened.value,selectedLabel:S.value})),()=>[e.createElementVNode("button",{type:"button",class:e.normalizeClass(["inline-flex items-center justify-between gap-2 text-sm transition-colors",[t.view==="pill"?"rounded-full bg-gray-100 px-3.5 py-1.5 hover:bg-gray-200 text-gray-700":"rounded-lg border border-gray-300 bg-white px-3 py-2 hover:bg-gray-50 min-w-[180px]"]]),style:e.normalizeStyle(t.maxWidth?{maxWidth:t.maxWidth}:void 0),onClick:c},[e.createElementVNode("span",{class:e.normalizeClass(["truncate",t.view==="pill"?"":v.value?"text-gray-900":"text-gray-500"])},e.toDisplayString(S.value),3),o[12]||(o[12]=e.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.5",stroke:"currentColor",class:"w-4 h-4 text-gray-400 shrink-0"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M19.5 8.25l-7.5 7.5-7.5-7.5"})],-1))],6)]),e.unref(k).isOpened.value?(e.openBlock(),e.createBlock(e.unref(U.OneModal),{key:0,useModal:e.unref(k),title:t.title||t.placeholder,size:"sm",classModal:!0,titleCenter:!0},{default:e.withCtx(()=>[e.createElementVNode("div",Ke,[t.searchable?(e.openBlock(),e.createElementBlock("div",Ae,[e.createElementVNode("div",Le,[o[13]||(o[13]=e.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.5",stroke:"currentColor",class:"absolute left-2.5 top-1/2 -translate-y-1/2 w-4 h-4 text-gray-400"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607z"})],-1)),e.withDirectives(e.createElementVNode("input",{ref_key:"mobileSearchInputRef",ref:C,"onUpdate:modelValue":o[2]||(o[2]=r=>i.value=r),type:"text",placeholder:t.searchPlaceholder,class:"w-full rounded-md border border-gray-300 py-2 pl-8 pr-3 text-sm outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent",onInput:A},null,40,Ie),[[e.vModelText,i.value]])])])):e.createCommentVNode("",!0),t.createLabel?(e.openBlock(),e.createElementBlock("div",je,[e.createElementVNode("button",{type:"button",class:"w-full flex items-center justify-center gap-2 py-2 text-sm text-blue-700 hover:text-blue-500",onClick:o[3]||(o[3]=r=>K(()=>e.unref(k).close()))},[o[14]||(o[14]=e.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.5",stroke:"currentColor",class:"w-4 h-4"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M12 4.5v15m7.5-7.5h-15"})],-1)),e.createElementVNode("span",null,e.toDisplayString(t.createLabel),1)])])):e.createCommentVNode("",!0),t.multiple?(e.openBlock(),e.createElementBlock("div",qe,[e.createElementVNode("button",{type:"button",class:"text-sm text-blue-600 hover:text-blue-800 transition-colors",onClick:O},e.toDisplayString(e.unref(u)("ui.dropdown.selectAll")),1),v.value?(e.openBlock(),e.createElementBlock("button",{key:0,type:"button",class:"text-sm text-gray-500 hover:text-gray-700 transition-colors",onClick:z},e.toDisplayString(e.unref(u)("ui.dropdown.clear")),1)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),t.isLoading?(e.openBlock(),e.createElementBlock("div",Fe,[...o[15]||(o[15]=[e.createElementVNode("div",{class:"animate-spin w-6 h-6 border-2 border-blue-500 border-t-transparent rounded-full"},null,-1)])])):(e.openBlock(),e.createElementBlock("div",Pe,[t.allowEmpty?(e.openBlock(),e.createElementBlock("button",{key:0,type:"button",class:e.normalizeClass(["flex items-center gap-3 w-full px-3 py-3 text-sm text-left hover:bg-gray-50 transition-colors",v.value?"":"bg-gray-50 font-medium"]),role:"option","aria-selected":!v.value,onClick:o[4]||(o[4]=r=>w(null,()=>e.unref(k).close()))},[v.value?(e.openBlock(),e.createElementBlock("span",He)):(e.openBlock(),e.createElementBlock("svg",We,[...o[16]||(o[16]=[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M4.5 12.75l6 6 9-13.5"},null,-1)])])),e.createElementVNode("span",null,e.toDisplayString(t.emptyLabel??t.placeholder),1)],10,Re)):e.createCommentVNode("",!0),t.groupKey?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(D.value,r=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:r.label},[r.label?(e.openBlock(),e.createElementBlock("div",Te,e.toDisplayString(r.label),1)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.entries,l=>(e.openBlock(),e.createElementBlock("button",{type:"button",key:l.item[t.valueKey],class:e.normalizeClass(["flex items-center gap-3 w-full px-3 py-3 text-sm text-left hover:bg-gray-50 transition-colors break-words",d(l.item)?"bg-gray-50 font-medium":""]),role:"option","aria-selected":d(l.item),onClick:p=>w(l.item,()=>e.unref(k).close())},[d(l.item)?(e.openBlock(),e.createElementBlock("svg",Ge,[...o[17]||(o[17]=[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M4.5 12.75l6 6 9-13.5"},null,-1)])])):(e.openBlock(),e.createElementBlock("span",Je)),e.renderSlot(t.$slots,"item",e.mergeProps({ref_for:!0},{item:l.item}),()=>[e.createElementVNode("span",null,e.toDisplayString(l.item[t.labelKey]),1)])],10,Ue))),128))],64))),128)):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:2},e.renderList(B.value,r=>(e.openBlock(),e.createElementBlock("button",{type:"button",key:r[t.valueKey],class:e.normalizeClass(["flex items-center gap-3 w-full px-3 py-3 text-sm text-left hover:bg-gray-50 transition-colors break-words",d(r)?"bg-gray-50 font-medium":""]),role:"option","aria-selected":d(r),onClick:l=>w(r,()=>e.unref(k).close())},[d(r)?(e.openBlock(),e.createElementBlock("svg",Ye,[...o[18]||(o[18]=[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M4.5 12.75l6 6 9-13.5"},null,-1)])])):(e.openBlock(),e.createElementBlock("span",Ze)),e.renderSlot(t.$slots,"item",e.mergeProps({ref_for:!0},{item:r}),()=>[e.createElementVNode("span",null,e.toDisplayString(r[t.labelKey]),1)])],10,Xe))),128)),B.value.length===0&&!t.allowEmpty?(e.openBlock(),e.createElementBlock("div",Qe,[e.renderSlot(t.$slots,"empty",{},()=>[e.createTextVNode(e.toDisplayString(e.unref(u)("ui.dropdown.nothingFound")),1)])])):e.createCommentVNode("",!0)]))])]),_:3},8,["useModal","title"])):e.createCommentVNode("",!0)],64)):(e.openBlock(),e.createBlock(q._sfc_main,{key:0,stick:t.stick,onOpen:P,onClose:R},{button:e.withCtx(({onToggle:r,isExpanded:l})=>[e.renderSlot(t.$slots,"button",e.normalizeProps(e.guardReactiveProps({onToggle:r,isExpanded:l,selectedLabel:S.value})),()=>[e.createElementVNode("button",{type:"button",class:e.normalizeClass(["inline-flex items-center justify-between gap-2 text-sm transition-colors",[t.view==="pill"?"rounded-full bg-gray-100 px-3.5 py-1.5 hover:bg-gray-200 text-gray-700":"rounded-lg border border-gray-300 bg-white px-3 py-2 hover:bg-gray-50 min-w-[180px]",t.view==="default"&&l?"ring-1 ring-blue-500 border-blue-500":""]]),style:e.normalizeStyle(t.maxWidth?{maxWidth:t.maxWidth}:void 0),onClick:r},[e.createElementVNode("span",{class:e.normalizeClass(["truncate",t.view==="pill"?"":v.value?"text-gray-900":"text-gray-500"])},e.toDisplayString(S.value),3),(e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.5",stroke:"currentColor",class:e.normalizeClass(["w-4 h-4 text-gray-400 transition-transform shrink-0",l?"rotate-180":""])},[...o[5]||(o[5]=[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M19.5 8.25l-7.5 7.5-7.5-7.5"},null,-1)])],2))],14,ve)])]),menu:e.withCtx(({onToggle:r})=>[e.createElementVNode("div",{class:"min-w-[240px] w-full",onKeydown:l=>W(l,r)},[t.title?(e.openBlock(),e.createElementBlock("div",ge,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0),t.searchable?(e.openBlock(),e.createElementBlock("div",fe,[e.createElementVNode("div",he,[o[6]||(o[6]=e.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.5",stroke:"currentColor",class:"absolute left-2.5 top-1/2 -translate-y-1/2 w-4 h-4 text-gray-400"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607z"})],-1)),e.withDirectives(e.createElementVNode("input",{ref_key:"searchInputRef",ref:x,"onUpdate:modelValue":o[0]||(o[0]=l=>i.value=l),type:"text",placeholder:t.searchPlaceholder,class:"w-full rounded-md border border-gray-300 py-1.5 pl-8 pr-3 text-sm outline-none focus:ring-1 focus:ring-blue-500 focus:border-blue-500",onInput:A},null,40,we),[[e.vModelText,i.value]])])])):e.createCommentVNode("",!0),t.createLabel?(e.openBlock(),e.createElementBlock("div",be,[e.createElementVNode("button",{type:"button",class:"flex items-center gap-2 w-full px-3 py-2 text-sm text-blue-700 hover:bg-gray-50 transition-colors",onClick:l=>K(r)},[o[7]||(o[7]=e.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.5",stroke:"currentColor",class:"w-4 h-4"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M12 4.5v15m7.5-7.5h-15"})],-1)),e.createElementVNode("span",null,e.toDisplayString(t.createLabel),1)],8,xe)])):e.createCommentVNode("",!0),t.multiple?(e.openBlock(),e.createElementBlock("div",Be,[e.createElementVNode("button",{type:"button",class:"text-xs text-blue-600 hover:text-blue-800 transition-colors",onClick:O},e.toDisplayString(e.unref(u)("ui.dropdown.selectAll")),1),v.value?(e.openBlock(),e.createElementBlock("button",{key:0,type:"button",class:"text-xs text-gray-500 hover:text-gray-700 transition-colors",onClick:z},e.toDisplayString(e.unref(u)("ui.dropdown.clear")),1)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),t.isLoading?(e.openBlock(),e.createElementBlock("div",Ee,[...o[8]||(o[8]=[e.createElementVNode("svg",{class:"animate-spin h-5 w-5 text-gray-400",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24"},[e.createElementVNode("circle",{class:"opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor","stroke-width":"4"}),e.createElementVNode("path",{class:"opacity-75",fill:"currentColor",d:"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z"})],-1)])])):(e.openBlock(),e.createElementBlock("div",{key:5,ref_key:"listRef",ref:N,class:"max-h-[300px] overflow-y-auto",role:"listbox"},[t.allowEmpty?(e.openBlock(),e.createElementBlock("button",{key:0,type:"button",ref:l=>_(l,0),class:e.normalizeClass(["flex items-center gap-2 w-full px-3 py-2 text-sm text-left transition-colors",[v.value?"hover:bg-gray-50":"bg-gray-100 font-medium",s.value===0?"bg-gray-50":""]]),role:"option","aria-selected":!v.value,onClick:l=>w(null,r),onMouseenter:o[1]||(o[1]=l=>s.value=0)},[v.value?(e.openBlock(),e.createElementBlock("span",Ne)):(e.openBlock(),e.createElementBlock("svg",Ce,[...o[9]||(o[9]=[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M4.5 12.75l6 6 9-13.5"},null,-1)])])),e.createElementVNode("span",null,e.toDisplayString(t.emptyLabel??t.placeholder),1)],42,Ve)):e.createCommentVNode("",!0),t.groupKey?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(D.value,(l,p)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:l.label},[l.label?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["px-3 pt-2 pb-1 text-xs font-semibold text-gray-500 uppercase tracking-wide",p>0?"border-t border-gray-100 mt-1":""])},e.toDisplayString(l.label),3)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.entries,a=>(e.openBlock(),e.createElementBlock("button",{type:"button",key:a.item[t.valueKey],ref_for:!0,ref:$=>_($,a.flatIndex),class:e.normalizeClass(["flex items-center gap-2 w-full px-3 py-2 text-sm text-left transition-colors break-words",[d(a.item)?"bg-gray-100 font-medium":"hover:bg-gray-50",s.value===a.flatIndex?"bg-gray-50":""]]),role:"option","aria-selected":d(a.item),onClick:$=>w(a.item,r),onMouseenter:$=>s.value=a.flatIndex},[d(a.item)?(e.openBlock(),e.createElementBlock("svg",Se,[...o[10]||(o[10]=[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M4.5 12.75l6 6 9-13.5"},null,-1)])])):(e.openBlock(),e.createElementBlock("span",$e)),e.renderSlot(t.$slots,"item",e.mergeProps({ref_for:!0},{item:a.item}),()=>[e.createElementVNode("span",null,e.toDisplayString(a.item[t.labelKey]),1)])],42,_e))),128))],64))),128)):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:2},e.renderList(B.value,(l,p)=>(e.openBlock(),e.createElementBlock("button",{type:"button",key:l[t.valueKey],ref_for:!0,ref:a=>_(a,E.value+p),class:e.normalizeClass(["flex items-center gap-2 w-full px-3 py-2 text-sm text-left transition-colors break-words",[d(l)?"bg-gray-100 font-medium":"hover:bg-gray-50",s.value===E.value+p?"bg-gray-50":""]]),role:"option","aria-selected":d(l),onClick:a=>w(l,r),onMouseenter:a=>s.value=E.value+p},[d(l)?(e.openBlock(),e.createElementBlock("svg",Me,[...o[11]||(o[11]=[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M4.5 12.75l6 6 9-13.5"},null,-1)])])):(e.openBlock(),e.createElementBlock("span",Oe)),e.renderSlot(t.$slots,"item",e.mergeProps({ref_for:!0},{item:l}),()=>[e.createElementVNode("span",null,e.toDisplayString(l[t.labelKey]),1)])],42,De))),128)),B.value.length===0&&!t.allowEmpty?(e.openBlock(),e.createElementBlock("div",ze,[e.renderSlot(t.$slots,"empty",{},()=>[e.createTextVNode(e.toDisplayString(e.unref(u)("ui.dropdown.nothingFound")),1)])])):e.createCommentVNode("",!0)],512))],40,ye)]),_:3},8,["stick"]))}});exports.OneBrowserMenu=b.OneBrowserMenu;exports.OneDropdown=b._sfc_main;exports.OneDropdownItem=b._sfc_main$1;exports.OneHelpMenu=b.OneHelpMenu;exports.OneUserMenu=b._sfc_main$2;exports.OneDropdownAuto=q._sfc_main;exports.OneBrowserMenuGrid=ke;exports.OneDropdownDivider=Z;exports.OneDropdownSelect=et;