@oneb/ui-vue 0.4.3 → 0.4.6

package/dist/userList/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),S=require("../ChevronRightIcon-2992cf0d.cjs"),p=require("../button/index.cjs"),h=require("../OneAvatar.vue_vue_type_script_setup_true_lang-2d9f44f1.cjs"),N=require("../OneModal-0e92c039.cjs"),B=require("../useModal-aa6f4a57.cjs"),C=require("../OneDropdownAuto.vue_vue_type_script_setup_true_lang-bf923b04.cjs"),$=require("../dateTime/index.cjs"),V=require("../i18n/index.cjs"),O=require("../skeleton/index.cjs"),q=require("../ChevronDownIcon-6889ac87.cjs"),M=require("../OneFormInput.vue_vue_type_script_setup_true_lang-f6f7cd96.cjs"),D=require("../clipboard-494e1513.cjs");require("../SpinnerIcon-01be39fe.cjs");require("../_plugin-vue_export-helper-f246444f.cjs");require("../useIsMobile-7b1f08cf.cjs");require("../useMediaQuery-1d87df02.cjs");require("../dropdown-5cb64ab7.cjs");require("@floating-ui/dom");require("@floating-ui/vue");require("dayjs");require("dayjs/plugin/relativeTime");require("dayjs/plugin/utc");require("dayjs/plugin/timezone");require("../XMarkIcon-f94baa4c.cjs");function L(t,v){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:"M15.75 5.25a3 3 0 013 3m3 0a6 6 0 01-7.029 5.912c-.563-.097-1.159.026-1.563.43L10.5 17.25H8.25v2.25H6v2.25H2.25v-2.818c0-.597.237-1.17.659-1.591l6.499-6.499c.404-.404.527-1 .43-1.563A6 6 0 1121.75 8.25z"})])}function I(t,v){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:"M16.5 10.5V6.75a4.5 4.5 0 10-9 0v3.75m-.75 11.25h10.5a2.25 2.25 0 002.25-2.25v-6.75a2.25 2.25 0 00-2.25-2.25H6.75a2.25 2.25 0 00-2.25 2.25v6.75a2.25 2.25 0 002.25 2.25z"})])}function E(t,v){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:"M14.74 9l-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 01-2.244 2.077H8.084a2.25 2.25 0 01-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 00-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 013.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 00-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 00-7.5 0"})])}const j={class:"border-b border-gray-100 last:border-b-0 hover:bg-gray-50 transition-colors"},z={class:"flex gap-3 items-center px-4 py-3"},U={class:"flex-grow flex-shrink min-w-0"},T={class:"flex items-center flex-wrap gap-y-0.5"},F={class:"font-semibold"},R={key:0,class:"text-blue-700 bg-blue-100 border border-blue-200 rounded-md px-2 mx-2 text-sm"},A={key:1,class:"text-red-700 bg-red-100 border border-red-200 rounded-md px-2 mx-2 text-sm"},H={class:"text-sm text-gray-500 hidden sm:block truncate"},P={class:"flex items-center gap-2"},G={key:0,class:"text-sm font-medium text-gray-400 hidden lg:block"},J={key:2,class:"p-1 ml-3 w-8"},K={class:"py-2"},Q={class:"flex gap-3 items-center px-5 pb-3 mb-2 border-b"},W={class:"flex-grow min-w-0"},X={class:"font-medium truncate"},Y={class:"text-sm text-gray-500 truncate"},Z={key:0,class:"text-xs text-gray-400 mt-1 flex gap-1 items-center"},ee={class:"px-3"},te={class:"text-sm font-medium"},ne=["onClick"],oe={class:"flex-shrink-0 w-8 h-8 rounded-full bg-blue-50 flex items-center justify-center"},le={class:"text-sm font-medium"},re={key:0,class:"text-xs text-gray-400"},se={class:"sm:w-72"},ae=["onClick"],ie=["data-test","onClick"],ce={key:0,class:"text-xs text-gray-600"},de={class:"flex-shrink-0 w-8 h-8 rounded-full bg-red-50 flex items-center justify-center"},ue={class:"text-sm font-medium text-red-600"},me={class:"flex gap-3 items-center px-4 py-3"},ve={class:"flex-grow flex-shrink min-w-0"},ge={class:"flex gap-3"},pe={key:0,class:"text-sm font-medium"},fe={class:"text-sm text-gray-500"},ke={class:"text-sm text-gray-600 mb-6 px-4 pt-3"},ye={class:"flex justify-end gap-3 px-4 pb-3"},w=e.defineComponent({__name:"OneUserListItem",props:{user:{type:Object,required:!0},currentUserId:{type:[String,Number],default:void 0},roleOptions:{type:Array,default:()=>[]},canManage:{type:Boolean,default:!0},t:{type:Function,default:void 0}},emits:["toggle-access","change-role","remove"],setup(t,{emit:v}){const c=t,u=v,f=V.useOnebI18n(),n=e.computed(()=>c.t??f),a=B.useModal(),s=B.useModal(),m=e.computed(()=>c.currentUserId!=null&&String(c.currentUserId)===String(c.user.id)),o=e.computed(()=>(c.user.roles??[]).map(l=>l.name).join(", ")),g=l=>(c.user.roles??[]).some(i=>String(i.alias??i.id)===String(l.alias??l.id)),_=()=>u("toggle-access",c.user),k=(l,i)=>{u("change-role",c.user,l),i==null||i()},x=()=>{a.close(),s.open()},b=()=>{u("remove",c.user),s.close()};return(l,i)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",j,[e.createElementVNode("div",z,[e.createVNode(e.unref(h._sfc_main),{src:t.user.photo_url,text:t.user.name,rounded:!0,size:"40"},null,8,["src","text"]),e.createElementVNode("div",U,[e.createElementVNode("div",T,[e.createElementVNode("span",F,e.toDisplayString(t.user.name),1),m.value?(e.openBlock(),e.createElementBlock("span",R,e.toDisplayString(n.value("ui.user_list.me")),1)):e.createCommentVNode("",!0),t.user.disabled?(e.openBlock(),e.createElementBlock("span",A,e.toDisplayString(n.value("ui.user_list.access_disabled")),1)):e.createCommentVNode("",!0),e.renderSlot(l.$slots,"badges",{user:t.user})]),e.createElementVNode("div",H,e.toDisplayString(t.user.email),1)]),e.createElementVNode("div",P,[o.value?(e.openBlock(),e.createElementBlock("div",G,e.toDisplayString(o.value),1)):e.createCommentVNode("",!0),t.canManage&&!m.value?(e.openBlock(),e.createBlock(e.unref(p.OneButton),{key:1,icon:e.unref(S.render),variant:"touch",class:"ml-3","data-test":"user-actions",onClick:i[0]||(i[0]=d=>e.unref(a).open())},null,8,["icon"])):(e.openBlock(),e.createElementBlock("div",J))])])]),e.createVNode(e.unref(N.OneModal),{useModal:e.unref(a),title:n.value("ui.user_list.user_settings")},{default:e.withCtx(()=>[e.createElementVNode("div",K,[e.createElementVNode("div",Q,[e.createVNode(e.unref(h._sfc_main),{src:t.user.photo_url,text:t.user.name,rounded:!0,size:"40"},null,8,["src","text"]),e.createElementVNode("div",W,[e.createElementVNode("div",X,e.toDisplayString(t.user.name),1),e.createElementVNode("div",Y,e.toDisplayString(t.user.email),1),t.user.added_at?(e.openBlock(),e.createElementBlock("div",Z,[e.createElementVNode("span",null,e.toDisplayString(n.value("ui.user_list.added_on"))+":",1),e.createVNode(e.unref($.OneDateTime),{value:t.user.added_at},null,8,["value"])])):e.createCommentVNode("",!0)])]),e.createElementVNode("div",ee,[e.createElementVNode("div",{class:"flex items-center gap-3 px-3 py-2.5 rounded-lg cursor-pointer hover:bg-gray-50 transition-colors","data-test":"toggle-access",onClick:_},[e.createElementVNode("div",{class:e.normalizeClass(["flex-shrink-0 w-8 h-8 rounded-full flex items-center justify-center",t.user.disabled?"bg-red-50":"bg-green-50"])},[e.createVNode(e.unref(I),{class:e.normalizeClass(["w-4 h-4",t.user.disabled?"text-red-600":"text-green-600"])},null,8,["class"])],2),e.createElementVNode("div",te,e.toDisplayString(t.user.disabled?n.value("ui.user_list.activate"):n.value("ui.user_list.deactivate")),1)]),t.roleOptions.length>0?(e.openBlock(),e.createBlock(e.unref(C._sfc_main),{key:0,class:"block w-full"},{button:e.withCtx(({onToggle:d})=>[e.createElementVNode("div",{class:"flex items-center gap-3 px-3 py-2.5 rounded-lg cursor-pointer hover:bg-gray-50 transition-colors w-full text-left","data-test":"change-role",onClick:r=>d()},[e.createElementVNode("div",oe,[e.createVNode(e.unref(L),{class:"w-4 h-4 text-blue-600"})]),e.createElementVNode("div",null,[e.createElementVNode("div",le,e.toDisplayString(n.value("ui.user_list.change_role")),1),o.value?(e.openBlock(),e.createElementBlock("div",re,e.toDisplayString(o.value),1)):e.createCommentVNode("",!0)])],8,ne)]),menu:e.withCtx(({onToggle:d})=>[e.createElementVNode("div",se,[e.createElementVNode("div",{class:e.normalizeClass(["!break-words !whitespace-normal !text-left overflow-hidden px-3 py-1.5 cursor-pointer hover:bg-gray-50 select-none",(t.user.roles??[]).length===0?"bg-blue-50":""]),"data-test":"role-empty",onClick:r=>k(null,d)},e.toDisplayString(n.value("ui.user_list.regular_user")),11,ae),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.roleOptions,r=>(e.openBlock(),e.createElementBlock("div",{key:r.id,class:e.normalizeClass(["!break-words !whitespace-normal !text-left overflow-hidden px-3 py-1.5 cursor-pointer hover:bg-gray-50 select-none",g(r)?"bg-blue-50":""]),"data-test":`role-${r.id}`,onClick:y=>k(r,d)},[e.createElementVNode("div",null,e.toDisplayString(r.name),1),r.info?(e.openBlock(),e.createElementBlock("div",ce,e.toDisplayString(r.info),1)):e.createCommentVNode("",!0)],10,ie))),128))])]),_:1})):e.createCommentVNode("",!0),e.renderSlot(l.$slots,"actions",{user:t.user,close:e.unref(a).close}),e.createElementVNode("div",{class:"flex items-center gap-3 px-3 py-2.5 rounded-lg cursor-pointer hover:bg-red-50 transition-colors","data-test":"remove",onClick:x},[e.createElementVNode("div",de,[e.createVNode(e.unref(E),{class:"w-4 h-4 text-red-600"})]),e.createElementVNode("div",ue,e.toDisplayString(n.value("ui.user_list.delete")),1)])])])]),_:3},8,["useModal","title"]),e.createVNode(e.unref(N.OneModal),{useModal:e.unref(s),title:n.value("ui.user_list.confirm_deletion")},{default:e.withCtx(()=>[e.createElementVNode("div",null,[e.createElementVNode("div",me,[e.createVNode(e.unref(h._sfc_main),{src:t.user.photo_url,text:t.user.name,rounded:!0,size:"40"},null,8,["src","text"]),e.createElementVNode("div",ve,[e.createElementVNode("div",null,e.toDisplayString(t.user.name),1),e.createElementVNode("div",ge,[o.value?(e.openBlock(),e.createElementBlock("div",pe,e.toDisplayString(o.value),1)):e.createCommentVNode("",!0),e.createElementVNode("div",fe,e.toDisplayString(t.user.email),1)])])]),e.createElementVNode("p",ke,e.toDisplayString(n.value("ui.user_list.delete_confirm")),1),e.createElementVNode("div",ye,[e.createVNode(e.unref(p.OneButton),{variant:"secondary",label:n.value("ui.confirm.Cancel"),onClick:i[1]||(i[1]=d=>e.unref(s).close())},null,8,["label"]),e.createVNode(e.unref(p.OneButton),{icon:e.unref(E),variant:"danger",label:n.value("ui.user_list.delete"),"data-test":"confirm-remove",onClick:b},null,8,["icon","label"])])])]),_:1},8,["useModal","title"])],64))}}),he={class:"bg-white rounded-lg border border-gray-100"},_e={key:0,class:"p-4 space-y-3"},xe={class:"p-6 text-center text-sm text-gray-500"},be=e.defineComponent({__name:"OneUserList",props:{users:{type:Array,required:!0},loading:{type:Boolean,default:!1},currentUserId:{type:[String,Number],default:void 0},roleOptions:{type:Array,default:()=>[]},canManage:{type:Boolean,default:!0},t:{type:Function,default:void 0}},emits:["toggle-access","change-role","remove"],setup(t,{emit:v}){const c=t,u=v,f=V.useOnebI18n(),n=e.computed(()=>c.t??f);return(a,s)=>(e.openBlock(),e.createElementBlock("div",he,[t.loading?(e.openBlock(),e.createElementBlock("div",_e,[e.createVNode(e.unref(O.OneSkeleton),{count:3,height:"h-12"})])):t.users.length===0?e.renderSlot(a.$slots,"empty",{key:1},()=>[e.createElementVNode("div",xe,e.toDisplayString(n.value("ui.user_list.empty")),1)]):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:2},e.renderList(t.users,m=>(e.openBlock(),e.createBlock(w,{key:m.id,user:m,"current-user-id":t.currentUserId,"role-options":t.roleOptions,"can-manage":t.canManage,t:c.t,onToggleAccess:s[0]||(s[0]=o=>u("toggle-access",o)),onChangeRole:s[1]||(s[1]=(o,g)=>u("change-role",o,g)),onRemove:s[2]||(s[2]=o=>u("remove",o))},e.createSlots({_:2},[a.$slots.badges?{name:"badges",fn:e.withCtx(o=>[e.renderSlot(a.$slots,"badges",e.mergeProps({ref_for:!0},o))]),key:"0"}:void 0,a.$slots.actions?{name:"actions",fn:e.withCtx(o=>[e.renderSlot(a.$slots,"actions",e.mergeProps({ref_for:!0},o))]),key:"1"}:void 0]),1032,["user","current-user-id","role-options","can-manage","t"]))),128))]))}}),Ne={class:"py-2 px-4 space-y-4","data-test":"invite-modal"},Ve={key:0,class:"flex items-center gap-3"},Be={class:"font-medium"},Ee={key:1},Ce={class:"text-sm pb-2"},we={class:"sm:w-72"},Se=["onClick"],$e=["data-test","onClick"],Oe={key:0,class:"text-xs text-gray-600"},qe={key:2,class:"text-xs font-light text-gray-500"},Me={key:3,class:"space-y-3"},De={class:"text-sm font-medium pb-1"},Le={key:0,class:"py-2 text-green-800 bg-green-100 rounded-md px-6 w-full text-center","data-test":"invite-copied"},Ie={key:4,class:"pb-2"},je=e.defineComponent({__name:"OneUserInviteModal",props:{useModal:{type:Object,required:!0},roleOptions:{type:Array,default:()=>[]},createLink:{type:Function,required:!0},appName:{type:String,default:void 0},appLogo:{type:String,default:void 0},closeOnCopy:{type:Boolean,default:!0},t:{type:Function,default:void 0}},emits:["created","copied"],setup(t,{emit:v}){const c=t,u=v,f=V.useOnebI18n(),n=e.computed(()=>c.t??f),a=e.ref(null),s=e.ref(""),m=e.ref(!1),o=e.ref(!1),g=()=>{s.value="",m.value=!1,o.value=!1},_=e.computed(()=>{var i,d;const l=c.useModal;return!!(((i=l.isOpen)==null?void 0:i.value)??((d=l.isOpened)==null?void 0:d.value))});e.watch(_,l=>{l||(a.value=null,g())});const k=(l,i)=>{a.value=l,g(),i==null||i()},x=async()=>{o.value=!0;try{s.value=await c.createLink(a.value),u("created",s.value,a.value)}finally{o.value=!1}},b=async()=>{await D.copyToClipboard(s.value)&&(m.value=!0,u("copied",s.value),c.closeOnCopy&&c.useModal.close())};return(l,i)=>(e.openBlock(),e.createBlock(e.unref(N.OneModal),{useModal:t.useModal,title:n.value("ui.user_list.invite_user")},{default:e.withCtx(()=>[e.createElementVNode("div",Ne,[t.appName?(e.openBlock(),e.createElementBlock("div",Ve,[e.createVNode(e.unref(h._sfc_main),{src:t.appLogo,text:t.appName,size:40,class:"flex-shrink-0"},null,8,["src","text"]),e.createElementVNode("p",Be,e.toDisplayString(t.appName),1)])):e.createCommentVNode("",!0),t.roleOptions.length>0?(e.openBlock(),e.createElementBlock("div",Ee,[e.createElementVNode("p",Ce,e.toDisplayString(n.value("ui.user_list.invite_select_role")),1),e.createVNode(e.unref(C._sfc_main),{class:"block w-full"},{button:e.withCtx(({onToggle:d})=>{var r;return[e.createVNode(e.unref(p.OneButton),{"icon-after":e.unref(q.render),label:((r=a.value)==null?void 0:r.name)??n.value("ui.user_list.regular_user"),variant:"secondary","data-test":"invite-role",onClick:y=>d()},null,8,["icon-after","label","onClick"])]}),menu:e.withCtx(({onToggle:d})=>[e.createElementVNode("div",we,[e.createElementVNode("div",{class:e.normalizeClass(["!break-words !whitespace-normal !text-left overflow-hidden px-3 py-1.5 cursor-pointer hover:bg-gray-50 select-none",a.value===null?"bg-blue-50":""]),"data-test":"invite-role-empty",onClick:r=>k(null,d)},e.toDisplayString(n.value("ui.user_list.regular_user")),11,Se),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.roleOptions,r=>{var y;return e.openBlock(),e.createElementBlock("div",{key:r.id,class:e.normalizeClass(["!break-words !whitespace-normal !text-left overflow-hidden px-3 py-1.5 cursor-pointer hover:bg-gray-50 select-none",((y=a.value)==null?void 0:y.id)===r.id?"bg-blue-50":""]),"data-test":`invite-role-${r.id}`,onClick:ze=>k(r,d)},[e.createElementVNode("div",null,e.toDisplayString(r.name),1),r.info?(e.openBlock(),e.createElementBlock("div",Oe,e.toDisplayString(r.info),1)):e.createCommentVNode("",!0)],10,$e)}),128))])]),_:1})])):e.createCommentVNode("",!0),l.$slots.hint?(e.openBlock(),e.createElementBlock("div",qe,[e.renderSlot(l.$slots,"hint")])):e.createCommentVNode("",!0),s.value?(e.openBlock(),e.createElementBlock("div",Me,[e.createElementVNode("div",null,[e.createElementVNode("p",De,e.toDisplayString(n.value("ui.user_list.invite_link")),1),e.createVNode(e.unref(M._sfc_main),{"model-value":s.value,readonly:"","data-test":"invite-link"},null,8,["model-value"])]),m.value?(e.openBlock(),e.createElementBlock("div",Le,e.toDisplayString(n.value("ui.user_list.invite_link_copied")),1)):(e.openBlock(),e.createBlock(e.unref(p.OneButton),{key:1,class:"w-full",variant:"primary",label:n.value("ui.user_list.invite_copy_link"),"data-test":"invite-copy",onClick:b},null,8,["label"])),e.renderSlot(l.$slots,"share",{link:s.value,role:a.value})])):(e.openBlock(),e.createElementBlock("div",Ie,[e.createVNode(e.unref(p.OneButton),{class:"w-full",variant:"primary",label:n.value("ui.user_list.invite_create_link"),"is-loading":o.value,"data-test":"invite-create",onClick:x},null,8,["label","is-loading"])]))])]),_:3},8,["useModal","title"]))}});exports.OneUserInviteModal=je;exports.OneUserList=be;exports.OneUserListItem=w;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),S=require("../ChevronRightIcon-2992cf0d.cjs"),p=require("../button/index.cjs"),h=require("../OneAvatar.vue_vue_type_script_setup_true_lang-2d9f44f1.cjs"),N=require("../OneModal-0e92c039.cjs"),B=require("../useModal-aa6f4a57.cjs"),C=require("../OneDropdownAuto.vue_vue_type_script_setup_true_lang-06aedc97.cjs"),$=require("../dateTime/index.cjs"),V=require("../i18n/index.cjs"),O=require("../skeleton/index.cjs"),M=require("../ChevronDownIcon-6889ac87.cjs"),q=require("../OneFormInput.vue_vue_type_script_setup_true_lang-f6f7cd96.cjs"),D=require("../clipboard-494e1513.cjs");require("../SpinnerIcon-01be39fe.cjs");require("../_plugin-vue_export-helper-f246444f.cjs");require("../useIsMobile-7b1f08cf.cjs");require("../useMediaQuery-1d87df02.cjs");require("../dropdown-5cb64ab7.cjs");require("@floating-ui/dom");require("dayjs");require("dayjs/plugin/relativeTime");require("dayjs/plugin/utc");require("dayjs/plugin/timezone");require("../XMarkIcon-f94baa4c.cjs");function L(t,v){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:"M15.75 5.25a3 3 0 013 3m3 0a6 6 0 01-7.029 5.912c-.563-.097-1.159.026-1.563.43L10.5 17.25H8.25v2.25H6v2.25H2.25v-2.818c0-.597.237-1.17.659-1.591l6.499-6.499c.404-.404.527-1 .43-1.563A6 6 0 1121.75 8.25z"})])}function I(t,v){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:"M16.5 10.5V6.75a4.5 4.5 0 10-9 0v3.75m-.75 11.25h10.5a2.25 2.25 0 002.25-2.25v-6.75a2.25 2.25 0 00-2.25-2.25H6.75a2.25 2.25 0 00-2.25 2.25v6.75a2.25 2.25 0 002.25 2.25z"})])}function E(t,v){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:"M14.74 9l-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 01-2.244 2.077H8.084a2.25 2.25 0 01-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 00-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 013.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 00-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 00-7.5 0"})])}const j={class:"border-b border-gray-100 last:border-b-0 hover:bg-gray-50 transition-colors"},z={class:"flex gap-3 items-center px-4 py-3"},U={class:"flex-grow flex-shrink min-w-0"},T={class:"flex items-center flex-wrap gap-y-0.5"},F={class:"font-semibold"},R={key:0,class:"text-blue-700 bg-blue-100 border border-blue-200 rounded-md px-2 mx-2 text-sm"},A={key:1,class:"text-red-700 bg-red-100 border border-red-200 rounded-md px-2 mx-2 text-sm"},H={class:"text-sm text-gray-500 hidden sm:block truncate"},P={class:"flex items-center gap-2"},G={key:0,class:"text-sm font-medium text-gray-400 hidden lg:block"},J={key:2,class:"p-1 ml-3 w-8"},K={class:"py-2"},Q={class:"flex gap-3 items-center px-5 pb-3 mb-2 border-b"},W={class:"flex-grow min-w-0"},X={class:"font-medium truncate"},Y={class:"text-sm text-gray-500 truncate"},Z={key:0,class:"text-xs text-gray-400 mt-1 flex gap-1 items-center"},ee={class:"px-3"},te={class:"text-sm font-medium"},ne=["onClick"],oe={class:"flex-shrink-0 w-8 h-8 rounded-full bg-blue-50 flex items-center justify-center"},le={class:"text-sm font-medium"},re={key:0,class:"text-xs text-gray-400"},se={class:"sm:w-72"},ae=["onClick"],ie=["data-test","onClick"],ce={key:0,class:"text-xs text-gray-600"},de={class:"flex-shrink-0 w-8 h-8 rounded-full bg-red-50 flex items-center justify-center"},ue={class:"text-sm font-medium text-red-600"},me={class:"flex gap-3 items-center px-4 py-3"},ve={class:"flex-grow flex-shrink min-w-0"},ge={class:"flex gap-3"},pe={key:0,class:"text-sm font-medium"},fe={class:"text-sm text-gray-500"},ke={class:"text-sm text-gray-600 mb-6 px-4 pt-3"},ye={class:"flex justify-end gap-3 px-4 pb-3"},w=e.defineComponent({__name:"OneUserListItem",props:{user:{type:Object,required:!0},currentUserId:{type:[String,Number],default:void 0},roleOptions:{type:Array,default:()=>[]},canManage:{type:Boolean,default:!0},t:{type:Function,default:void 0}},emits:["toggle-access","change-role","remove"],setup(t,{emit:v}){const c=t,u=v,f=V.useOnebI18n(),n=e.computed(()=>c.t??f),a=B.useModal(),s=B.useModal(),m=e.computed(()=>c.currentUserId!=null&&String(c.currentUserId)===String(c.user.id)),o=e.computed(()=>(c.user.roles??[]).map(l=>l.name).join(", ")),g=l=>(c.user.roles??[]).some(i=>String(i.alias??i.id)===String(l.alias??l.id)),_=()=>u("toggle-access",c.user),k=(l,i)=>{u("change-role",c.user,l),i==null||i()},x=()=>{a.close(),s.open()},b=()=>{u("remove",c.user),s.close()};return(l,i)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",j,[e.createElementVNode("div",z,[e.createVNode(e.unref(h._sfc_main),{src:t.user.photo_url,text:t.user.name,rounded:!0,size:"40"},null,8,["src","text"]),e.createElementVNode("div",U,[e.createElementVNode("div",T,[e.createElementVNode("span",F,e.toDisplayString(t.user.name),1),m.value?(e.openBlock(),e.createElementBlock("span",R,e.toDisplayString(n.value("ui.user_list.me")),1)):e.createCommentVNode("",!0),t.user.disabled?(e.openBlock(),e.createElementBlock("span",A,e.toDisplayString(n.value("ui.user_list.access_disabled")),1)):e.createCommentVNode("",!0),e.renderSlot(l.$slots,"badges",{user:t.user})]),e.createElementVNode("div",H,e.toDisplayString(t.user.email),1)]),e.createElementVNode("div",P,[o.value?(e.openBlock(),e.createElementBlock("div",G,e.toDisplayString(o.value),1)):e.createCommentVNode("",!0),t.canManage&&!m.value?(e.openBlock(),e.createBlock(e.unref(p.OneButton),{key:1,icon:e.unref(S.render),variant:"touch",class:"ml-3","data-test":"user-actions",onClick:i[0]||(i[0]=d=>e.unref(a).open())},null,8,["icon"])):(e.openBlock(),e.createElementBlock("div",J))])])]),e.createVNode(e.unref(N.OneModal),{useModal:e.unref(a),title:n.value("ui.user_list.user_settings")},{default:e.withCtx(()=>[e.createElementVNode("div",K,[e.createElementVNode("div",Q,[e.createVNode(e.unref(h._sfc_main),{src:t.user.photo_url,text:t.user.name,rounded:!0,size:"40"},null,8,["src","text"]),e.createElementVNode("div",W,[e.createElementVNode("div",X,e.toDisplayString(t.user.name),1),e.createElementVNode("div",Y,e.toDisplayString(t.user.email),1),t.user.added_at?(e.openBlock(),e.createElementBlock("div",Z,[e.createElementVNode("span",null,e.toDisplayString(n.value("ui.user_list.added_on"))+":",1),e.createVNode(e.unref($.OneDateTime),{value:t.user.added_at},null,8,["value"])])):e.createCommentVNode("",!0)])]),e.createElementVNode("div",ee,[e.createElementVNode("div",{class:"flex items-center gap-3 px-3 py-2.5 rounded-lg cursor-pointer hover:bg-gray-50 transition-colors","data-test":"toggle-access",onClick:_},[e.createElementVNode("div",{class:e.normalizeClass(["flex-shrink-0 w-8 h-8 rounded-full flex items-center justify-center",t.user.disabled?"bg-red-50":"bg-green-50"])},[e.createVNode(e.unref(I),{class:e.normalizeClass(["w-4 h-4",t.user.disabled?"text-red-600":"text-green-600"])},null,8,["class"])],2),e.createElementVNode("div",te,e.toDisplayString(t.user.disabled?n.value("ui.user_list.activate"):n.value("ui.user_list.deactivate")),1)]),t.roleOptions.length>0?(e.openBlock(),e.createBlock(e.unref(C._sfc_main),{key:0,class:"block w-full"},{button:e.withCtx(({onToggle:d})=>[e.createElementVNode("div",{class:"flex items-center gap-3 px-3 py-2.5 rounded-lg cursor-pointer hover:bg-gray-50 transition-colors w-full text-left","data-test":"change-role",onClick:r=>d()},[e.createElementVNode("div",oe,[e.createVNode(e.unref(L),{class:"w-4 h-4 text-blue-600"})]),e.createElementVNode("div",null,[e.createElementVNode("div",le,e.toDisplayString(n.value("ui.user_list.change_role")),1),o.value?(e.openBlock(),e.createElementBlock("div",re,e.toDisplayString(o.value),1)):e.createCommentVNode("",!0)])],8,ne)]),menu:e.withCtx(({onToggle:d})=>[e.createElementVNode("div",se,[e.createElementVNode("div",{class:e.normalizeClass(["!break-words !whitespace-normal !text-left overflow-hidden px-3 py-1.5 cursor-pointer hover:bg-gray-50 select-none",(t.user.roles??[]).length===0?"bg-blue-50":""]),"data-test":"role-empty",onClick:r=>k(null,d)},e.toDisplayString(n.value("ui.user_list.regular_user")),11,ae),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.roleOptions,r=>(e.openBlock(),e.createElementBlock("div",{key:r.id,class:e.normalizeClass(["!break-words !whitespace-normal !text-left overflow-hidden px-3 py-1.5 cursor-pointer hover:bg-gray-50 select-none",g(r)?"bg-blue-50":""]),"data-test":`role-${r.id}`,onClick:y=>k(r,d)},[e.createElementVNode("div",null,e.toDisplayString(r.name),1),r.info?(e.openBlock(),e.createElementBlock("div",ce,e.toDisplayString(r.info),1)):e.createCommentVNode("",!0)],10,ie))),128))])]),_:1})):e.createCommentVNode("",!0),e.renderSlot(l.$slots,"actions",{user:t.user,close:e.unref(a).close}),e.createElementVNode("div",{class:"flex items-center gap-3 px-3 py-2.5 rounded-lg cursor-pointer hover:bg-red-50 transition-colors","data-test":"remove",onClick:x},[e.createElementVNode("div",de,[e.createVNode(e.unref(E),{class:"w-4 h-4 text-red-600"})]),e.createElementVNode("div",ue,e.toDisplayString(n.value("ui.user_list.delete")),1)])])])]),_:3},8,["useModal","title"]),e.createVNode(e.unref(N.OneModal),{useModal:e.unref(s),title:n.value("ui.user_list.confirm_deletion")},{default:e.withCtx(()=>[e.createElementVNode("div",null,[e.createElementVNode("div",me,[e.createVNode(e.unref(h._sfc_main),{src:t.user.photo_url,text:t.user.name,rounded:!0,size:"40"},null,8,["src","text"]),e.createElementVNode("div",ve,[e.createElementVNode("div",null,e.toDisplayString(t.user.name),1),e.createElementVNode("div",ge,[o.value?(e.openBlock(),e.createElementBlock("div",pe,e.toDisplayString(o.value),1)):e.createCommentVNode("",!0),e.createElementVNode("div",fe,e.toDisplayString(t.user.email),1)])])]),e.createElementVNode("p",ke,e.toDisplayString(n.value("ui.user_list.delete_confirm")),1),e.createElementVNode("div",ye,[e.createVNode(e.unref(p.OneButton),{variant:"secondary",label:n.value("ui.confirm.Cancel"),onClick:i[1]||(i[1]=d=>e.unref(s).close())},null,8,["label"]),e.createVNode(e.unref(p.OneButton),{icon:e.unref(E),variant:"danger",label:n.value("ui.user_list.delete"),"data-test":"confirm-remove",onClick:b},null,8,["icon","label"])])])]),_:1},8,["useModal","title"])],64))}}),he={class:"bg-white rounded-lg border border-gray-100"},_e={key:0,class:"p-4 space-y-3"},xe={class:"p-6 text-center text-sm text-gray-500"},be=e.defineComponent({__name:"OneUserList",props:{users:{type:Array,required:!0},loading:{type:Boolean,default:!1},currentUserId:{type:[String,Number],default:void 0},roleOptions:{type:Array,default:()=>[]},canManage:{type:Boolean,default:!0},t:{type:Function,default:void 0}},emits:["toggle-access","change-role","remove"],setup(t,{emit:v}){const c=t,u=v,f=V.useOnebI18n(),n=e.computed(()=>c.t??f);return(a,s)=>(e.openBlock(),e.createElementBlock("div",he,[t.loading?(e.openBlock(),e.createElementBlock("div",_e,[e.createVNode(e.unref(O.OneSkeleton),{count:3,height:"h-12"})])):t.users.length===0?e.renderSlot(a.$slots,"empty",{key:1},()=>[e.createElementVNode("div",xe,e.toDisplayString(n.value("ui.user_list.empty")),1)]):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:2},e.renderList(t.users,m=>(e.openBlock(),e.createBlock(w,{key:m.id,user:m,"current-user-id":t.currentUserId,"role-options":t.roleOptions,"can-manage":t.canManage,t:c.t,onToggleAccess:s[0]||(s[0]=o=>u("toggle-access",o)),onChangeRole:s[1]||(s[1]=(o,g)=>u("change-role",o,g)),onRemove:s[2]||(s[2]=o=>u("remove",o))},e.createSlots({_:2},[a.$slots.badges?{name:"badges",fn:e.withCtx(o=>[e.renderSlot(a.$slots,"badges",e.mergeProps({ref_for:!0},o))]),key:"0"}:void 0,a.$slots.actions?{name:"actions",fn:e.withCtx(o=>[e.renderSlot(a.$slots,"actions",e.mergeProps({ref_for:!0},o))]),key:"1"}:void 0]),1032,["user","current-user-id","role-options","can-manage","t"]))),128))]))}}),Ne={class:"py-2 px-4 space-y-4","data-test":"invite-modal"},Ve={key:0,class:"flex items-center gap-3"},Be={class:"font-medium"},Ee={key:1},Ce={class:"text-sm pb-2"},we={class:"sm:w-72"},Se=["onClick"],$e=["data-test","onClick"],Oe={key:0,class:"text-xs text-gray-600"},Me={key:2,class:"text-xs font-light text-gray-500"},qe={key:3,class:"space-y-3"},De={class:"text-sm font-medium pb-1"},Le={key:0,class:"py-2 text-green-800 bg-green-100 rounded-md px-6 w-full text-center","data-test":"invite-copied"},Ie={key:4,class:"pb-2"},je=e.defineComponent({__name:"OneUserInviteModal",props:{useModal:{type:Object,required:!0},roleOptions:{type:Array,default:()=>[]},createLink:{type:Function,required:!0},appName:{type:String,default:void 0},appLogo:{type:String,default:void 0},closeOnCopy:{type:Boolean,default:!0},t:{type:Function,default:void 0}},emits:["created","copied"],setup(t,{emit:v}){const c=t,u=v,f=V.useOnebI18n(),n=e.computed(()=>c.t??f),a=e.ref(null),s=e.ref(""),m=e.ref(!1),o=e.ref(!1),g=()=>{s.value="",m.value=!1,o.value=!1},_=e.computed(()=>{var i,d;const l=c.useModal;return!!(((i=l.isOpen)==null?void 0:i.value)??((d=l.isOpened)==null?void 0:d.value))});e.watch(_,l=>{l||(a.value=null,g())});const k=(l,i)=>{a.value=l,g(),i==null||i()},x=async()=>{o.value=!0;try{s.value=await c.createLink(a.value),u("created",s.value,a.value)}finally{o.value=!1}},b=async()=>{await D.copyToClipboard(s.value)&&(m.value=!0,u("copied",s.value),c.closeOnCopy&&c.useModal.close())};return(l,i)=>(e.openBlock(),e.createBlock(e.unref(N.OneModal),{useModal:t.useModal,title:n.value("ui.user_list.invite_user")},{default:e.withCtx(()=>[e.createElementVNode("div",Ne,[t.appName?(e.openBlock(),e.createElementBlock("div",Ve,[e.createVNode(e.unref(h._sfc_main),{src:t.appLogo,text:t.appName,size:40,class:"flex-shrink-0"},null,8,["src","text"]),e.createElementVNode("p",Be,e.toDisplayString(t.appName),1)])):e.createCommentVNode("",!0),t.roleOptions.length>0?(e.openBlock(),e.createElementBlock("div",Ee,[e.createElementVNode("p",Ce,e.toDisplayString(n.value("ui.user_list.invite_select_role")),1),e.createVNode(e.unref(C._sfc_main),{class:"block w-full"},{button:e.withCtx(({onToggle:d})=>{var r;return[e.createVNode(e.unref(p.OneButton),{"icon-after":e.unref(M.render),label:((r=a.value)==null?void 0:r.name)??n.value("ui.user_list.regular_user"),variant:"secondary","data-test":"invite-role",onClick:y=>d()},null,8,["icon-after","label","onClick"])]}),menu:e.withCtx(({onToggle:d})=>[e.createElementVNode("div",we,[e.createElementVNode("div",{class:e.normalizeClass(["!break-words !whitespace-normal !text-left overflow-hidden px-3 py-1.5 cursor-pointer hover:bg-gray-50 select-none",a.value===null?"bg-blue-50":""]),"data-test":"invite-role-empty",onClick:r=>k(null,d)},e.toDisplayString(n.value("ui.user_list.regular_user")),11,Se),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.roleOptions,r=>{var y;return e.openBlock(),e.createElementBlock("div",{key:r.id,class:e.normalizeClass(["!break-words !whitespace-normal !text-left overflow-hidden px-3 py-1.5 cursor-pointer hover:bg-gray-50 select-none",((y=a.value)==null?void 0:y.id)===r.id?"bg-blue-50":""]),"data-test":`invite-role-${r.id}`,onClick:ze=>k(r,d)},[e.createElementVNode("div",null,e.toDisplayString(r.name),1),r.info?(e.openBlock(),e.createElementBlock("div",Oe,e.toDisplayString(r.info),1)):e.createCommentVNode("",!0)],10,$e)}),128))])]),_:1})])):e.createCommentVNode("",!0),l.$slots.hint?(e.openBlock(),e.createElementBlock("div",Me,[e.renderSlot(l.$slots,"hint")])):e.createCommentVNode("",!0),s.value?(e.openBlock(),e.createElementBlock("div",qe,[e.createElementVNode("div",null,[e.createElementVNode("p",De,e.toDisplayString(n.value("ui.user_list.invite_link")),1),e.createVNode(e.unref(q._sfc_main),{"model-value":s.value,readonly:"","data-test":"invite-link"},null,8,["model-value"])]),m.value?(e.openBlock(),e.createElementBlock("div",Le,e.toDisplayString(n.value("ui.user_list.invite_link_copied")),1)):(e.openBlock(),e.createBlock(e.unref(p.OneButton),{key:1,class:"w-full",variant:"primary",label:n.value("ui.user_list.invite_copy_link"),"data-test":"invite-copy",onClick:b},null,8,["label"])),e.renderSlot(l.$slots,"share",{link:s.value,role:a.value})])):(e.openBlock(),e.createElementBlock("div",Ie,[e.createVNode(e.unref(p.OneButton),{class:"w-full",variant:"primary",label:n.value("ui.user_list.invite_create_link"),"is-loading":o.value,"data-test":"invite-create",onClick:x},null,8,["label","is-loading"])]))])]),_:3},8,["useModal","title"]))}});exports.OneUserInviteModal=je;exports.OneUserList=be;exports.OneUserListItem=w;

