@oneb/ui-vue 0.3.13 → 0.3.15

package/dist/dropdown/index.cjs

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