@oneb/ui-vue 0.2.13 → 0.2.15

package/dist/OneHelpMenu-c0d3251c.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),x=require("./OneAvatar.vue_vue_type_script_setup_true_lang-2d9f44f1.cjs"),$=require("./XMarkIcon-f94baa4c.cjs"),_=require("./ChevronRightIcon-6aa413c4.cjs"),j=require("./button/index.cjs"),A=require("./_plugin-vue_export-helper-f246444f.cjs"),F={title:{type:String},stick:{type:String,default:"right"}},O={variant:{type:String,default:"primary"},label:{type:String},icon:{type:[Function,Object]}},P={modelValue:{type:[Object,null],default:null},items:{type:Array,default:()=>[]},title:{type:String},placeholder:{type:String,default:"Select"},searchPlaceholder:{type:String,default:"Search"},labelKey:{type:String,default:"label"},valueKey:{type:String,default:"id"},stick:{type:String,default:"bottom-start"},allowEmpty:{type:Boolean,default:!1},emptyLabel:{type:String},createLabel:{type:String},searchable:{type:Boolean,default:!0},isLoading:{type:Boolean,default:!1},groupKey:{type:String},maxWidth:{type:String}},q=["data-opened"],I={key:0,class:"text-sm text-secondary-content px-3 py-2 text-left"},L=e.defineComponent({__name:"OneDropdown",props:F,emits:["open","close"],setup(f,{emit:a}){const d=e.ref(!1),i=e.ref(null),s=a,r=f,c=()=>{d.value=!d.value,d.value?s("open"):s("close")};e.provide("OneDropdown",{onToggle:c});const n=e.computed(()=>{var k;const t=(k=i.value)==null?void 0:k.getBoundingClientRect(),p=t?t.x<270:!1;return t&&t.top+270>window.innerHeight?"up"+(p?"-right":"-left"):"down"+(p?"-right":"-left")}),h=e.computed(()=>{const t=["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 n.value.startsWith("up")?t.push("bottom-1 mb-10"):n.value.startsWith("down")&&t.push("top-1 mt-10"),r.stick==="right"?t.push("right-0"):r.stick==="left"&&t.push("left-0"),t});return(t,p)=>(e.openBlock(),e.createElementBlock("div",{class:"relative inline-block",ref_key:"menuRef",ref:i,"data-opened":d.value},[e.renderSlot(t.$slots,"button",e.normalizeProps(e.guardReactiveProps({onToggle:c,isExpanded:d.value}))),d.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"fixed top-0 left-0 w-screen h-screen z-10",onClick:c})):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(()=>[d.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["menu",h.value]),role:"menu","aria-orientation":"vertical",tabindex:"-1"},[t.title?(e.openBlock(),e.createElementBlock("div",I,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"menu",e.normalizeProps(e.guardReactiveProps({onToggle:c})))],2)):e.createCommentVNode("",!0)]),_:3})],8,q))}}),B=e.defineComponent({__name:"OneDropdownItem",props:O,emits:["click"],setup(f,{emit:a}){const d=a,i=f,s=e.inject("OneDropdown"),r=()=>{s!==void 0&&s.onToggle(),d("click")},c=e.computed(()=>{const n=[];return i.variant==="secondary"?n.push("text-secondary-content hover:bg-secondary-body-hover"):i.variant==="danger"?n.push("text-danger-content hover:bg-danger-10"):i.variant==="warning"?n.push("text-warning-content hover:bg-warning-10"):i.variant==="info"?n.push("text-info-content hover:bg-info-10"):n.push("hover:bg-secondary-body-hover"),n});return(n,h)=>(e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass(["px-3 py-1.5 flex items-center space-x-3 w-full whitespace-nowrap",c.value]),onClick:e.withModifiers(r,["prevent"])},[n.icon?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.icon),{key:0,class:"w-4 h-4"})):e.createCommentVNode("",!0),e.createElementVNode("span",null,e.toDisplayString(n.label),1)],2))}});function H(f,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:"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 T={user:{type:Object,required:!0},menu:{type:Array,default:()=>[]},iconSize:{type:String,default:"34"},app:{type:Object},accountLabel:{type:String,default:"Account"},logoutLabel:{type:String,default:"Logout"},versionLabel:{type:String,default:""},onAccount:{type:Function},onLogout:{type:Function}},D={workspace:{type:Object,required:!0},workspaces:{type:Array},apps:{type:Array,required:!0},iconSize:{type:String,default:"24"},appsTitle:{type:String,default:"Ваші додатки"},changeLabel:{type:String,default:"Керувати робочими просторами"},onChange:{type:Function},onApp:{type:Function}},R={help:{type:Object,required:!0}},W=["onClick"],K={class:"flex flex-col items-center pt-5 pb-2 h-full"},U={class:"flex flex-col px-10 py-1 mt-2 text-center"},X={class:"self-center text-base font-medium tracking-wide text-black"},G={class:"mt-1 text-xs leading-5 text-blue-500 font-light"},J={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:T,setup(f){const a=f,d=e.computed(()=>{var r;return(r=a.menu)==null?void 0:r.map(c=>{let n={label:c.label};c.icon!=null&&(n={...n,icon:c.icon});const h=typeof c.click=="function"?c.click:()=>{};return{key:c.label,args:n,click:h}})}),i=()=>{typeof a.onAccount=="function"&&a.onAccount()},s=()=>{typeof a.onLogout=="function"&&a.onLogout()};return(r,c)=>(e.openBlock(),e.createBlock(L,{stick:"right"},{button:e.withCtx(({onToggle:n,isExpanded:h})=>{var t,p;return[e.createElementVNode("button",{onClick:n,class:e.normalizeClass(["p-1 rounded-full hover:bg-secondary-10",[h?"bg-secondary-25":""]])},[e.createVNode(x._sfc_main,{text:((t=r.user)==null?void 0:t.name)||"",size:r.iconSize,src:(p=r.user)==null?void 0:p.photo_url,rounded:!0},null,8,["text","size","src"])],10,W)]}),menu:e.withCtx(()=>{var n,h,t,p,k;return[e.createElementVNode("div",K,[e.createVNode(x._sfc_main,{text:((n=r.user)==null?void 0:n.name)||"",size:80,src:(h=r.user)==null?void 0:h.photo_url,rounded:!0,class:"mx-auto"},null,8,["text","src"]),e.createElementVNode("div",U,[e.createElementVNode("div",X,e.toDisplayString((t=r.user)==null?void 0:t.name),1),e.createElementVNode("div",G,e.toDisplayString((p=r.user)==null?void 0:p.email),1)]),typeof a.onAccount=="function"?(e.openBlock(),e.createElementBlock("a",{key:0,onClick:i,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(r.accountLabel),1)):e.createCommentVNode("",!0),e.createElementVNode("div",J,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(d.value,v=>(e.openBlock(),e.createBlock(B,e.mergeProps({key:v.key,ref_for:!0},v.args,{onClick:v.click}),null,16,["onClick"]))),128)),typeof r.onLogout=="function"?(e.openBlock(),e.createBlock(B,{key:0,icon:e.unref(H),label:r.logoutLabel,class:"rounded py-3",onClick:s},null,8,["icon","label"])):e.createCommentVNode("",!0)]),c[0]||(c[0]=e.createElementVNode("div",{class:"space-y-2 text-center",style:{width:"240px"}},null,-1)),e.createElementVNode("div",Q,e.toDisplayString((k=r.app)==null?void 0:k.version),1)])]}),_:1}))}});function z(f,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("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"},de={class:"px-3 py-2"},pe={class:"text-secondary-content text-left pb-1 text-xs uppercase"},ue={class:"overflow-auto max-h-full"},me={key:0,class:"space-y-2"},he=["onClick"],fe={class:"flex"},ke={class:"border border-secondary-stroke rounded-2xl w-14 h-14 md:w-14 md:h-14 flex items-center justify-center"},ge={class:"pl-2"},ve={class:"text-sm mt-1 font-semibold"},ye={class:"text9 mt-1"},xe={key:1,class:"mt-2 w-full bg-[#FAFAFA] hover:bg-secondary-10 p-2 rounded-lg mb-5 text-xs hidden"},_e=e.defineComponent({__name:"OneBrowserMenu",props:D,emits:["open","close"],setup(f,{emit:a}){const d=a,i=f,s=e.ref(!1),r=()=>{s.value=!s.value,s.value?d("open"):d("close")},c=e.ref(!1);e.computed(()=>c.value?_.render:_.render$1);const n=()=>{typeof i.onChange=="function"&&i.onChange()},h=t=>{typeof i.onApp=="function"&&i.onApp(t)};return(t,p)=>{var k,v,l,u,g,y;return e.openBlock(),e.createElementBlock("div",{"data-opened":s.value},[e.createElementVNode("button",{onClick:r,class:e.normalizeClass(["p-1 w-[44px] h-[44px] rounded-md hover:bg-secondary-10",{"bg-secondary-10":s.value}])},[e.createVNode(e.unref(z),{class:"text-secondary-base w-full p-1 hover:text-blue-600 m-auto"})],2),s.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"fixed top-0 left-0 w-screen h-screen z-10 bg-black/10",onClick:r})):e.createCommentVNode("",!0),s.value?(e.openBlock(),e.createElementBlock("div",ee,[e.createElementVNode("div",te,[e.createElementVNode("div",oe,e.toDisplayString((k=t.workspace)==null?void 0:k.title),1),e.createVNode(e.unref($.render),{class:"w-6 cursor-pointer",onClick:r})]),e.createElementVNode("div",ne,[e.createElementVNode("div",le,[e.createElementVNode("div",re,[e.createElementVNode("div",se,[e.createVNode(x._sfc_main,{text:((v=t.workspace)==null?void 0:v.name)||"",src:(l=t.workspace)==null?void 0:l.photo_url,size:44,rounded:!1,class:"mx-auto"},null,8,["text","src"])]),e.createElementVNode("div",ce,e.toDisplayString((u=t.workspace)==null?void 0:u.name),1)]),c.value?(e.openBlock(),e.createElementBlock("div",ae,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.workspaces,m=>(e.openBlock(),e.createElementBlock("div",{key:m.name,class:"flex items-center space-x-3 border-t px-5 py-2 hover:bg-secondary-10"},[e.createVNode(x._sfc_main,{text:m.name,src:m.photo_url,size:30,rounded:!1},null,8,["text","src"]),e.createElementVNode("span",ie,e.toDisplayString(m.name),1)]))),128))])):e.createCommentVNode("",!0),p[0]||(p[0]=e.createElementVNode("hr",null,null,-1)),e.createElementVNode("div",{onClick:n,class:"text-center py-2 cursor-pointer",style:{"font-size":"10px"}},e.toDisplayString((g=t.workspace)==null?void 0:g.changeLabel),1)])]),e.createElementVNode("div",de,[e.createElementVNode("div",pe,e.toDisplayString((y=t.workspace)==null?void 0:y.appsLabel),1),e.createElementVNode("div",ue,[t.apps&&t.apps.length?(e.openBlock(),e.createElementBlock("div",me,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.apps,m=>(e.openBlock(),e.createElementBlock("div",{key:m.id,onClick:w=>h(m),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",ke,[e.createVNode(x._sfc_main,{text:m.name,src:m.photo_url,size:44,rounded:!1},null,8,["text","src"])]),e.createElementVNode("div",ge,[e.createElementVNode("p",ve,e.toDisplayString(m.name),1),e.createElementVNode("p",ye,e.toDisplayString(m==null?void 0:m.short),1)])]),e.createElementVNode("div",null,[e.createVNode(j.OneButton,{variant:"touch",icon:e.unref(_.render$2),onClick:w=>h(m)},null,8,["icon","onClick"])])],8,he))),128))])):e.createCommentVNode("",!0),t.apps&&t.apps.length?(e.openBlock(),e.createElementBlock("button",xe,e.toDisplayString("Дивитися всі"))):e.createCommentVNode("",!0)])])])):e.createCommentVNode("",!0)],8,Z)}}});const we=A._export_sfc(_e,[["__scopeId","data-v-2628df74"]]);function be(f,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:"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(f,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:"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 M(f,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:"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"})])}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"},Se={key:0,class:"grid grid-cols-3 bg-[#FAFAFA] rounded-xl text-[#525B66] mb-2"},$e=["onClick"],Ae={class:"uppercase text-[8px]"},Fe={class:"overflow-y-auto grid rounded-xl"},Le={class:"max-h-full bg-[#FAFAFA]"},De={key:0,class:"space-y-2"},ze=["onClick"],Me={class:"flex"},je={class:"pl-2"},Oe={class:"text-sm mt-1 font-semibold"},Pe={class:"text-[10px] mt-1 text-[#979CA9]"},qe={class:"mt-auto"},Ie={key:0},He=["onClick"],Te={class:"flex items-center space-x-3"},Re={class:"h-16"},We={key:0,class:"bg-[#FAFAFA] rounded-lg p-3"},Ke={class:"flex justify-between"},Ue=["onClick"],Xe={key:0,class:"tooltip-text min-w-[70px]"},Ge={class:"flex justify-between mb-4"},Je=["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(f,{emit:a}){const d=a,i=f,s=e.ref(!1),r=()=>{s.value=!s.value,s.value?d("open"):d("close")},c=e.computed(()=>k.value?_.render:_.render$1),n=e.ref(3),h=e.computed(()=>{var u,g;const l=((g=(u=i.help)==null?void 0:u.helpList)==null?void 0:g.length)||0;return n.value===l});e.computed(()=>{var u;return(((u=i.help)==null?void 0:u.helpList)||[]).slice(0,n.value)});const t=()=>{var u,g;const l=((g=(u=i.help)==null?void 0:u.helpList)==null?void 0:g.length)||0;n.value=h.value?3:l},p=(l,u)=>{l&&u&&typeof u.openLink=="function"?u.openLink(u):l&&window.open(l,"_blank")},k=e.ref(!1),v=()=>{k.value=!k.value};return(l,u)=>{var g,y,m,w,E,V,N,C,S;return e.openBlock(),e.createElementBlock("div",{"data-opened":s.value},[e.createElementVNode("button",{onClick:r,class:e.normalizeClass(["p-1 w-[44px] h-[44px] rounded-md hover:bg-secondary-10",{"bg-secondary-10":s.value}])},[e.createVNode(e.unref(be),{class:"text-secondary-base w-full p-1 hover:text-blue-600 m-auto"})],2),s.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:r})):e.createCommentVNode("",!0),s.value?(e.openBlock(),e.createElementBlock("div",Ve,[e.createElementVNode("div",Ne,[e.createElementVNode("div",Ce,e.toDisplayString((g=l.help)==null?void 0:g.label),1),e.createVNode(e.unref($.render),{class:"w-6 cursor-pointer",onClick:r})]),(y=l.help)!=null&&y.helpButton?(e.openBlock(),e.createElementBlock("div",Se,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList((m=l.help)==null?void 0:m.helpButton,o=>(e.openBlock(),e.createElementBlock("button",{key:o.name,onClick:b=>p(o.link,o),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(o==null?void 0:o.icon),{class:"w-[16px] h-[16px] mx-auto"}))]),e.createElementVNode("span",Ae,e.toDisplayString(o.name),1)],8,$e))),128))])):e.createCommentVNode("",!0),e.createElementVNode("div",Fe,[e.createElementVNode("div",Le,[(w=l.help)!=null&&w.helpList&&l.help.helpList.length?(e.openBlock(),e.createElementBlock("div",De,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.help.helpList,o=>(e.openBlock(),e.createElementBlock("div",{key:o.id,onClick:b=>p(o.link,o),class:"flex justify-between items-center rounded-lg hover:bg-slate-100 p-2 cursor-pointer hover:text-[#4089E0]"},[e.createElementVNode("div",Me,[e.createElementVNode("div",je,[e.createElementVNode("p",Oe,e.toDisplayString(o.name),1),e.createElementVNode("p",Pe,e.toDisplayString(o.category),1)])])],8,ze))),128))])):e.createCommentVNode("",!0)])]),(E=l.help)!=null&&E.helpList&&l.help.helpList.length<0?(e.openBlock(),e.createElementBlock("button",{key:1,onClick:t,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(h.value?l.help.buttNoMore:l.help.buttMore),1)):e.createCommentVNode("",!0),e.createElementVNode("div",qe,[(V=l.help)!=null&&V.video?(e.openBlock(),e.createElementBlock("div",Ie,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.help.video,o=>(e.openBlock(),e.createElementBlock("button",{key:o.id,onClick:b=>p(o.link,o),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(o.name),1)],8,He))),128))])):e.createCommentVNode("",!0),(N=l.help)!=null&&N.socialList?(e.openBlock(),e.createElementBlock("button",{key:1,onClick:v,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",Te,[e.createVNode(e.unref(M),{class:"w-6 h-6"}),e.createElementVNode("span",null,e.toDisplayString(l.help.socialButt),1)]),e.createVNode(e.unref(c),{class:"w-4 h-4"})])):e.createCommentVNode("",!0),e.createElementVNode("div",Re,[k.value?(e.openBlock(),e.createElementBlock("div",We,[e.createElementVNode("div",Ke,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList((C=l.help)==null?void 0:C.socialList,o=>(e.openBlock(),e.createElementBlock("button",{key:o.id,onClick:b=>p(o.link,o),class:"flex items-center space-x-2 p-2 rounded-lg hover:bg-slate-100 hover:text-blue-500 tooltip"},[e.createElementVNode("div",null,[o.name?(e.openBlock(),e.createElementBlock("div",Xe,e.toDisplayString(o.name),1)):e.createCommentVNode("",!0),(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o==null?void 0:o.icon),{class:"w-[24px] h-[24px] mx-auto"}))])],8,Ue))),128))])])):e.createCommentVNode("",!0)]),e.createElementVNode("div",Ge,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList((S=l.help)==null?void 0:S.termsOffer,o=>(e.openBlock(),e.createElementBlock("a",{key:o.name,target:"_blank",href:o.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(o.name),1)])])],8,Je))),128))])])])):e.createCommentVNode("",!0)],8,Ee)}}});const tt=A._export_sfc(et,[["__scopeId","data-v-071eaf70"]]);exports.OneBrowserMenu=we;exports.OneHelpMenu=tt;exports._sfc_main=L;exports._sfc_main$1=B;exports._sfc_main$2=Y;exports.browserMenuProps=D;exports.dropdownProps=F;exports.dropdownSelectProps=P;exports.render=z;exports.render$1=M;

package/dist/dataTable/OneColumn.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

package/dist/dataTable/OneDataTable.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

package/dist/dataTable/OneDataTablePaginator.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

package/dist/dataTable/dataTable.d.ts

@@ -0,0 +1,216 @@
+import type { ExtractPropTypes, InjectionKey } from 'vue';
+export type SortOrder = 1 | -1 | null;
+export type SelectionMode = 'single' | 'multiple';
+export type FilterMatchMode = 'contains' | 'startsWith' | 'endsWith' | 'equals' | 'notEquals';
+export interface FilterMeta {
+    value: any;
+    matchMode?: FilterMatchMode;
+}
+export interface SortEvent {
+    field: string;
+    order: SortOrder;
+}
+export interface PageEvent {
+    first: number;
+    rows: number;
+    page: number;
+    pageCount: number;
+}
+export interface FilterEvent {
+    filters: Record<string, FilterMeta>;
+}
+export interface RowClickEvent {
+    originalEvent: Event;
+    data: any;
+    index: number;
+}
+export interface RowToggleEvent {
+    originalEvent: Event;
+    data: any;
+}
+export declare const columnProps: {
+    field: {
+        type: StringConstructor;
+        required: boolean;
+    };
+    header: {
+        type: StringConstructor;
+        required: boolean;
+    };
+    sortable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    sortField: {
+        type: StringConstructor;
+        required: boolean;
+    };
+    filterable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    filterField: {
+        type: StringConstructor;
+        required: boolean;
+    };
+    expander: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    width: {
+        type: StringConstructor;
+        required: boolean;
+    };
+    headerClass: {
+        type: StringConstructor;
+        required: boolean;
+    };
+    bodyClass: {
+        type: StringConstructor;
+        required: boolean;
+    };
+    headerStyle: {
+        type: PropType<string | Record<string, any>>;
+        required: boolean;
+    };
+    bodyStyle: {
+        type: PropType<string | Record<string, any>>;
+        required: boolean;
+    };
+};
+export type ColumnProps = ExtractPropTypes<typeof columnProps>;
+export declare const dataTableProps: {
+    value: {
+        type: PropType<any[]>;
+        default: () => any[];
+    };
+    dataKey: {
+        type: StringConstructor;
+        required: boolean;
+    };
+    lazy: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    paginator: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    rows: {
+        type: NumberConstructor;
+        default: number;
+    };
+    first: {
+        type: NumberConstructor;
+        default: number;
+    };
+    totalRecords: {
+        type: NumberConstructor;
+        required: boolean;
+    };
+    rowsPerPageOptions: {
+        type: PropType<number[]>;
+        default: () => number[];
+    };
+    sortField: {
+        type: PropType<string>;
+        required: boolean;
+    };
+    sortOrder: {
+        type: PropType<SortOrder>;
+        default: any;
+    };
+    selectionMode: {
+        type: PropType<SelectionMode>;
+        required: boolean;
+    };
+    selection: {
+        type: PropType<any>;
+        required: boolean;
+    };
+    expandedRows: {
+        type: PropType<any[] | Record<string, boolean>>;
+        default: () => any[];
+    };
+    filters: {
+        type: PropType<Record<string, FilterMeta>>;
+        required: boolean;
+    };
+    filterDisplay: {
+        type: PropType<"row">;
+        default: any;
+    };
+    globalFilterFields: {
+        type: PropType<string[]>;
+        required: boolean;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    emptyMessage: {
+        type: StringConstructor;
+        default: string;
+    };
+    striped: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hoverable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    bordered: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: PropType<"sm" | "md" | "lg">;
+        default: string;
+    };
+    tableClass: {
+        type: StringConstructor;
+        required: boolean;
+    };
+    hasNextPage: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    loadingNext: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    loadMoreLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+};
+export type DataTableProps = ExtractPropTypes<typeof dataTableProps>;
+export interface ColumnContext {
+    props: ColumnProps;
+    slots: Record<string, any>;
+}
+export interface DataTableContext {
+    registerColumn: (column: ColumnContext) => void;
+    unregisterColumn: (column: ColumnContext) => void;
+}
+export declare const DataTableKey: InjectionKey<DataTableContext>;
+export type DataTableEmits = {
+    'update:selection': [value: any | any[]];
+    'update:expandedRows': [value: any[] | Record<string, boolean>];
+    'update:first': [value: number];
+    'update:rows': [value: number];
+    'update:sortField': [value: string];
+    'update:sortOrder': [value: SortOrder];
+    'update:filters': [value: Record<string, FilterMeta>];
+    'sort': [event: SortEvent];
+    'page': [event: PageEvent];
+    'filter': [event: FilterEvent];
+    'row-click': [event: RowClickEvent];
+    'row-select': [event: RowToggleEvent];
+    'row-unselect': [event: RowToggleEvent];
+    'row-expand': [event: RowToggleEvent];
+    'row-collapse': [event: RowToggleEvent];
+    'load:next': [];
+};
+export declare const filterMatchModes: Record<FilterMatchMode, (value: any, filterValue: any) => boolean>;

package/dist/dataTable/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../index-bf8920c1.cjs");require("vue");require("../ChevronRightIcon-6aa413c4.cjs");require("../SpinnerIcon-89c60210.cjs");require("../_plugin-vue_export-helper-f246444f.cjs");exports.OneColumn=e._sfc_main$1;exports.OneDataTable=e._sfc_main;exports.OneDataTablePaginator=e._sfc_main$2;

package/dist/dataTable/index.d.ts

@@ -0,0 +1,4 @@
+export { default as OneDataTable } from './OneDataTable.vue';
+export { default as OneColumn } from './OneColumn.vue';
+export { default as OneDataTablePaginator } from './OneDataTablePaginator.vue';
+export type { DataTableProps, ColumnProps, SortOrder, SelectionMode, FilterMatchMode, FilterMeta, SortEvent, PageEvent, FilterEvent, RowClickEvent, RowToggleEvent, DataTableEmits } from './dataTable';

package/dist/dataTable/index.js

@@ -0,0 +1,10 @@
+import { a as i, _ as n, b as p } from "../index-b101fe42.js";
+import "vue";
+import "../ChevronRightIcon-8df1af46.js";
+import "../SpinnerIcon-24e552a8.js";
+import "../_plugin-vue_export-helper-dad06003.js";
+export {
+  i as OneColumn,
+  n as OneDataTable,
+  p as OneDataTablePaginator
+};

package/dist/dataTable/util.d.ts

@@ -0,0 +1,11 @@
+import type { SortOrder } from './dataTable';
+export declare const makeTableWrapperClass: () => string[];
+export declare const makeTableClass: (size: 'sm' | 'md' | 'lg') => string[];
+export declare const makeHeaderCellClass: (size: 'sm' | 'md' | 'lg', sortable: boolean) => string[];
+export declare const makeBodyCellClass: (size: 'sm' | 'md' | 'lg', bordered: boolean) => string[];
+export declare const makeRowClass: (striped: boolean, hoverable: boolean, isEven: boolean, isSelected: boolean) => string[];
+export declare const makeSortIconClass: (isActive: boolean, order: SortOrder) => string[];
+export declare const makeCheckboxCellClass: (size: 'sm' | 'md' | 'lg') => string[];
+export declare const makeExpanderCellClass: (size: 'sm' | 'md' | 'lg') => string[];
+export declare const makePaginatorClass: () => string[];
+export declare const makeFilterCellClass: (size: 'sm' | 'md' | 'lg') => string[];

package/dist/dropdown/OneDropdownSelect.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

package/dist/dropdown/dropdown.d.ts

@@ -22,3 +22,61 @@ export declare const dropdownItemProps: {
     };
 };
 export type DropdownItemProps = ExtractPropTypes<typeof dropdownItemProps>;
+export declare const dropdownSelectProps: {
+    modelValue: {
+        type: PropType<Record<string, any>>;
+        default: any;
+    };
+    items: {
+        type: PropType<Record<string, any>[]>;
+        default: () => any[];
+    };
+    title: {
+        type: StringConstructor;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    searchPlaceholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    labelKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    valueKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    stick: {
+        type: PropType<"top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end">;
+        default: string;
+    };
+    allowEmpty: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    emptyLabel: {
+        type: StringConstructor;
+    };
+    createLabel: {
+        type: StringConstructor;
+    };
+    searchable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isLoading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    groupKey: {
+        type: StringConstructor;
+    };
+    maxWidth: {
+        type: StringConstructor;
+    };
+};
+export type DropdownSelectProps = ExtractPropTypes<typeof dropdownSelectProps>;

package/dist/dropdown/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const D=require("../OneHelpMenu-b9ca7ee4.cjs"),c=require("vue"),Pt=require("../_plugin-vue_export-helper-f246444f.cjs"),wt=require("../OneAvatar.vue_vue_type_script_setup_true_lang-2d9f44f1.cjs");require("../XMarkIcon-f94baa4c.cjs");require("../button/index.cjs");require("../SpinnerIcon-89c60210.cjs");const st=Math.min,P=Math.max,K=Math.round,G=Math.floor,O=t=>({x:t,y:t}),Mt={left:"right",right:"left",bottom:"top",top:"bottom"},$t={start:"end",end:"start"};function ct(t,e){return typeof t=="function"?t(e):t}function $(t){return t.split("-")[0]}function Z(t){return t.split("-")[1]}function zt(t){return t==="x"?"y":"x"}function Ot(t){return t==="y"?"height":"width"}function j(t){return["top","bottom"].includes($(t))?"y":"x"}function Ct(t){return zt(j(t))}function Wt(t,e,o){o===void 0&&(o=!1);const n=Z(t),i=Ct(t),r=Ot(i);let s=i==="x"?n===(o?"end":"start")?"right":"left":n==="start"?"bottom":"top";return e.reference[r]>e.floating[r]&&(s=J(s)),[s,J(s)]}function Ht(t){const e=J(t);return[rt(t),e,rt(e)]}function rt(t){return t.replace(/start|end/g,e=>$t[e])}function qt(t,e,o){const n=["left","right"],i=["right","left"],r=["top","bottom"],s=["bottom","top"];switch(t){case"top":case"bottom":return o?e?i:n:e?n:i;case"left":case"right":return e?r:s;default:return[]}}function It(t,e,o,n){const i=Z(t);let r=qt($(t),o==="start",n);return i&&(r=r.map(s=>s+"-"+i),e&&(r=r.concat(r.map(rt)))),r}function J(t){return t.replace(/left|right|bottom|top/g,e=>Mt[e])}function jt(t){return{top:0,right:0,bottom:0,left:0,...t}}function Ut(t){return typeof t!="number"?jt(t):{top:t,right:t,bottom:t,left:t}}function Q(t){const{x:e,y:o,width:n,height:i}=t;return{width:n,height:i,top:o,left:e,right:e+n,bottom:o+i,x:e,y:o}}function yt(t,e,o){let{reference:n,floating:i}=t;const r=j(e),s=Ct(e),l=Ot(s),a=$(e),f=r==="y",u=n.x+n.width/2-i.width/2,d=n.y+n.height/2-i.height/2,m=n[l]/2-i[l]/2;let p;switch(a){case"top":p={x:u,y:n.y-i.height};break;case"bottom":p={x:u,y:n.y+n.height};break;case"right":p={x:n.x+n.width,y:d};break;case"left":p={x:n.x-i.width,y:d};break;default:p={x:n.x,y:n.y}}switch(Z(e)){case"start":p[s]-=m*(o&&f?-1:1);break;case"end":p[s]+=m*(o&&f?-1:1);break}return p}const Yt=async(t,e,o)=>{const{placement:n="bottom",strategy:i="absolute",middleware:r=[],platform:s}=o,l=r.filter(Boolean),a=await(s.isRTL==null?void 0:s.isRTL(e));let f=await s.getElementRects({reference:t,floating:e,strategy:i}),{x:u,y:d}=yt(f,n,a),m=n,p={},h=0;for(let w=0;w<l.length;w++){const{name:y,fn:g}=l[w],{x:v,y:b,data:_,reset:x}=await g({x:u,y:d,initialPlacement:n,placement:m,strategy:i,middlewareData:p,rects:f,platform:s,elements:{reference:t,floating:e}});u=v??u,d=b??d,p={...p,[y]:{...p[y],..._}},x&&h<=50&&(h++,typeof x=="object"&&(x.placement&&(m=x.placement),x.rects&&(f=x.rects===!0?await s.getElementRects({reference:t,floating:e,strategy:i}):x.rects),{x:u,y:d}=yt(f,m,a)),w=-1)}return{x:u,y:d,placement:m,strategy:i,middlewareData:p}};async function Xt(t,e){var o;e===void 0&&(e={});const{x:n,y:i,platform:r,rects:s,elements:l,strategy:a}=t,{boundary:f="clippingAncestors",rootBoundary:u="viewport",elementContext:d="floating",altBoundary:m=!1,padding:p=0}=ct(e,t),h=Ut(p),y=l[m?d==="floating"?"reference":"floating":d],g=Q(await r.getClippingRect({element:(o=await(r.isElement==null?void 0:r.isElement(y)))==null||o?y:y.contextElement||await(r.getDocumentElement==null?void 0:r.getDocumentElement(l.floating)),boundary:f,rootBoundary:u,strategy:a})),v=d==="floating"?{x:n,y:i,width:s.floating.width,height:s.floating.height}:s.reference,b=await(r.getOffsetParent==null?void 0:r.getOffsetParent(l.floating)),_=await(r.isElement==null?void 0:r.isElement(b))?await(r.getScale==null?void 0:r.getScale(b))||{x:1,y:1}:{x:1,y:1},x=Q(r.convertOffsetParentRelativeRectToViewportRelativeRect?await r.convertOffsetParentRelativeRectToViewportRelativeRect({elements:l,rect:v,offsetParent:b,strategy:a}):v);return{top:(g.top-x.top+h.top)/_.y,bottom:(x.bottom-g.bottom+h.bottom)/_.y,left:(g.left-x.left+h.left)/_.x,right:(x.right-g.right+h.right)/_.x}}const Gt=function(t){return t===void 0&&(t={}),{name:"flip",options:t,async fn(e){var o,n;const{placement:i,middlewareData:r,rects:s,initialPlacement:l,platform:a,elements:f}=e,{mainAxis:u=!0,crossAxis:d=!0,fallbackPlacements:m,fallbackStrategy:p="bestFit",fallbackAxisSideDirection:h="none",flipAlignment:w=!0,...y}=ct(t,e);if((o=r.arrow)!=null&&o.alignmentOffset)return{};const g=$(i),v=j(l),b=$(l)===l,_=await(a.isRTL==null?void 0:a.isRTL(f.floating)),x=m||(b||!w?[J(l)]:Ht(l)),H=h!=="none";!m&&H&&x.push(...It(l,w,h,_));const B=[l,...x],ot=await Xt(e,y),X=[];let q=((n=r.flip)==null?void 0:n.overflows)||[];if(u&&X.push(ot[g]),d){const V=Wt(i,s,_);X.push(ot[V[0]],ot[V[1]])}if(q=[...q,{placement:i,overflows:X}],!X.every(V=>V<=0)){var pt,mt;const V=(((pt=r.flip)==null?void 0:pt.index)||0)+1,gt=B[V];if(gt)return{data:{index:V,overflows:q},reset:{placement:gt}};let I=(mt=q.filter(F=>F.overflows[0]<=0).sort((F,S)=>F.overflows[1]-S.overflows[1])[0])==null?void 0:mt.placement;if(!I)switch(p){case"bestFit":{var ht;const F=(ht=q.filter(S=>{if(H){const L=j(S.placement);return L===v||L==="y"}return!0}).map(S=>[S.placement,S.overflows.filter(L=>L>0).reduce((L,Ft)=>L+Ft,0)]).sort((S,L)=>S[1]-L[1])[0])==null?void 0:ht[0];F&&(I=F);break}case"initialPlacement":I=l;break}if(i!==I)return{reset:{placement:I}}}return{}}}};async function Kt(t,e){const{placement:o,platform:n,elements:i}=t,r=await(n.isRTL==null?void 0:n.isRTL(i.floating)),s=$(o),l=Z(o),a=j(o)==="y",f=["left","top"].includes(s)?-1:1,u=r&&a?-1:1,d=ct(e,t);let{mainAxis:m,crossAxis:p,alignmentAxis:h}=typeof d=="number"?{mainAxis:d,crossAxis:0,alignmentAxis:null}:{mainAxis:d.mainAxis||0,crossAxis:d.crossAxis||0,alignmentAxis:d.alignmentAxis};return l&&typeof h=="number"&&(p=l==="end"?h*-1:h),a?{x:p*u,y:m*f}:{x:m*f,y:p*u}}const Jt=function(t){return t===void 0&&(t=0),{name:"offset",options:t,async fn(e){var o,n;const{x:i,y:r,placement:s,middlewareData:l}=e,a=await Kt(e,t);return s===((o=l.offset)==null?void 0:o.placement)&&(n=l.arrow)!=null&&n.alignmentOffset?{}:{x:i+a.x,y:r+a.y,data:{...a,placement:s}}}}};function tt(){return typeof window<"u"}function W(t){return Rt(t)?(t.nodeName||"").toLowerCase():"#document"}function k(t){var e;return(t==null||(e=t.ownerDocument)==null?void 0:e.defaultView)||window}function R(t){var e;return(e=(Rt(t)?t.ownerDocument:t.document)||window.document)==null?void 0:e.documentElement}function Rt(t){return tt()?t instanceof Node||t instanceof k(t).Node:!1}function E(t){return tt()?t instanceof Element||t instanceof k(t).Element:!1}function C(t){return tt()?t instanceof HTMLElement||t instanceof k(t).HTMLElement:!1}function xt(t){return!tt()||typeof ShadowRoot>"u"?!1:t instanceof ShadowRoot||t instanceof k(t).ShadowRoot}function Y(t){const{overflow:e,overflowX:o,overflowY:n,display:i}=A(t);return/auto|scroll|overlay|hidden|clip/.test(e+n+o)&&!["inline","contents"].includes(i)}function Qt(t){return["table","td","th"].includes(W(t))}function et(t){return[":popover-open",":modal"].some(e=>{try{return t.matches(e)}catch{return!1}})}function at(t){const e=ft(),o=E(t)?A(t):t;return["transform","translate","scale","rotate","perspective"].some(n=>o[n]?o[n]!=="none":!1)||(o.containerType?o.containerType!=="normal":!1)||!e&&(o.backdropFilter?o.backdropFilter!=="none":!1)||!e&&(o.filter?o.filter!=="none":!1)||["transform","translate","scale","rotate","perspective","filter"].some(n=>(o.willChange||"").includes(n))||["paint","layout","strict","content"].some(n=>(o.contain||"").includes(n))}function Zt(t){let e=T(t);for(;C(e)&&!z(e);){if(at(e))return e;if(et(e))return null;e=T(e)}return null}function ft(){return typeof CSS>"u"||!CSS.supports?!1:CSS.supports("-webkit-backdrop-filter","none")}function z(t){return["html","body","#document"].includes(W(t))}function A(t){return k(t).getComputedStyle(t)}function nt(t){return E(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.scrollX,scrollTop:t.scrollY}}function T(t){if(W(t)==="html")return t;const e=t.assignedSlot||t.parentNode||xt(t)&&t.host||R(t);return xt(e)?e.host:e}function Dt(t){const e=T(t);return z(e)?t.ownerDocument?t.ownerDocument.body:t.body:C(e)&&Y(e)?e:Dt(e)}function U(t,e,o){var n;e===void 0&&(e=[]),o===void 0&&(o=!0);const i=Dt(t),r=i===((n=t.ownerDocument)==null?void 0:n.body),s=k(i);if(r){const l=lt(s);return e.concat(s,s.visualViewport||[],Y(i)?i:[],l&&o?U(l):[])}return e.concat(i,U(i,[],o))}function lt(t){return t.parent&&Object.getPrototypeOf(t.parent)?t.frameElement:null}function St(t){const e=A(t);let o=parseFloat(e.width)||0,n=parseFloat(e.height)||0;const i=C(t),r=i?t.offsetWidth:o,s=i?t.offsetHeight:n,l=K(o)!==r||K(n)!==s;return l&&(o=r,n=s),{width:o,height:n,$:l}}function ut(t){return E(t)?t:t.contextElement}function M(t){const e=ut(t);if(!C(e))return O(1);const o=e.getBoundingClientRect(),{width:n,height:i,$:r}=St(e);let s=(r?K(o.width):o.width)/n,l=(r?K(o.height):o.height)/i;return(!s||!Number.isFinite(s))&&(s=1),(!l||!Number.isFinite(l))&&(l=1),{x:s,y:l}}const te=O(0);function Lt(t){const e=k(t);return!ft()||!e.visualViewport?te:{x:e.visualViewport.offsetLeft,y:e.visualViewport.offsetTop}}function ee(t,e,o){return e===void 0&&(e=!1),!o||e&&o!==k(t)?!1:e}function N(t,e,o,n){e===void 0&&(e=!1),o===void 0&&(o=!1);const i=t.getBoundingClientRect(),r=ut(t);let s=O(1);e&&(n?E(n)&&(s=M(n)):s=M(t));const l=ee(r,o,n)?Lt(r):O(0);let a=(i.left+l.x)/s.x,f=(i.top+l.y)/s.y,u=i.width/s.x,d=i.height/s.y;if(r){const m=k(r),p=n&&E(n)?k(n):n;let h=m,w=lt(h);for(;w&&n&&p!==h;){const y=M(w),g=w.getBoundingClientRect(),v=A(w),b=g.left+(w.clientLeft+parseFloat(v.paddingLeft))*y.x,_=g.top+(w.clientTop+parseFloat(v.paddingTop))*y.y;a*=y.x,f*=y.y,u*=y.x,d*=y.y,a+=b,f+=_,h=k(w),w=lt(h)}}return Q({width:u,height:d,x:a,y:f})}function dt(t,e){const o=nt(t).scrollLeft;return e?e.left+o:N(R(t)).left+o}function Tt(t,e,o){o===void 0&&(o=!1);const n=t.getBoundingClientRect(),i=n.left+e.scrollLeft-(o?0:dt(t,n)),r=n.top+e.scrollTop;return{x:i,y:r}}function ne(t){let{elements:e,rect:o,offsetParent:n,strategy:i}=t;const r=i==="fixed",s=R(n),l=e?et(e.floating):!1;if(n===s||l&&r)return o;let a={scrollLeft:0,scrollTop:0},f=O(1);const u=O(0),d=C(n);if((d||!d&&!r)&&((W(n)!=="body"||Y(s))&&(a=nt(n)),C(n))){const p=N(n);f=M(n),u.x=p.x+n.clientLeft,u.y=p.y+n.clientTop}const m=s&&!d&&!r?Tt(s,a,!0):O(0);return{width:o.width*f.x,height:o.height*f.y,x:o.x*f.x-a.scrollLeft*f.x+u.x+m.x,y:o.y*f.y-a.scrollTop*f.y+u.y+m.y}}function oe(t){return Array.from(t.getClientRects())}function ie(t){const e=R(t),o=nt(t),n=t.ownerDocument.body,i=P(e.scrollWidth,e.clientWidth,n.scrollWidth,n.clientWidth),r=P(e.scrollHeight,e.clientHeight,n.scrollHeight,n.clientHeight);let s=-o.scrollLeft+dt(t);const l=-o.scrollTop;return A(n).direction==="rtl"&&(s+=P(e.clientWidth,n.clientWidth)-i),{width:i,height:r,x:s,y:l}}function se(t,e){const o=k(t),n=R(t),i=o.visualViewport;let r=n.clientWidth,s=n.clientHeight,l=0,a=0;if(i){r=i.width,s=i.height;const f=ft();(!f||f&&e==="fixed")&&(l=i.offsetLeft,a=i.offsetTop)}return{width:r,height:s,x:l,y:a}}function re(t,e){const o=N(t,!0,e==="fixed"),n=o.top+t.clientTop,i=o.left+t.clientLeft,r=C(t)?M(t):O(1),s=t.clientWidth*r.x,l=t.clientHeight*r.y,a=i*r.x,f=n*r.y;return{width:s,height:l,x:a,y:f}}function vt(t,e,o){let n;if(e==="viewport")n=se(t,o);else if(e==="document")n=ie(R(t));else if(E(e))n=re(e,o);else{const i=Lt(t);n={x:e.x-i.x,y:e.y-i.y,width:e.width,height:e.height}}return Q(n)}function Vt(t,e){const o=T(t);return o===e||!E(o)||z(o)?!1:A(o).position==="fixed"||Vt(o,e)}function le(t,e){const o=e.get(t);if(o)return o;let n=U(t,[],!1).filter(l=>E(l)&&W(l)!=="body"),i=null;const r=A(t).position==="fixed";let s=r?T(t):t;for(;E(s)&&!z(s);){const l=A(s),a=at(s);!a&&l.position==="fixed"&&(i=null),(r?!a&&!i:!a&&l.position==="static"&&!!i&&["absolute","fixed"].includes(i.position)||Y(s)&&!a&&Vt(t,s))?n=n.filter(u=>u!==s):i=l,s=T(s)}return e.set(t,n),n}function ce(t){let{element:e,boundary:o,rootBoundary:n,strategy:i}=t;const s=[...o==="clippingAncestors"?et(e)?[]:le(e,this._c):[].concat(o),n],l=s[0],a=s.reduce((f,u)=>{const d=vt(e,u,i);return f.top=P(d.top,f.top),f.right=st(d.right,f.right),f.bottom=st(d.bottom,f.bottom),f.left=P(d.left,f.left),f},vt(e,l,i));return{width:a.right-a.left,height:a.bottom-a.top,x:a.left,y:a.top}}function ae(t){const{width:e,height:o}=St(t);return{width:e,height:o}}function fe(t,e,o){const n=C(e),i=R(e),r=o==="fixed",s=N(t,!0,r,e);let l={scrollLeft:0,scrollTop:0};const a=O(0);if(n||!n&&!r)if((W(e)!=="body"||Y(i))&&(l=nt(e)),n){const m=N(e,!0,r,e);a.x=m.x+e.clientLeft,a.y=m.y+e.clientTop}else i&&(a.x=dt(i));const f=i&&!n&&!r?Tt(i,l):O(0),u=s.left+l.scrollLeft-a.x-f.x,d=s.top+l.scrollTop-a.y-f.y;return{x:u,y:d,width:s.width,height:s.height}}function it(t){return A(t).position==="static"}function bt(t,e){if(!C(t)||A(t).position==="fixed")return null;if(e)return e(t);let o=t.offsetParent;return R(t)===o&&(o=o.ownerDocument.body),o}function Nt(t,e){const o=k(t);if(et(t))return o;if(!C(t)){let i=T(t);for(;i&&!z(i);){if(E(i)&&!it(i))return i;i=T(i)}return o}let n=bt(t,e);for(;n&&Qt(n)&&it(n);)n=bt(n,e);return n&&z(n)&&it(n)&&!at(n)?o:n||Zt(t)||o}const ue=async function(t){const e=this.getOffsetParent||Nt,o=this.getDimensions,n=await o(t.floating);return{reference:fe(t.reference,await e(t.floating),t.strategy),floating:{x:0,y:0,width:n.width,height:n.height}}};function de(t){return A(t).direction==="rtl"}const pe={convertOffsetParentRelativeRectToViewportRelativeRect:ne,getDocumentElement:R,getClippingRect:ce,getOffsetParent:Nt,getElementRects:ue,getClientRects:oe,getDimensions:ae,getScale:M,isElement:E,isRTL:de};function Bt(t,e){return t.x===e.x&&t.y===e.y&&t.width===e.width&&t.height===e.height}function me(t,e){let o=null,n;const i=R(t);function r(){var l;clearTimeout(n),(l=o)==null||l.disconnect(),o=null}function s(l,a){l===void 0&&(l=!1),a===void 0&&(a=1),r();const f=t.getBoundingClientRect(),{left:u,top:d,width:m,height:p}=f;if(l||e(),!m||!p)return;const h=G(d),w=G(i.clientWidth-(u+m)),y=G(i.clientHeight-(d+p)),g=G(u),b={rootMargin:-h+"px "+-w+"px "+-y+"px "+-g+"px",threshold:P(0,st(1,a))||1};let _=!0;function x(H){const B=H[0].intersectionRatio;if(B!==a){if(!_)return s();B?s(!1,B):n=setTimeout(()=>{s(!1,1e-7)},1e3)}B===1&&!Bt(f,t.getBoundingClientRect())&&s(),_=!1}try{o=new IntersectionObserver(x,{...b,root:i.ownerDocument})}catch{o=new IntersectionObserver(x,b)}o.observe(t)}return s(!0),r}function he(t,e,o,n){n===void 0&&(n={});const{ancestorScroll:i=!0,ancestorResize:r=!0,elementResize:s=typeof ResizeObserver=="function",layoutShift:l=typeof IntersectionObserver=="function",animationFrame:a=!1}=n,f=ut(t),u=i||r?[...f?U(f):[],...U(e)]:[];u.forEach(g=>{i&&g.addEventListener("scroll",o,{passive:!0}),r&&g.addEventListener("resize",o)});const d=f&&l?me(f,o):null;let m=-1,p=null;s&&(p=new ResizeObserver(g=>{let[v]=g;v&&v.target===f&&p&&(p.unobserve(e),cancelAnimationFrame(m),m=requestAnimationFrame(()=>{var b;(b=p)==null||b.observe(e)})),o()}),f&&!a&&p.observe(f),p.observe(e));let h,w=a?N(t):null;a&&y();function y(){const g=N(t);w&&!Bt(w,g)&&o(),w=g,h=requestAnimationFrame(y)}return o(),()=>{var g;u.forEach(v=>{i&&v.removeEventListener("scroll",o),r&&v.removeEventListener("resize",o)}),d==null||d(),(g=p)==null||g.disconnect(),p=null,a&&cancelAnimationFrame(h)}}const _t=Jt,kt=Gt,Et=(t,e,o)=>{const n=new Map,i={platform:pe,...o},r={...i.platform,_c:n};return Yt(t,e,{...i,platform:r})},ge=["data-opened"],we={key:0,class:"text-sm text-secondary-content px-3 py-2 text-left"},ye=c.defineComponent({__name:"OneDropdownAuto",props:D.dropdownProps,emits:["open","close"],setup(t,{emit:e}){const o=t,n=c.ref(!1),i=c.ref(null),r=c.ref(null);let s=null;c.watch(n,u=>{u&&r.value&&i.value?(Et(r.value,i.value,{placement:o.stick?o.stick:"bottom-start",middleware:[_t(5),kt()]}).then(({x:d,y:m})=>{Object.assign(i.value.style,{left:`${d}px`,top:`${m}px`})}),s=he(r.value,i.value,()=>{Et(r.value,i.value,{placement:o.stick?o.stick:"bottom-start",middleware:[_t(4),kt()]}).then(({x:d,y:m})=>{Object.assign(i.value.style,{left:`${d}px`,top:`${m}px`})})})):s&&(s(),s=null)}),c.onBeforeUnmount(()=>{s&&s()});const l=e,a=()=>{n.value=!n.value,n.value?l("open"):l("close")};c.provide("OneDropdown",{onToggle:a});const f=c.computed(()=>["absolute z-10 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(u,d)=>(c.openBlock(),c.createElementBlock("div",{class:"relative inline-block","data-opened":n.value},[c.createElementVNode("div",{ref_key:"buttonRef",ref:r},[c.renderSlot(u.$slots,"button",c.normalizeProps(c.guardReactiveProps({onToggle:a,isExpanded:n.value})))],512),n.value?(c.openBlock(),c.createElementBlock("div",{key:0,class:"fixed top-0 left-0 w-screen h-screen z-10",onClick:a})):c.createCommentVNode("",!0),c.withDirectives(c.createElementVNode("div",{ref_key:"menuRef",ref:i,class:c.normalizeClass(["menu",f.value]),role:"menu","aria-orientation":"vertical",tabindex:"-1",style:{display:"none"}},[u.title?(c.openBlock(),c.createElementBlock("div",we,c.toDisplayString(u.title),1)):c.createCommentVNode("",!0),c.renderSlot(u.$slots,"menu",c.normalizeProps(c.guardReactiveProps({onToggle:a})))],2),[[c.vShow,n.value]])],8,ge))}}),xe={},ve={class:"border-t border-secondary-stroke my-1"};function be(t,e){return c.openBlock(),c.createElementBlock("div",ve)}const _e=Pt._export_sfc(xe,[["render",be]]),ke=["onClick"],Ee={class:"grid"},Ae={class:"font-semibold px-3"},Oe={class:"rounded-lg m-3 border"},Ce={class:"space-x-2 flex items-center px-3 py-2",style:{width:"300px"}},Re={class:"flex-shrink-0"},De={class:"w-full text-left"},Se={class:"flex-shrink-0"},Le={class:"px-3 py-2"},Te={class:"text-secondary-content text-left pb-1 text-sm uppercase"},Ve={key:0,class:"space-y-2"},Ne=["onClick"],Be={class:"pl-2"},Fe={class:"text-sm mt-1"},Pe={class:"text-xs mt-1"},At=3,Me=c.defineComponent({__name:"OneBrowserMenuGrid",props:D.browserMenuProps,setup(t){const e=t,o=()=>{typeof e.onChange=="function"&&e.onChange()},n=c.ref(!1),i=c.computed(()=>e.apps?n.value?e.apps:e.apps.slice(0,At):[]),r=()=>{n.value=!n.value},s=l=>{typeof e.onApp=="function"&&e.onApp(l)};return(l,a)=>(c.openBlock(),c.createBlock(D._sfc_main,{stick:"right"},{button:c.withCtx(({onToggle:f,isExpanded:u})=>[c.createElementVNode("button",{onClick:f,class:c.normalizeClass(["p-1 rounded-md hover:bg-secondary-10",[u?"bg-secondary-25":""]])},[c.createVNode(c.unref(D.render$1),{class:"text-secondary-base",style:c.normalizeStyle(`width: ${l.iconSize}px; height: ${l.iconSize}px`)},null,8,["style"])],10,ke)]),menu:c.withCtx(()=>{var f,u,d,m;return[c.createElementVNode("div",Ee,[c.createElementVNode("div",Ae,c.toDisplayString((f=l.workspace)==null?void 0:f.title),1),c.createElementVNode("div",Oe,[c.createElementVNode("div",Ce,[c.createElementVNode("div",Re,[c.createVNode(wt._sfc_main,{text:((u=l.workspace)==null?void 0:u.name)||"",src:(d=l.workspace)==null?void 0:d.photo_url,size:44,rounded:!1,class:"mx-auto"},null,8,["text","src"])]),c.createElementVNode("div",De,c.toDisplayString((m=l.workspace)==null?void 0:m.name),1),c.createElementVNode("div",Se,[c.createElementVNode("button",{class:"text-sm border border-secondary-stroke rounded px-2 py-0.5 text-secondary-content hover:text-primary-content",onClick:o},c.toDisplayString(l.changeLabel),1)])]),a[0]||(a[0]=c.createElementVNode("hr",null,null,-1))])]),c.createElementVNode("div",Le,[c.createElementVNode("div",Te,c.toDisplayString(l.appsTitle),1),c.createElementVNode("div",null,[l.apps&&l.apps.length?(c.openBlock(),c.createElementBlock("div",Ve,[(c.openBlock(!0),c.createElementBlock(c.Fragment,null,c.renderList(i.value,p=>(c.openBlock(),c.createElementBlock("div",{key:p.id,onClick:h=>s(p),class:"flex items-center rounded-lg hover:bg-secondary-10 border p-2 bg-[#FAFAFA] cursor-pointer"},[c.createVNode(wt._sfc_main,{text:p.name,src:p.photo_url,size:44,rounded:!1},null,8,["text","src"]),c.createElementVNode("div",Be,[c.createElementVNode("p",Fe,c.toDisplayString(p.name),1),c.createElementVNode("p",Pe,c.toDisplayString(p.short),1)])],8,Ne))),128))])):c.createCommentVNode("",!0),l.apps&&l.apps.length>At?(c.openBlock(),c.createElementBlock("button",{key:1,onClick:r,class:"mt-2 w-full bg-[#FAFAFA] hover:bg-secondary-10 p-2 rounded-lg mb-5 text-xs"},c.toDisplayString(n.value?"Приховати":"Дивитися всі"),1)):c.createCommentVNode("",!0)])])]}),_:1}))}});exports.OneBrowserMenu=D.OneBrowserMenu;exports.OneDropdown=D._sfc_main;exports.OneDropdownItem=D._sfc_main$1;exports.OneHelpMenu=D.OneHelpMenu;exports.OneUserMenu=D._sfc_main$2;exports.OneBrowserMenuGrid=Me;exports.OneDropdownAuto=ye;exports.OneDropdownDivider=_e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../OneHelpMenu-c0d3251c.cjs"),r=require("../index-4ca8eb25.cjs");require("vue");require("../OneAvatar.vue_vue_type_script_setup_true_lang-2d9f44f1.cjs");require("../XMarkIcon-f94baa4c.cjs");require("../ChevronRightIcon-6aa413c4.cjs");require("../button/index.cjs");require("../SpinnerIcon-89c60210.cjs");require("../_plugin-vue_export-helper-f246444f.cjs");exports.OneBrowserMenu=e.OneBrowserMenu;exports.OneDropdown=e._sfc_main;exports.OneDropdownItem=e._sfc_main$1;exports.OneHelpMenu=e.OneHelpMenu;exports.OneUserMenu=e._sfc_main$2;exports.OneBrowserMenuGrid=r._sfc_main$1;exports.OneDropdownAuto=r._sfc_main;exports.OneDropdownDivider=r.OneDropdownDivider;exports.OneDropdownSelect=r._sfc_main$2;

package/dist/dropdown/index.d.ts

@@ -6,5 +6,6 @@ export { default as OneUserMenu } from './OneUserMenu.vue';
 export { default as OneBrowserMenu } from './OneBrowserMenu.vue';
 export { default as OneBrowserMenuGrid } from './OneBrowserMenuGrid.vue';
 export { default as OneHelpMenu } from './OneHelpMenu.vue';
-export type { DropdownProps, DropdownItemProps } from './dropdown';
+export { default as OneDropdownSelect } from './OneDropdownSelect.vue';
+export type { DropdownProps, DropdownItemProps, DropdownSelectProps } from './dropdown';
 export type { UserMenuProps, BrowserMenuProps, helpMenuProps } from './menu';