package/dist/userList/index.js

@@ -4,7 +4,7 @@ import { OneButton as C } from "../button/index.js";
 import { _ as B } from "../OneAvatar.vue_vue_type_script_setup_true_lang-08ab80dd.js";
 import { O as T } from "../OneModal-02a9a173.js";
 import { u as q } from "../useModal-6a5d870b.js";
-import { _ as E } from "../OneDropdownAuto.vue_vue_type_script_setup_true_lang-2c508e8a.js";
+import { _ as E } from "../OneDropdownAuto.vue_vue_type_script_setup_true_lang-89baa790.js";
 import { OneDateTime as K } from "../dateTime/index.js";
 import { useOnebI18n as F } from "../i18n/index.js";
 import { OneSkeleton as Q } from "../skeleton/index.js";
@@ -17,7 +17,6 @@ import "../useIsMobile-98fc0cf9.js";
 import "../useMediaQuery-77a19b18.js";
 import "../dropdown-c81fb945.js";
 import "@floating-ui/dom";
-import "@floating-ui/vue";
 import "dayjs";
 import "dayjs/plugin/relativeTime";
 import "dayjs/plugin/utc";
@@ -305,7 +304,7 @@ const ee = { class: "border-b border-gray-100 last:border-b-0 hover:bg-gray-50 t
 }), ze = { class: "bg-white rounded-lg border border-gray-100" }, Ae = {
   key: 0,
   class: "p-4 space-y-3"
-}, Fe = { class: "p-6 text-center text-sm text-gray-500" }, Ot = /* @__PURE__ */ z({
+}, Fe = { class: "p-6 text-center text-sm text-gray-500" }, Ct = /* @__PURE__ */ z({
   __name: "OneUserList",
   props: {
     users: {
@@ -394,7 +393,7 @@ const ee = { class: "border-b border-gray-100 last:border-b-0 hover:bg-gray-50 t
 }, De = {
   key: 4,
   class: "pb-2"
-}, Mt = /* @__PURE__ */ z({
+}, Ot = /* @__PURE__ */ z({
   __name: "OneUserInviteModal",
   props: {
     /** Modal adapter from useModal(). */
@@ -553,7 +552,7 @@ const ee = { class: "border-b border-gray-100 last:border-b-0 hover:bg-gray-50 t
   }
 });
 export {
-  Mt as OneUserInviteModal,
-  Ot as OneUserList,
+  Ot as OneUserInviteModal,
+  Ct as OneUserList,
   Te as OneUserListItem
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oneb/ui-vue",
-  "version": "0.4.3",
+  "version": "0.4.6",
   "description": "Oneb UI component library for Vue 3 (Tailwind CSS based)",
   "keywords": [
     "vue",
@@ -412,7 +412,6 @@
     "vue": ">= 3",
     "vue-router": ">= 4",
     "dayjs": "^1.11.0",
-    "@floating-ui/vue": "^1.1.11",
     "@floating-ui/dom": "^1.0.0"
   },
   "devDependencies": {

package/dist/OneDropdownAuto.vue_vue_type_script_setup_true_lang-bf923b04.cjs

@@ -1 +0,0 @@
-"use strict";const e=require("vue"),v=require("./dropdown-5cb64ab7.cjs"),r=require("@floating-ui/dom"),k=require("@floating-ui/vue"),w=["data-opened"],x={key:0,class:"text-sm text-secondary-content px-3 py-2 text-left"},y=e.defineComponent({__name:"OneDropdownAuto",props:v.dropdownProps,emits:["open","close"],setup(p,{emit:m}){const i=p,o=e.ref(!1),n=e.ref(null),s=e.ref(null);let l=null;const c=()=>{!s.value||!n.value||r.computePosition(s.value,n.value,{placement:i.stick?i.stick:"bottom-start",strategy:"fixed",middleware:[r.offset(5),k.flip(),r.shift({padding:8})]}).then(({x:t,y:d})=>{n.value&&Object.assign(n.value.style,{left:`${t}px`,top:`${d}px`})})};e.watch(o,t=>{t&&s.value&&n.value?(c(),l=r.autoUpdate(s.value,n.value,c)):l&&(l(),l=null)}),e.onBeforeUnmount(()=>{l&&l()});const u=m,a=()=>{o.value=!o.value,o.value?u("open"):u("close")};e.provide("OneDropdown",{onToggle:a});const f=e.computed(()=>["fixed z-[10000] w-fit rounded-md bg-white","py-1 shadow-lg ring-black ring-opacity-5 focus:outline-none","overflow-auto max-h-[540px] min-w-[150px] max-w-[540px]"]);return(t,d)=>(e.openBlock(),e.createElementBlock("div",{class:"relative inline-block","data-opened":o.value},[e.createElementVNode("div",{ref_key:"buttonRef",ref:s},[e.renderSlot(t.$slots,"button",e.normalizeProps(e.guardReactiveProps({onToggle:a,isExpanded:o.value})))],512),(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[o.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"fixed top-0 left-0 w-screen h-screen z-[9999]",onClick:a})):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("div",{ref_key:"menuRef",ref:n,class:e.normalizeClass(["menu",f.value]),role:"menu","aria-orientation":"vertical",tabindex:"-1",style:{display:"none"}},[t.title?(e.openBlock(),e.createElementBlock("div",x,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"menu",e.normalizeProps(e.guardReactiveProps({onToggle:a})))],2),[[e.vShow,o.value]])]))],8,w))}});exports._sfc_main=y;

package/dist/OneHelpMenu-78d9348a.cjs

@@ -1 +0,0 @@
-"use strict";const e=require("vue"),V=require("./dropdown-5cb64ab7.cjs"),w=require("@floating-ui/dom"),D=require("@floating-ui/vue"),y=require("./OneAvatar.vue_vue_type_script_setup_true_lang-2d9f44f1.cjs"),B=require("./i18n/index.cjs"),N=require("./XMarkIcon-f94baa4c.cjs"),C=require("./ChevronDownIcon-6889ac87.cjs"),$=require("./ChevronUpIcon-64a673e1.cjs"),j=require("./ChevronRightIcon-2992cf0d.cjs"),O=require("./button/index.cjs"),A=require("./_plugin-vue_export-helper-f246444f.cjs"),q=["data-opened"],I={key:0,class:"text-sm text-secondary-content px-3 py-2 text-left"},P={key:0,class:"text-sm text-secondary-content px-3 py-2 text-left"},F=e.defineComponent({__name:"OneDropdown",props:V.dropdownProps,emits:["open","close"],setup(h,{emit:u}){const c=e.ref(!1),d=e.ref(null),v=e.ref(null),s=e.ref(null),r=u,t=h,a=()=>{c.value=!c.value,c.value?r("open"):r("close")};let p=null;const f=()=>{t.trigger==="hover"&&(p&&(clearTimeout(p),p=null),c.value||(c.value=!0,r("open")))},i=()=>{t.trigger==="hover"&&(p=setTimeout(()=>{c.value&&(c.value=!1,r("close"))},100))};e.provide("OneDropdown",{onToggle:a});let m=null;function x(){!v.value||!s.value||w.computePosition(v.value,s.value,{placement:t.stick?t.stick:"bottom-start",strategy:"fixed",middleware:[w.offset(t.offset),D.flip(),w.shift({padding:8})]}).then(({x:o,y:l})=>{s.value&&Object.assign(s.value.style,{left:`${o}px`,top:`${l}px`,visibility:"visible"})})}e.watch(c,async o=>{t.appendBody&&(o?(await e.nextTick(),v.value&&s.value&&(s.value.style.visibility="hidden",x(),m=w.autoUpdate(v.value,s.value,x))):m&&(m(),m=null))}),e.onBeforeUnmount(()=>{m&&m()});const k=e.computed(()=>{var _;if(t.appendBody)return"";const o=(_=d.value)==null?void 0:_.getBoundingClientRect(),l=o?o.x<270:!1;return o&&o.top+270>window.innerHeight?"up"+(l?"-right":"-left"):"down"+(l?"-right":"-left")}),g=e.computed(()=>{const o=["absolute z-10 w-fit rounded-md bg-white","py-1 shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none","overflow-auto max-h-[540px] min-w-[150px] max-w-[540px]"];return k.value.startsWith("up")?o.push("bottom-1 mb-10"):k.value.startsWith("down")&&o.push("top-1 mt-10"),t.stick==="right"?o.push("right-0"):t.stick==="left"&&o.push("left-0"),o}),n=e.computed(()=>["fixed z-[10000] w-fit rounded-md bg-white","py-1 shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none","overflow-auto max-h-[540px] min-w-[150px] max-w-[540px]"]);return(o,l)=>(e.openBlock(),e.createElementBlock("div",{class:"relative inline-block",ref_key:"containerRef",ref:d,"data-opened":c.value,onMouseenter:f,onMouseleave:i},[e.createElementVNode("div",{ref_key:"buttonRef",ref:v},[e.renderSlot(o.$slots,"button",e.normalizeProps(e.guardReactiveProps({onToggle:a,isExpanded:c.value})))],512),t.appendBody?(e.openBlock(),e.createBlock(e.Teleport,{key:0,to:"body"},[c.value&&o.trigger==="click"?(e.openBlock(),e.createElementBlock("div",{key:0,class:"fixed top-0 left-0 w-screen h-screen z-[9999]",onClick:a})):e.createCommentVNode("",!0),e.createVNode(e.Transition,{"enter-active-class":"transition ease-out duration-100","enter-from-class":"transform opacity-0 scale-95","enter-to-class":"transform opacity-100 scale-100","leave-active-class":"transition ease-in duration-75","leave-from-class":"transform opacity-100 scale-100","leave-to-class":"transform opacity-0 scale-95"},{default:e.withCtx(()=>[c.value?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"menuRef",ref:s,class:e.normalizeClass(["menu",n.value]),role:"menu","aria-orientation":"vertical",tabindex:"-1",onMouseenter:f,onMouseleave:i},[o.title?(e.openBlock(),e.createElementBlock("div",I,e.toDisplayString(o.title),1)):e.createCommentVNode("",!0),e.renderSlot(o.$slots,"menu",e.normalizeProps(e.guardReactiveProps({onToggle:a})))],34)):e.createCommentVNode("",!0)]),_:3})])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[c.value&&o.trigger==="click"?(e.openBlock(),e.createElementBlock("div",{key:0,class:"fixed top-0 left-0 w-screen h-screen z-10",onClick:a})):e.createCommentVNode("",!0),e.createVNode(e.Transition,{"enter-active-class":"transition ease-out duration-100","enter-from-class":"transform opacity-0 scale-95","enter-to-class":"transform opacity-100 scale-100","leave-active-class":"transition ease-in duration-75","leave-from-class":"transform opacity-100 scale-100","leave-to-class":"transform opacity-0 scale-95"},{default:e.withCtx(()=>[c.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["menu",g.value]),role:"menu","aria-orientation":"vertical",tabindex:"-1"},[o.title?(e.openBlock(),e.createElementBlock("div",P,e.toDisplayString(o.title),1)):e.createCommentVNode("",!0),e.renderSlot(o.$slots,"menu",e.normalizeProps(e.guardReactiveProps({onToggle:a})))],2)):e.createCommentVNode("",!0)]),_:3})],64))],40,q))}}),b=e.defineComponent({__name:"OneDropdownItem",props:V.dropdownItemProps,emits:["click"],setup(h,{emit:u}){const c=u,d=h,v=e.inject("OneDropdown"),s=()=>{v!==void 0&&v.onToggle(),c("click")},r=e.computed(()=>{const t=[];return d.variant==="secondary"?t.push("text-secondary-content hover:bg-secondary-body-hover"):d.variant==="danger"?t.push("text-danger-content hover:bg-danger-10"):d.variant==="warning"?t.push("text-warning-content hover:bg-warning-10"):d.variant==="info"?t.push("text-info-content hover:bg-info-10"):t.push("hover:bg-secondary-body-hover"),t});return(t,a)=>(e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass(["px-3 py-1.5 flex items-center space-x-3 w-full whitespace-nowrap",r.value]),onClick:e.withModifiers(s,["prevent"])},[t.icon?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.icon),{key:0,class:"w-4 h-4"})):e.createCommentVNode("",!0),e.createElementVNode("span",null,e.toDisplayString(t.label),1)],2))}});function T(h,u){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:"M15.75 9V5.25A2.25 2.25 0 0013.5 3h-6a2.25 2.25 0 00-2.25 2.25v13.5A2.25 2.25 0 007.5 21h6a2.25 2.25 0 002.25-2.25V15m3 0l3-3m0 0l-3-3m3 3H9"})])}const H={user:{type:Object,required:!0},menu:{type:Array,default:()=>[]},iconSize:{type:String,default:"34"},app:{type:Object},onAccount:{type:Function},onLogout:{type:Function},t:{type:Function}},S={workspace:{type:Object,required:!1},workspaces:{type:Array},apps:{type:Array,required:!0},iconSize:{type:String,default:"24"},onChange:{type:Function},onApp:{type:Function},t:{type:Function}},R={help:{type:Object},helpSlug:{type:String},t:{type:Function}},U=["onClick"],W={class:"flex flex-col items-center pt-5 pb-2 h-full"},X={class:"flex flex-col px-10 py-1 mt-2 text-center"},G={class:"self-center text-base font-medium tracking-wide text-black"},J={class:"mt-1 text-xs leading-5 text-blue-500 font-light"},K={class:"text-left w-full mt-5 px-3"},Q={class:"-mb-2 flex-shrink-0 mt-auto pt-6 text-[8px] leading-3 text-gray-400"},Y=e.defineComponent({__name:"OneUserMenu",props:H,setup(h){const u=h,c=B.useOnebI18n(),d=e.computed(()=>u.t??c),v=e.computed(()=>{var t;return(t=u.menu)==null?void 0:t.map(a=>{let p={label:a.label};a.icon!=null&&(p={...p,icon:a.icon});const f=typeof a.click=="function"?a.click:()=>{};return{key:a.label,args:p,click:f}})}),s=()=>{typeof u.onAccount=="function"&&u.onAccount()},r=()=>{typeof u.onLogout=="function"&&u.onLogout()};return(t,a)=>(e.openBlock(),e.createBlock(F,{stick:"right"},{button:e.withCtx(({onToggle:p,isExpanded:f})=>{var i,m;return[e.createElementVNode("button",{onClick:p,class:e.normalizeClass(["p-1 rounded-full hover:bg-secondary-10",[f?"bg-secondary-25":""]])},[e.createVNode(y._sfc_main,{text:((i=t.user)==null?void 0:i.name)||"",size:t.iconSize,src:(m=t.user)==null?void 0:m.photo_url,rounded:!0},null,8,["text","size","src"])],10,U)]}),menu:e.withCtx(()=>{var p,f,i,m,x;return[e.createElementVNode("div",W,[e.createVNode(y._sfc_main,{text:((p=t.user)==null?void 0:p.name)||"",size:80,src:(f=t.user)==null?void 0:f.photo_url,rounded:!0,class:"mx-auto"},null,8,["text","src"]),e.createElementVNode("div",X,[e.createElementVNode("div",G,e.toDisplayString((i=t.user)==null?void 0:i.name),1),e.createElementVNode("div",J,e.toDisplayString((m=t.user)==null?void 0:m.email),1)]),typeof u.onAccount=="function"?(e.openBlock(),e.createElementBlock("a",{key:0,onClick:s,class:"cursor-pointer justify-center px-8 py-2 mt-3 text-xs font-semibold tracking-wide leading-5 text-gray-600 border border-solid bg-neutral-100 border-slate-200 rounded-[50px] hover:bg-neutral-200"},e.toDisplayString(d.value("ui.layout.account")),1)):e.createCommentVNode("",!0),e.createElementVNode("div",K,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(v.value,k=>(e.openBlock(),e.createBlock(b,e.mergeProps({key:k.key},{ref_for:!0},k.args,{onClick:k.click}),null,16,["onClick"]))),128)),typeof t.onLogout=="function"?(e.openBlock(),e.createBlock(b,{key:0,icon:e.unref(T),label:d.value("ui.layout.logout"),class:"rounded py-3",onClick:r},null,8,["icon","label"])):e.createCommentVNode("",!0)]),a[0]||(a[0]=e.createElementVNode("div",{class:"space-y-2 text-center",style:{width:"240px"}},null,-1)),e.createElementVNode("div",Q,e.toDisplayString((x=t.app)==null?void 0:x.version),1)])]}),_:1}))}});function M(h,u){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("rect",{width:"2.94",height:"2.94",x:"17.16",y:"3.9",fill:"currentColor","stroke-width":"1.8",rx:"1.1"}),e.createElementVNode("rect",{width:"2.94",height:"2.94",x:"10.53",y:"3.9",fill:"currentColor","stroke-width":"1.8",rx:"1.1"}),e.createElementVNode("rect",{width:"2.94",height:"2.94",x:"3.9",y:"3.9",fill:"currentColor","stroke-width":"1.8",rx:"1.1"}),e.createElementVNode("rect",{width:"2.94",height:"2.94",x:"17.16",y:"10.53",fill:"currentColor","stroke-width":"1.8",rx:"1.1"}),e.createElementVNode("rect",{width:"2.94",height:"2.94",x:"10.53",y:"10.53",fill:"currentColor","stroke-width":"1.8",rx:"1.1"}),e.createElementVNode("rect",{width:"2.94",height:"2.94",x:"3.9",y:"10.53",fill:"currentColor","stroke-width":"1.8",rx:"1.1"}),e.createElementVNode("rect",{width:"2.94",height:"2.94",x:"17.16",y:"17.16",fill:"currentColor","stroke-width":"1.8",rx:"1.1"}),e.createElementVNode("rect",{width:"2.94",height:"2.94",x:"10.53",y:"17.16",fill:"currentColor","stroke-width":"1.8",rx:"1.1"}),e.createElementVNode("rect",{width:"2.94",height:"2.94",x:"3.9",y:"17.16",fill:"currentColor","stroke-width":"1.8",rx:"1.1"})])}const Z=["data-opened"],ee={key:1,class:"absolute top-0 right-0 h-screen overflow-y-auto max-w-96 bg-white px-3 z-10"},te={class:"flex justify-between items-center pt-3 mb-3"},oe={class:"font-semibold text-xl px-3"},ne={class:"grid"},le={class:"rounded-lg m-3 border"},re={class:"space-x-2 flex items-center px-3 py-2",style:{width:"300px"}},se={class:"flex justify-between relative"},ce={class:"flex items-center justify-between w-full text-left text-sm font-semibold"},ae={key:0},ie={class:"text-xs font-semibold"},ue={class:"px-3 py-2"},de={class:"text-secondary-content text-left pb-1 text-xs uppercase"},pe={class:"overflow-auto max-h-full"},me={key:0,class:"space-y-2"},he=["onClick"],fe={class:"flex"},ve={class:"border border-secondary-stroke rounded-2xl w-14 h-14 md:w-14 md:h-14 flex items-center justify-center"},ke={class:"pl-2"},xe={class:"text-sm mt-1 font-semibold"},ge={class:"text9 mt-1"},_e={key:1,class:"mt-2 w-full bg-[#FAFAFA] hover:bg-secondary-10 p-2 rounded-lg mb-5 text-xs hidden"},ye=e.defineComponent({__name:"OneBrowserMenu",props:S,emits:["open","close"],setup(h,{emit:u}){const c=u,d=h,v=B.useOnebI18n(),s=e.computed(()=>d.t??v),r=e.ref(!1),t=()=>{r.value=!r.value,r.value?c("open"):c("close")},a=e.ref(!1);e.computed(()=>a.value?$.render:C.render);const p=()=>{typeof d.onChange=="function"&&d.onChange()},f=i=>{typeof d.onApp=="function"&&d.onApp(i)};return(i,m)=>{var x,k,g;return e.openBlock(),e.createElementBlock("div",{"data-opened":r.value},[e.createElementVNode("button",{onClick:t,class:e.normalizeClass(["sm:p-1 sm:w-[44px] sm:h-[44px] w-8 h-8 rounded-md hover:bg-secondary-10 flex",{"bg-secondary-10":r.value}])},[e.createVNode(e.unref(M),{class:"text-secondary-base w-full p-1 hover:text-blue-600 m-auto"})],2),r.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"fixed top-0 left-0 w-screen h-screen z-10 bg-black/10",onClick:t})):e.createCommentVNode("",!0),r.value?(e.openBlock(),e.createElementBlock("div",ee,[e.createElementVNode("div",te,[e.createElementVNode("div",oe,e.toDisplayString(s.value("ui.layout.workspaces")),1),e.createVNode(e.unref(N.render),{class:"w-6 cursor-pointer",onClick:t})]),e.createElementVNode("div",ne,[e.createElementVNode("div",le,[e.createElementVNode("div",re,[e.createElementVNode("div",se,[e.createVNode(y._sfc_main,{text:((x=i.workspace)==null?void 0:x.name)||"",src:(k=i.workspace)==null?void 0:k.photo_url,size:44,rounded:!1,class:"mx-auto"},null,8,["text","src"])]),e.createElementVNode("div",ce,e.toDisplayString((g=i.workspace)==null?void 0:g.name),1)]),a.value?(e.openBlock(),e.createElementBlock("div",ae,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.workspaces,n=>(e.openBlock(),e.createElementBlock("div",{key:n.name,class:"flex items-center space-x-3 border-t px-5 py-2 hover:bg-secondary-10"},[e.createVNode(y._sfc_main,{text:n.name,src:n.photo_url,size:30,rounded:!1},null,8,["text","src"]),e.createElementVNode("span",ie,e.toDisplayString(n.name),1)]))),128))])):e.createCommentVNode("",!0),m[0]||(m[0]=e.createElementVNode("hr",null,null,-1)),e.createElementVNode("div",{onClick:p,class:"text-center py-2 cursor-pointer",style:{"font-size":"10px"}},e.toDisplayString(s.value("ui.layout.change_workspace")),1)])]),e.createElementVNode("div",ue,[e.createElementVNode("div",de,e.toDisplayString(s.value("ui.layout.apps")),1),e.createElementVNode("div",pe,[i.apps&&i.apps.length?(e.openBlock(),e.createElementBlock("div",me,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.apps,n=>(e.openBlock(),e.createElementBlock("div",{key:n.id,onClick:o=>f(n),class:"flex justify-between items-center rounded-lg hover:bg-secondary-10 p-2 bg-[#FAFAFA] cursor-pointer"},[e.createElementVNode("div",fe,[e.createElementVNode("div",ve,[e.createVNode(y._sfc_main,{text:n.name,src:n.photo_url,size:44,rounded:!1},null,8,["text","src"])]),e.createElementVNode("div",ke,[e.createElementVNode("p",xe,e.toDisplayString(n.name),1),e.createElementVNode("p",ge,e.toDisplayString(n==null?void 0:n.short),1)])]),e.createElementVNode("div",null,[e.createVNode(O.OneButton,{variant:"touch",icon:e.unref(j.render),onClick:o=>f(n)},null,8,["icon","onClick"])])],8,he))),128))])):e.createCommentVNode("",!0),i.apps&&i.apps.length?(e.openBlock(),e.createElementBlock("button",_e,e.toDisplayString(s.value("ui.layout.view_all")),1)):e.createCommentVNode("",!0)])])])):e.createCommentVNode("",!0)],8,Z)}}});const we=A._export_sfc(ye,[["__scopeId","data-v-3675784e"]]);function E(h,u){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:"M9.879 7.519c1.171-1.025 3.071-1.025 4.242 0 1.172 1.025 1.172 2.687 0 3.712-.203.179-.43.326-.67.442-.745.361-1.45.999-1.45 1.827v.75M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9 5.25h.008v.008H12v-.008z"})])}function be(h,u){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:"M21 12a9 9 0 11-18 0 9 9 0 0118 0z"}),e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M15.91 11.672a.375.375 0 010 .656l-5.603 3.113a.375.375 0 01-.557-.328V8.887c0-.286.307-.466.557-.327l5.603 3.112z"})])}function z(h,u){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:"M12 21a9.004 9.004 0 008.716-6.747M12 21a9.004 9.004 0 01-8.716-6.747M12 21c2.485 0 4.5-4.03 4.5-9S14.485 3 12 3m0 18c-2.485 0-4.5-4.03-4.5-9S9.515 3 12 3m0 0a8.997 8.997 0 017.843 4.582M12 3a8.997 8.997 0 00-7.843 4.582m15.686 0A11.953 11.953 0 0112 10.5c-2.998 0-5.74-1.1-7.843-2.918m15.686 0A8.959 8.959 0 0121 12c0 .778-.099 1.533-.284 2.253m0 0A17.919 17.919 0 0112 16.5c-3.162 0-6.133-.815-8.716-2.247m0 0A9.015 9.015 0 013 12c0-1.605.42-3.113 1.157-4.418"})])}function L(h,u){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.625 9.75a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0H8.25m4.125 0a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0H12m4.125 0a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0h-.375m-13.5 3.01c0 1.6 1.123 2.994 2.707 3.227 1.087.16 2.185.283 3.293.369V21l4.184-4.183a1.14 1.14 0 01.778-.332 48.294 48.294 0 005.83-.498c1.585-.233 2.708-1.626 2.708-3.228V6.741c0-1.602-1.123-2.995-2.707-3.228A48.394 48.394 0 0012 3c-2.392 0-4.744.175-7.043.513C3.373 3.746 2.25 5.14 2.25 6.741v6.018z"})])}function Be(h,u){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:"M6 12L3.269 3.126A59.768 59.768 0 0121.485 12 59.77 59.77 0 013.27 20.876L5.999 12zm0 0h7.5"})])}const Ee=["data-opened"],Ve={key:1,class:"absolute top-0 right-0 h-screen max-w-96 bg-white px-3 z-10 flex flex-col"},Ne={class:"flex justify-between items-center pt-3 mb-3"},Ce={class:"font-semibold text-xl px-3"},$e={key:0,class:"grid grid-cols-3 bg-[#FAFAFA] rounded-xl text-[#525B66] mb-2"},Ae=["onClick"],Fe={class:"uppercase text-[8px]"},Se={class:"overflow-y-auto grid rounded-xl"},Me={class:"max-h-full bg-[#FAFAFA]"},ze={key:0,class:"space-y-2"},Le=["onClick"],De={class:"flex"},je={class:"pl-2"},Oe={class:"text-sm mt-1 font-semibold"},qe={class:"text-[10px] mt-1 text-[#979CA9]"},Ie={class:"mt-auto"},Pe={key:0},Te=["onClick"],He={class:"flex items-center space-x-3"},Re={class:"h-16"},Ue={key:0,class:"bg-[#FAFAFA] rounded-lg p-3"},We={class:"flex justify-between"},Xe=["onClick"],Ge={key:0,class:"tooltip-text min-w-[70px]"},Je={class:"flex justify-between mb-4"},Ke=["href"],Qe={class:"flex flex-nowrap items-center w-max h-[24px]"},Ye={class:"whitespace-nowrap overflow-hidden text-ellipsis text-left flex-shrink w-full text-[#525B66]"},Ze={class:"py-[8px] pl-0 pr-[8px]"},et=e.defineComponent({__name:"OneHelpMenu",props:R,emits:["open","close"],setup(h,{emit:u}){const c=u,d=h,v=B.useOnebI18n(),s=e.computed(()=>d.t??v),r=e.computed(()=>{const n=d.help??{};return{label:n.label??s.value("ui.help.title"),social:n.social??s.value("ui.help.social"),socialButt:n.socialButt??s.value("ui.help.social"),buttMore:n.buttMore??s.value("ui.help.more"),buttNoMore:n.buttNoMore??s.value("ui.help.hide"),helpButton:n.helpButton??[{name:s.value("ui.help.support"),link:"https://t.me/onebapp_bot",icon:L},{name:s.value("ui.help.reference"),link:d.helpSlug?`https://oneb.app/help/${d.helpSlug}`:"https://oneb.app/help",icon:E},{name:s.value("ui.help.leave_request"),link:"https://oneb.app/support",icon:Be}],helpList:n.helpList??[],video:n.video??[],socialList:n.socialList??[],termsOffer:n.termsOffer??[{name:s.value("ui.help.terms"),link:"https://oneb.app/terms-of-service"},{name:s.value("ui.help.offer"),link:"https://oneb.app/offer"}]}}),t=e.ref(!1),a=()=>{t.value=!t.value,t.value?c("open"):c("close")},p=e.computed(()=>k.value?$.render:C.render),f=e.ref(3),i=e.computed(()=>{var o;const n=((o=r.value.helpList)==null?void 0:o.length)||0;return f.value===n});e.computed(()=>(r.value.helpList||[]).slice(0,f.value));const m=()=>{var o;const n=((o=r.value.helpList)==null?void 0:o.length)||0;f.value=i.value?3:n},x=(n,o)=>{n&&o&&typeof o.openLink=="function"?o.openLink(o):n&&window.open(n,"_blank")},k=e.ref(!1),g=()=>{k.value=!k.value};return(n,o)=>(e.openBlock(),e.createElementBlock("div",{"data-opened":t.value},[e.createElementVNode("button",{onClick:a,class:e.normalizeClass(["sm:p-1 sm:w-[44px] sm:h-[44px] w-8 h-8 rounded-md hover:bg-secondary-10 flex",{"bg-secondary-10":t.value}])},[e.createVNode(e.unref(E),{class:"text-secondary-base w-full p-1 hover:text-blue-600 m-auto"})],2),t.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"fixed top-0 left-0 w-screen h-screen z-10 bg-black/10 flex flex-col",onClick:a})):e.createCommentVNode("",!0),t.value?(e.openBlock(),e.createElementBlock("div",Ve,[e.createElementVNode("div",Ne,[e.createElementVNode("div",Ce,e.toDisplayString(r.value.label),1),e.createVNode(e.unref(N.render),{class:"w-6 cursor-pointer",onClick:a})]),r.value.helpButton?(e.openBlock(),e.createElementBlock("div",$e,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.value.helpButton,l=>(e.openBlock(),e.createElementBlock("button",{key:l.name,onClick:_=>x(l.link,l),class:"grid justify-center space-y-2 hover:bg-slate-100 p-3 rounded-xl hover:text-blue-500"},[e.createElementVNode("div",null,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l==null?void 0:l.icon),{class:"w-[16px] h-[16px] mx-auto"}))]),e.createElementVNode("span",Fe,e.toDisplayString(l.name),1)],8,Ae))),128))])):e.createCommentVNode("",!0),e.createElementVNode("div",Se,[e.createElementVNode("div",Me,[r.value.helpList&&r.value.helpList.length?(e.openBlock(),e.createElementBlock("div",ze,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.value.helpList,l=>(e.openBlock(),e.createElementBlock("div",{key:l.id,onClick:_=>x(l.link,l),class:"flex justify-between items-center rounded-lg hover:bg-slate-100 p-2 cursor-pointer hover:text-[#4089E0]"},[e.createElementVNode("div",De,[e.createElementVNode("div",je,[e.createElementVNode("p",Oe,e.toDisplayString(l.name),1),e.createElementVNode("p",qe,e.toDisplayString(l.category),1)])])],8,Le))),128))])):e.createCommentVNode("",!0)])]),r.value.helpList&&r.value.helpList.length<0?(e.openBlock(),e.createElementBlock("button",{key:1,onClick:m,class:"h-11 w-full bg-[#FAFAFA] hover:bg-slate-100 p-3 text-[#525B66] rounded-b-xl text-xs hover:text-[#4089E0] font-medium"},e.toDisplayString(i.value?r.value.buttNoMore:r.value.buttMore),1)):e.createCommentVNode("",!0),e.createElementVNode("div",Ie,[r.value.video?(e.openBlock(),e.createElementBlock("div",Pe,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.value.video,l=>(e.openBlock(),e.createElementBlock("button",{key:l.id,onClick:_=>x(l.link,l),class:"flex items-center space-x-3 mt-2 w-full bg-[#FAFAFA] hover:bg-slate-100 p-4 text-[#525B66] rounded-lg text-sm hover:text-[#4089E0] font-medium"},[e.createVNode(e.unref(be),{class:"w-6 h-6"}),e.createElementVNode("span",null,e.toDisplayString(l.name),1)],8,Te))),128))])):e.createCommentVNode("",!0),r.value.socialList?(e.openBlock(),e.createElementBlock("button",{key:1,onClick:g,class:"flex items-center justify-between mt-2 w-full bg-[#FAFAFA] hover:bg-slate-100 p-4 text-[#525B66] rounded-lg text-sm hover:text-[#4089E0] font-medium"},[e.createElementVNode("div",He,[e.createVNode(e.unref(z),{class:"w-6 h-6"}),e.createElementVNode("span",null,e.toDisplayString(r.value.socialButt),1)]),e.createVNode(e.unref(p),{class:"w-4 h-4"})])):e.createCommentVNode("",!0),e.createElementVNode("div",Re,[k.value?(e.openBlock(),e.createElementBlock("div",Ue,[e.createElementVNode("div",We,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.value.socialList,l=>(e.openBlock(),e.createElementBlock("button",{key:l.id,onClick:_=>x(l.link,l),class:"flex items-center space-x-2 p-2 rounded-lg hover:bg-slate-100 hover:text-blue-500 tooltip"},[e.createElementVNode("div",null,[l.name?(e.openBlock(),e.createElementBlock("div",Ge,e.toDisplayString(l.name),1)):e.createCommentVNode("",!0),(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l==null?void 0:l.icon),{class:"w-[24px] h-[24px] mx-auto"}))])],8,Xe))),128))])])):e.createCommentVNode("",!0)]),e.createElementVNode("div",Je,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.value.termsOffer,l=>(e.openBlock(),e.createElementBlock("a",{key:l.name,target:"_blank",href:l.link,class:"ml-2 flex items-center rounded-lg text-xs hover:underline font-extralight cursor-pointer"},[e.createElementVNode("div",Qe,[e.createElementVNode("div",Ye,[e.createElementVNode("span",Ze,e.toDisplayString(l.name),1)])])],8,Ke))),128))])])])):e.createCommentVNode("",!0)],8,Ee))}});const tt=A._export_sfc(et,[["__scopeId","data-v-56eccaba"]]);exports.OneBrowserMenu=we;exports.OneHelpMenu=tt;exports._sfc_main=F;exports._sfc_main$1=b;exports._sfc_main$2=Y;exports.browserMenuProps=S;exports.render=M;exports.render$1=z;exports.render$2=L;