https://nextthere.com/assets/UserListView-BgNqe18H.js

1import{a as l,e,o as s,d as W,aq as fe,ar as he,k as w,w as n,F as T,l as I,n as V,P as z,b as h,Z as ue,t as m,g as d,h as p,v as q,D as be,Y as te,r as x,W as _e,s as L,aA as se,x as ke,c as K,O as we,N as $e,i as Ce,p as ae,Q as Ue,am as Te,m as Ae}from"./index-DbpIxVVg.js";import{P as Re}from"./PageHeader-D-doL8ee.js";import{P as Se}from"./PageContent-CaO1rUex.js";import{_ as Pe}from"./FacetedBrowser.vue_vue_type_script_setup_true_lang-Cs4mlYX6.js";import{_ as Me}from"./ErrorView.vue_vue_type_script_setup_true_lang-rTuR_K5N.js";import{A as qe}from"./ActivityIndicator-CHNVpzvm.js";import{a as Ne,U as ce}from"./UserService-XtrWcz66.js";import{S as Be}from"./SimpleTable-DqWlZ0zM.js";import{_ as je}from"./TripInstanceLink.vue_vue_type_script_setup_true_lang-rCTxv_Lj.js";import{_ as Fe}from"./UserLink.vue_vue_type_script_setup_true_lang-BvoOS9JY.js";import{r as De}from"./UserCircleIcon-CrIC4GtU.js";import{r as Ie}from"./CheckIcon-Dnwzojqc.js";import{_ as Ve}from"./InfiniteScrollContainer.vue_vue_type_script_setup_true_lang-CnH9kMjl.js";import{M as re}from"./MenuTransition-D6zBv7LB.js";import{_ as Ke}from"./InlineXButton.vue_vue_type_script_setup_true_lang-CVY-HK_d.js";import{r as ze}from"./PencilSquareIcon-DTWXk5Ww.js";import{r as Ge}from"./PlusIcon-C_Tn8KoN.js";import{r as oe}from"./ChevronDownIcon-DPOHcPLk.js";import{r as Ee}from"./XCircleIcon-B68Axq-f.js";import{r as Le}from"./ArrowDownTrayIcon-B8ldtCWP.js";import{r as Oe}from"./ClipboardDocumentCheckIcon-BU1vi2Eo.js";import{g as le,S as ne,M as ie,b as de}from"./menu-Bx4NoE5v.js";import"./FacetGroupResultSet-C1YPHhsR.js";import"./PaginatedResultSet-gBeGRM8h.js";import"./XMarkIcon-CeSt-Lep.js";import"./ErrorContent.vue_vue_type_script_setup_true_lang--XFDxIpt.js";import"./RoundedBadge-zDfp8xRL.js";import"./ArrowTopRightOnSquareIcon-Bwi8lzNJ.js";import"./ChevronRightIcon-CKGSa4-R.js";import"./disclosure-DbKVSJYz.js";import"./keyboard-C910qfwt.js";import"./UserResult-D4QgOmai.js";import"./Device-DZVV7L7n.js";import"./WFCheckIn-C1ZIiw9D.js";import"./Stop-8NKSpgr4.js";import"./entity-Dyy2H1qK.js";import"./calculate-active-index-Bo9BYas1.js";import"./use-text-value-Cv76m52G.js";import"./use-tree-walker-DlTPShXD.js";function Ze(b,r){return s(),l("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true","data-slot":"icon"},[e("path",{d:"M12 9a1 1 0 0 1-1-1V3c0-.552.45-1.007.997-.93a7.004 7.004 0 0 1 5.933 5.933c.078.547-.378.997-.93.997h-5Z"}),e("path",{d:"M8.003 4.07C8.55 3.994 9 4.449 9 5v5a1 1 0 0 0 1 1h5c.552 0 1.008.45.93.997A7.001 7.001 0 0 1 2 11a7.002 7.002 0 0 1 6.003-6.93Z"})])}const Qe={key:0,class:"space-x-3 px-3 py-3"},We={class:"flex space-x-3 items-start pl-3"},He=["value"],Ye={class:"flex-1"},Je={class:"block font-medium text-gray-900-d"},Xe={class:"block text-gray-500"},et=["src"],tt={key:1,class:"w-8 h-8 rounded-full bg-gray-100-d"},st={class:"flex-1"},at={class:"font-medium text-gray-900-d"},rt={class:"flex items-center space-x-2"},ot={key:0,class:"bg-slate-200-d rounded-lg px-1.5"},lt={class:"text-gray-500"},nt={class:"text-sm py-3 px-4 align-top"},it={class:"text-gray-600-d font-medium"},dt={class:"text-gray-500"},ut={class:""},ct={key:0},pt={class:"text-sm text-gray-600-d py-3 px-4 align-top"},mt={key:0,class:"font-medium text-green-600-d"},gt={key:1},vt={key:2},yt={key:1},xt=W({__name:"UserListTable",props:fe({users:{type:Array,required:!0},showEdit:{type:Boolean,required:!1,default:!1},selectionMode:{type:Boolean,default:!1},report:{type:Ne,required:!1}},{selectedUsers:{},selectedUsersModifiers:{}}),emits:["update:selectedUsers"],setup(b){const r=he(b,"selectedUsers");return(i,g)=>(s(),w(Be,null,{toolbar:n(()=>[te(i.$slots,"toolbar")]),header:n(()=>[g[3]||(g[3]=e("th",{scope:"colgroup",class:"bg-gray-50 dark:bg-slate-900 px-4 py-3 text-left text-xs font-semibold text-gray-600-d uppercase tracking-wider align-bottom sm:px-6"}," Name ",-1)),b.report?(s(!0),l(T,{key:0},I(b.report.attributes,U=>(s(),l("th",{key:U.id,class:"bg-gray-50 dark:bg-slate-900 px-4 py-3 text-xs text-left font-semibold text-gray-600-d uppercase tracking-wider align-bottom"},m(U.title),1))),128)):(s(),l(T,{key:1},[g[1]||(g[1]=e("th",{scope:"colgroup",class:"bg-gray-50 dark:bg-slate-900 px-4 py-3 text-xs text-left font-semibold text-gray-600-d uppercase tracking-wider whitespace-nowrap"}," Team ",-1)),g[2]||(g[2]=e("th",{scope:"colgroup",class:"bg-gray-50 dark:bg-slate-900 px-4 py-3 text-xs text-left font-semibold text-gray-600-d uppercase tracking-wider whitespace-nowrap"}," Check in status ",-1))],64))]),footer:n(()=>[te(i.$slots,"footer")]),default:n(()=>{var U;return[(U=b.users)!=null&&U.length?(s(!0),l(T,{key:0},I(b.users,a=>{var v;return s(),l("tr",{key:a.user.id,class:"border-t border-gray-200-d"},[e("td",{class:V(["font-medium text-sm align-top p-0",a.user.active?"text-gray-800-d":"text-gray-500"])},[b.selectionMode?(s(),l("div",Qe,[e("label",We,[b.selectionMode?z((s(),l("input",{key:0,"onUpdate:modelValue":g[0]||(g[0]=_=>r.value=_),type:"checkbox",value:a,class:"mt-0.5 rounded border-gray-300-d text-orange-600-d focus:ring-orange-500-d h-4 w-4"},null,8,He)),[[ue,r.value]]):h("",!0),e("span",Ye,[e("span",Je,m(a.user.displayName||a.user.emailAddress),1),e("span",Xe,m(a.user.positionTitle),

11)])])])):(s(),w(Fe,{key:1,user:a.user,class:"py-3 px-4 sm:px-6 flex space-x-3 items-top"},{default:n(()=>[a.user.imageUrl?(s(),l("img",{key:0,src:a.user.imageUrl,class:"w-6 h-4 rounded-full"},null,8,et)):(s(),l("div",tt,[d(p(De),{class:"w-8 h-8 text-gray-400-d"})])),e("div",st,[e("div",at,m(a.user.displayName||a.user.emailAddress),1),e("div",rt,[a.user.active?h("",!0):(s(),l("div",ot,"Deactivated")),e("div",lt,m(a.user.positionTitle),1)])])]),_:2},1032,["user"]))],2),b.report?(s(!0),l(T,{key:0},I(b.report.getAttributesForUser(a.user),_=>(s(),l("td",{key:_.attribute.id,class:V(["text-sm text-gray-600-d py-3 px-4 align-top",_.attribute.type==="number"?"text-right":""])},[_.value&&_.attribute.type==="datetime"?(s(),l(T,{key:0},[q(m(p(be).fromISO(_.value).toRelative()),1)],64)):(s(),l(T,{key:1},[q(m(_.value),1)],64))],2))),128)):(s(),l(T,{key:1},[e("td",nt,[e("div",it,m(a.user.costCenter),1),e("div",dt,[e("span",ut,m(a.user.department),1),(v=a.user.profileData)!=null&&v.organization?(s(),l("span",ct,", "+m(a.user.profileData.organization),1)):h("",!0)])]),e("td",pt,[a.lastCheckIn?(s(),l("div",mt,[d(p(Ie),{class:"w-4 h-4 mr-1 inline-block -mt-px"}),g[4]||(g[4]=q(" Checked into ",-1)),a.lastCheckIn.tripInstance?(s(),w(je,{key:0,"trip-instance":a.lastCheckIn.tripInstance},{default:n(()=>[q(m(a.lastCheckIn.tripInstance.runNumber),1)]),_:2},1032,["trip-instance"])):a.lastCheckIn.stopZone?(s(),l("span",gt,m(a.lastCheckIn.stopZone.name),1)):(s(),l("span",vt,"unknown"))])):h("",!0)])],64))])}),128)):(s(),l("tr",yt,g[5]||(g[5]=[e("td",{colspan:"3",class:"pt-6 pb-8 text-center"},[e("h3",{class:"mt-2 text-sm font-medium text-gray-900-d"},"No users found"),e("p",{class:"mt-1 text-sm text-gray-500-d"},"Perhaps try another spelling or clear the query.")],-1)])))]}),_:3}))}}),ft={tabindex:"0",class:"flex min-h-full items-end justify-center p-4 text-center focus:outline-none sm:items-center sm:p-0"},ht={class:"bg-white-d px-4 pt-5 pb-4 sm:p-6 sm:pb-4"},bt={class:"sm:flex sm:items-start"},_t={class:"mx-auto flex size-12 shrink-0 items-center justify-center rounded-full bg-orange-100-d sm:mx-0 sm:size-10"},kt={class:"mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left space-y-2 flex-1"},wt={class:"flex text-sm text-slate-500 space-x-4"},$t={class:"flex items-center space-x-2"},Ct={class:"flex items-center space-x-2"},Ut={class:"mt-2 space-y-1 text-sm text-slate-500 overflow-y-auto border border-slate-200-d rounded-md p-2 max-h-64"},Tt={class:"flex items-center space-x-2"},At=["value"],Rt={key:0,class:"text-sm text-red-600 bg-red-100-d px-4 py-4 rounded-xl"},St={class:"bg-gray-50 dark:bg-black px-4 py-3 sm:flex sm:flex-row-reverse sm:px-6"},Pt=W({__name:"UserRoleBulkEdit",props:{selectedUsers:{type:Array,required:!0}},async setup(b){let r,i;const g=b,U=x(),a=x([]),v=x("add"),_=x(!1),$=x(),R=x(),M=new ce;U.value=([r,i]=_e(()=>M.findAllRoles()),r=await r,i(),r);async function A(){if(a.value.length===0){$.value=new Error(`Please select at least one role to ${v.value}.`);return}_.value=!0;try{$.value=null,await M.bulkUpdateUsers(g.selectedUsers.map(S=>S.user),a.value,v.value),R.value.close()}catch(S){$.value=S}}return(S,u)=>{const F=L("el-dialog-backdrop"),O=L("el-dialog-panel"),G=L("el-dialog");return s(),w(G,null,{default:n(()=>[e("dialog",{id:"role-dialog",ref_key:"dialog",ref:R,"aria-labelledby":"dialog-title",class:"fixed inset-0 size-auto max-h-none max-w-none overflow-y-auto bg-transparent backdrop:bg-transparent"},[d(F,{class:"fixed inset-0 bg-slate-500/75 dark:bg-slate-900/75 transition-opacity data-closed:opacity-0 data-enter:duration-300 data-enter:ease-out data-leave:duration-200 data-leave:ease-in"}),e("div",ft,[d(O,{class:"relative transform overflow-hidden rounded-lg bg-white text-left shadow-xl transition-all data-closed:translate-y-4 data-closed:opacity-0 data-enter:duration-300 data-enter:ease-out data-leave:duration-200 data-leave:ease-in sm:my-8 sm:w-full sm:max-w-lg data-closed:sm:translate-y-0 data-closed:sm:scale-95"},{default:n(()=>[e("div",ht,[e("div",bt,[e("div",_t,[d(p(ze),{class:"size-6 text-orange-600-d"})]),e("div",kt,[u[5]||(u[5]=e("h3",{id:"dialog-title",class:"text-base font-semibold text-gray-900-d"},"Bulk role update",-1)),u[6]||(u[6]=e("p",{class:"text-sm text-slate-500"},"Be careful, this will take effect immediately!",-1)),e("div",wt,[e("label",$t,[z(e("input",{"onUpdate:modelValue":u[0]||(u[0]=c=>v.value=c),type:"radio",name:"operation",value:"add"},null,512),[[se,v.value]]),u[3]||(u[3]=e("span",null,"Add roles",-1))]),e("label",Ct,[z(e("input",{"onUpdate:modelValue":u[1]||(u[1]=c=>v.value=c),type:"radio",name:"operation",value:"remove"},null,512),[[se,v.value]]),u[4]||(u[4]=e("span",null,"Remove roles",-1))])]),e("div",Ut,[(s(!0),l(T,null,I(U.value.filter(c=>c.isSecurityRole),c=>(s(),l("div",{key:c.key},[e("label",Tt,[z(e("input",{"onUpdate:modelValue":u[2]||(u[2]=N=>a.value=N),type:"checkbox",name:"role",value:c,class:"rounded"},null,8,At),[[ue,a.value]]),e("span",null,m(c.title),1)])]))),128))]),$.value?(s(),l("div",Rt,m($.value.message),1)):h("",!0)])])]),e("div",St,[e("button",{type:"button",class:V(["inline-flex w-full justify-center rounded-md bg-orange-600-d px-3 py-2 text-sm font-semibold text-white shadow-xs sm:ml-3 sm:w-auto",a.value.length>0?"bg-orange-500 hover:bg-orange-400-d":"bg-slate-500 cursor-not-allowed"]),onClick:A}," Apply change ",2),u[7]||(u[7]=e("button",{type:"button",command:"close",commandfor:"role-dialog",class:"mt-3 inline-flex w-full justify-center rounded-md bg-white-d px-3 py-2 text-sm font-semibold text-gray-900-d shadow-xs inset-ring inset-ring-gray-300-d hover:bg-gray-50-d sm:mt-0 sm:w-auto"}," Cancel ",-1))])]),_:1})])],512)]),_:1})}}}),Mt={class:"md:flex md:items-center md:justify-between"},qt={key:0,class:"mt-4 flex md:mt-0 md:ml-4"},Nt={class:"hidden lg:block"},Bt={"aria-label":"Sidebar",class:"sticky top-6 divide-y divide-gray-300 overflow-y-auto max-h-screen pr-4 -mr-4"},jt={class:"lg:col-span-4"},Ft={class:"bg-white dark:bg-slate-900 border-b border-gray-200-d px-4 py-3 sm:px-6 flex"},Dt={class:"relative"},It={class:"text-right flex-1 items-center flex justify-end space-x-3"},Vt={class:"py-1"},Kt=["onClick"],zt={key:1,class:"flex justify-end space-x-3"},Gt={class:"py-1"},Et=["onClick"],Lt=["href"],Ot={key:2,class:"text-center py-8"},Zt={key:0,class:"fixed left-0 bottom-8 w-full flex justify-center"},Qt={class:"rounded-xl px-8 py-2 border border-slate-300-d backdrop-blur bg-white/50 dark:bg-black/50 text-sm flex items-center space-x-8"},Wt={class:"cursor-pointer"},Ht={key:0,command:"show-modal",commandfor:"role-dialog",class:"btn-primary"},js=W({__name:"UserListView",props:{searchText:String,organisationName:String,department:String,division:String,customerArea:String,costCenter:String,positionTitle:String,positionTitleGroup:String,active:String,report:String,period:String},setup(b){var ee;const r=b,i=x(),g=x(),U=x(!1),a=x(),v=x((ee=r.searchText)!=null&&ee.length?r.searchText:""),_=x(!1),$=x(!1),R=x([]),M=x(),A=x(),S=ke(),u=Ae(),F=K(()=>{var t;return((t=i==null?void 0:i.value)==null?void 0:t.pagination.perPage)||30}),O=K(()=>S.hasRole("administrator")),G=K(()=>S.hasRole(["administrator","user-admin","trackwork-admin"])),c=K(()=>{var t;return((t=A.value)==null?void 0:t.reportTypes.find(o=>r.report===o.id))||null}),N=K(()=>{var t,o;return((t=A.value)==null?void 0:t.periods.find(C=>r.period===C.id))||((o=A.value)==null?void 0:o.periods[0])}),B=new ce,pe=we({offset:0,currentPage:1,limit:(F==null?void 0:F.value)||10});$e(()=>{}),Ce(async()=>{await H(),await me(),r.report&&await Y()}),ae(()=>[r.searchText,r.organisationName,r.department,r.division,r.customerArea,r.costCenter,r.positionTitle,r.positionTitleGroup,r.active],()=>(pe.offset=0,i.value.items=void 0,H())),ae(()=>[r.report,r.period],()=>Y());async function H(){try{U.value=!0,a.value=null;const t=Z();i.value=await B.findAll(t),g.value=await B.getFacetsForQuery(t),_.value=i.value.pagination.moreAvailable}catch(t){a.value=t}finally{U.value=!1}}async function me(){if(S.hasRole(["administrator","user-admin"]))try{A.value=await B.getReportTypes()}catch(t){a.value=t}}async function Y(){var t,o;if(console.log(`updateReportData: ${(t=c.value)==null?void 0:t.id}

1 ${(o=N.value)==null?void 0:o.id}`),!c.value){M.value=null;return}try{const C=i.value.items.map(k=>k.user);M.value=await B.getReportForUsers(C,c.value,N.value)}catch(C){a.value=C}}function Z(){return{searchText:r.searchText,organisationName:r.organisationName,department:r.department,division:r.division,customerArea:r.customerArea,costCenter:r.costCenter,positionTitle:r.positionTitle,positionTitleGroup:r.positionTitleGroup,active:r.active}}function ge(){const t=Z();return B.getReportUrlForUserPredicate(t,c.value,N.value)}async function J(t){var o,C,k,j,P,y,D,E;await u.replace({query:{searchText:v.value.length?v.value:void 0,organisationName:(o=t==null?void 0:t.find(f=>f.groupKey==="organisationName"))==null?void 0:o.queryParam,department:(C=t==null?void 0:t.find(f=>f.groupKey==="department"))==null?void 0:C.queryParam,division:(k=t==null?void 0:t.find(f=>f.groupKey==="division"))==null?void 0:k.queryParam,customerArea:(j=t==null?void 0:t.find(f=>f.groupKey==="customerArea"))==null?void 0:j.queryParam,costCenter:(P=t==null?void 0:t.find(f=>f.groupKey==="costCenter"))==null?void 0:P.queryParam,positionTitle:(y=t==null?void 0:t.find(f=>f.groupKey==="positionTitle"))==null?void 0:y.queryParam,positionTitleGroup:(D=t==null?void 0:t.find(f=>f.groupKey==="positionTitleGroup"))==null?void 0:D.queryParam,active:(E=t==null?void 0:t.find(f=>f.groupKey==="active"))==null?void 0:E.queryParam}})}async function ve(t){var o,C;if((C=(o=i.value)==null?void 0:o.pagination)!=null&&C.moreAvailable&&i.value.items)try{a.value=null;const k=await B.findAll(Z(),F.value,i.value.items.length);if(i.value.items.push(...k.items),c.value&&M.value&&k.items.length){const j=k.items.map(y=>y.user),P=await B.getReportForUsers(j,c.value,N.value);M.value.records.push(...P.records)}_.value=k.pagination.moreAvailable}catch(k){a.value=k}t()}function Q(){J(i.value.selectedFacets)}async function X(t){await u.replace({name:"UserList",query:Object.assign(Object.assign({},r),{report:t==null?void 0:t.id})})}async function ye(t){await u.replace({name:"UserList",query:Object.assign(Object.assign({},r),{period:t.id})})}function xe(){$.value=!$.value,R.value=[]}return(t,o)=>{const C=L("router-link");return s(),l(T,null,[d(Re,null,{default:n(()=>[e("div",Mt,[o[5]||(o[5]=e("div",{class:"flex-1 min-w-0"},[e("h1",{class:"text-3xl font-bold leading-6 text-gray-900 dark:text-gray-100"},"People")],-1)),G.value?(s(),l("div",qt,[d(C,{to:"/user/create",class:"ml-3 inline-flex items-center px-4 py-2 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-orange-600 hover:bg-orange-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-orange-500"},{default:n(()=>[d(p(Ge),{class:"-ml-1 mr-2 h-5 w-5","aria-hidden":"true"}),o[4]||(o[4]=q(" New user ",-1))]),_:1,__:[4]})])):h("",!0)])]),_:1}),a.value?(s(),w(Me,{key:0,error:a.value},null,8,["error"])):(s(),w(Se,{key:1,class:"lg:grid lg:grid-cols-5 lg:gap-8"},{default:n(()=>[e("div",Nt,[e("nav",Bt,[d(Pe,{"result-set":g.value,"entity-display-name":"users","show-search":!1,onUpdateFacets:J},null,8,["result-set"])])]),e("main",jt,[d(Ve,{"more-available":_.value,onLoadMore:ve},{default:n(()=>{var k,j;return[(k=i.value)!=null&&k.items?(s(),w(xt,{key:0,"selected-users":R.value,"onUpdate:selectedUsers":o[3]||(o[3]=P=>R.value=P),users:(j=i.value)==null?void 0:j.items,"show-edit":O.value,class:"-mt-2",report:M.value,"selection-mode":$.value},{toolbar:n(()=>{var P;return[e("div",Ft,[e("div",Dt,[z(e("input",{"onUpdate:modelValue":o[0]||(o[0]=y=>v.value=y),type:"text",name:"text",placeholder:"Search users",class:"shadow-sm focus:ring-orange-500 focus:border-orange-500 block w-full bg-white-d sm:text-sm border-gray-300-d rounded-md lg:w-64 pr-10",onKeyup:Te(Q,["enter"]),onBlur:Q},null,544),[[Ue,v.value]]),(P=v.value)!=null&&P.length?(s(),w(Ke,{key:0,class:"absolute right-2 top-2 border-gray-200-d bg-gray-100-d text-gray-400-d hover:border-orange-200-d hover:text-orange-400-d",onClick:o[1]||(o[1]=y=>{v.value="",Q()})})):h("",!0)]),e("div",It,[A.value&&!c.value&&!$.value?(s(),w(p(le),{key:0,as:"div",class:"relative inline-block text-left"},{default:n(()=>[e("div",null,[d(p(ne),{class:"btn-light gap-x-1.5"},{default:n(()=>[d(p(Ze),{class:"w-5 h-5 mr-1 text-gray-400-d","aria-hidden":"true"}),o[6]||(o[6]=q(" Reports ",-1)),d(p(oe),{class:"-mr-1 h-5 w-5 text-gray-400-d","aria-hidden":"true"})]),_:1,__:[6]}

1)]),d(re,null,{default:n(()=>[d(p(ie),{class:"absolute right-0 z-10 mt-2 w-56 origin-top-right divide-y divide-gray-100 rounded-md bg-white-d shadow-lg ring-1 ring-black-d ring-opacity-5 focus:outline-none"},{default:n(()=>[e("div",Vt,[(s(!0),l(T,null,I(A.value.reportTypes,y=>(s(),w(p(de),{key:y.id},{default:n(({active:D})=>[e("a",{href:"#",class:V([D?"bg-gray-100-d text-gray-900-d":"text-gray-700-d","block px-4 py-2 text-sm"]),onClick:E=>X(y)},m(y.title),11,Kt)]),_:2},1024))),128))])]),_:1})]),_:1})]),_:1})):c.value?(s(),l("div",zt,[e("button",{class:"btn-selected space-x-3",onClick:o[2]||(o[2]=y=>X(null))},[e("span",null,m(c.value.title),1),d(p(Ee),{class:"w-4 h-4 opacity-50"})]),A.value&&c.value?(s(),w(p(le),{key:0,as:"div",class:"relative inline-block text-left"},{default:n(()=>[e("div",null,[d(p(ne),{class:"btn-light gap-x-1.5"},{default:n(()=>[q(m(N.value.title)+" ",1),d(p(oe),{class:"-mr-1 h-5 w-5 text-gray-400-d","aria-hidden":"true"})]),_:1})]),d(re,null,{default:n(()=>[d(p(ie),{class:"absolute right-0 z-10 mt-2 w-56 origin-top-right divide-y divide-gray-100 rounded-md bg-white-d shadow-lg ring-1 ring-black-d ring-opacity-5 focus:outline-none"},{default:n(()=>[e("div",Gt,[(s(!0),l(T,null,I(A.value.periods,y=>(s(),w(p(de),{key:y.title},{default:n(({active:D})=>[e("a",{href:"#",class:V([D?"bg-gray-100-d text-gray-900-d":"text-gray-700-d","block px-4 py-2 text-sm"]),onClick:E=>ye(y)},m(y.title),11,Et)]),_:2},1024))),128))])]),_:1})]),_:1})]),_:1})):h("",!0),p(S).hasRole("user-export")?(s(),l("a",{key:1,href:ge(),class:"btn-light space-x-3"},[d(p(Le),{class:"w-4 h-4 opacity-50"}),o[7]||(o[7]=e("span",null,"Export",-1))],8,Lt)):h("",!0)])):h("",!0),G.value?(s(),l("button",{key:2,class:V(["gap-x-1.5",$.value?"btn-primary":"btn-light"]),onClick:xe},[d(p(Oe),{class:"w-5 h-5"}),o[8]||(o[8]=q(" Select ",-1))],2)):h("",!0)])])]}),footer:n(()=>o[9]||(o[9]=[])),_:1},8,["selected-users","users","show-edit","report","selection-mode"])):U.value?(s(),w(qe,{key:1})):i.value&&!i.value.items.length?(s(),l("div",Ot)):h("",!0)]}),_:1},8,["more-available"]),$.value?(s(),l("div",Zt,[e("div",Qt,[e("div",Wt,m(R.value.length)+" selected",1),R.value.length?(s(),l("button",Ht," Edit roles ")):h("",!0)])])):h("",!0),$.value?(s(),w(Pt,{key:1,"selected-users":R.value},null,8,["selected-users"])):h("",!0)])]),_:1}))],64)}}});export{js as default};