@oneb/ui-vue 0.2.23 → 0.2.25

package/dist/SpinnerIcon-89c60210.cjs

@@ -1 +0,0 @@
-"use strict";const e=require("vue"),t=require("./_plugin-vue_export-helper-f246444f.cjs");const o={},i={class:"spinner",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",style:{animation:"one-sp-ico-rot 2.7s linear infinite"}};function r(c,n){return e.openBlock(),e.createElementBlock("svg",i,n[0]||(n[0]=[e.createElementVNode("circle",{style:{"stroke-linecap":"round",animation:"one-sp-ico-dash 1.7s ease-in-out infinite"},class:"opacity-75",cx:"12",cy:"12",r:"8",fill:"none",stroke:"currentColor","stroke-width":"2"},null,-1)]))}const s=t._export_sfc(o,[["render",r]]);exports.SpinnerIcon=s;

package/dist/index-0f370118.cjs

@@ -1 +0,0 @@
-"use strict";const g=require("./OneHelpMenu-07653e72.cjs"),e=require("vue"),P=require("./_plugin-vue_export-helper-f246444f.cjs"),j=require("./OneAvatar.vue_vue_type_script_setup_true_lang-2d9f44f1.cjs"),H=["data-opened"],G={key:0,class:"text-sm text-secondary-content px-3 py-2 text-left"},I=e.defineComponent({__name:"OneDropdownAuto",props:g.dropdownProps,emits:["open","close"],setup(b,{emit:d}){const l=b,r=e.ref(!1),m=e.ref(null),f=e.ref(null);let k=null;e.watch(r,i=>{i&&f.value&&m.value?(g.computePosition(f.value,m.value,{placement:l.stick?l.stick:"bottom-start",strategy:"fixed",middleware:[g.offset(5),g.flip(),g.shift({padding:8})]}).then(({x,y:h})=>{Object.assign(m.value.style,{left:`${x}px`,top:`${h}px`})}),k=g.autoUpdate(f.value,m.value,()=>{g.computePosition(f.value,m.value,{placement:l.stick?l.stick:"bottom-start",strategy:"fixed",middleware:[g.offset(4),g.flip(),g.shift({padding:8})]}).then(({x,y:h})=>{Object.assign(m.value.style,{left:`${x}px`,top:`${h}px`})})})):k&&(k(),k=null)}),e.onBeforeUnmount(()=>{k&&k()});const c=d,p=()=>{r.value=!r.value,r.value?c("open"):c("close")};e.provide("OneDropdown",{onToggle:p});const u=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,x)=>(e.openBlock(),e.createElementBlock("div",{class:"relative inline-block","data-opened":r.value},[e.createElementVNode("div",{ref_key:"buttonRef",ref:f},[e.renderSlot(i.$slots,"button",e.normalizeProps(e.guardReactiveProps({onToggle:p,isExpanded:r.value})))],512),(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[r.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"fixed top-0 left-0 w-screen h-screen z-[9999]",onClick:p})):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("div",{ref_key:"menuRef",ref:m,class:e.normalizeClass(["menu",u.value]),role:"menu","aria-orientation":"vertical",tabindex:"-1",style:{display:"none"}},[i.title?(e.openBlock(),e.createElementBlock("div",G,e.toDisplayString(i.title),1)):e.createCommentVNode("",!0),e.renderSlot(i.$slots,"menu",e.normalizeProps(e.guardReactiveProps({onToggle:p})))],2),[[e.vShow,r.value]])]))],8,H))}}),J={},X={class:"border-t border-secondary-stroke my-1"};function Y(b,d){return e.openBlock(),e.createElementBlock("div",X)}const Z=P._export_sfc(J,[["render",Y]]),Q=["onClick"],ee={class:"grid"},te={class:"font-semibold px-3"},oe={class:"rounded-lg m-3 border"},le={class:"space-x-2 flex items-center px-3 py-2",style:{width:"300px"}},ne={class:"flex-shrink-0"},re={class:"w-full text-left"},se={class:"flex-shrink-0"},ae={class:"px-3 py-2"},ie={class:"text-secondary-content text-left pb-1 text-sm uppercase"},ce={key:0,class:"space-y-2"},de=["onClick"],ue={class:"pl-2"},pe={class:"text-sm mt-1"},me={class:"text-xs mt-1"},A=3,ke=e.defineComponent({__name:"OneBrowserMenuGrid",props:g.browserMenuProps,setup(b){const d=b,l=()=>{typeof d.onChange=="function"&&d.onChange()},r=e.ref(!1),m=e.computed(()=>d.apps?r.value?d.apps:d.apps.slice(0,A):[]),f=()=>{r.value=!r.value},k=c=>{typeof d.onApp=="function"&&d.onApp(c)};return(c,p)=>(e.openBlock(),e.createBlock(g._sfc_main,{stick:"right"},{button:e.withCtx(({onToggle:u,isExpanded:i})=>[e.createElementVNode("button",{onClick:u,class:e.normalizeClass(["p-1 rounded-md hover:bg-secondary-10",[i?"bg-secondary-25":""]])},[e.createVNode(e.unref(g.render),{class:"text-secondary-base",style:e.normalizeStyle(`width: ${c.iconSize}px; height: ${c.iconSize}px`)},null,8,["style"])],10,Q)]),menu:e.withCtx(()=>{var u,i,x,h;return[e.createElementVNode("div",ee,[e.createElementVNode("div",te,e.toDisplayString((u=c.workspace)==null?void 0:u.title),1),e.createElementVNode("div",oe,[e.createElementVNode("div",le,[e.createElementVNode("div",ne,[e.createVNode(j._sfc_main,{text:((i=c.workspace)==null?void 0:i.name)||"",src:(x=c.workspace)==null?void 0:x.photo_url,size:44,rounded:!1,class:"mx-auto"},null,8,["text","src"])]),e.createElementVNode("div",re,e.toDisplayString((h=c.workspace)==null?void 0:h.name),1),e.createElementVNode("div",se,[e.createElementVNode("button",{class:"text-sm border border-secondary-stroke rounded px-2 py-0.5 text-secondary-content hover:text-primary-content",onClick:l},e.toDisplayString(c.changeLabel),1)])]),p[0]||(p[0]=e.createElementVNode("hr",null,null,-1))])]),e.createElementVNode("div",ae,[e.createElementVNode("div",ie,e.toDisplayString(c.appsTitle),1),e.createElementVNode("div",null,[c.apps&&c.apps.length?(e.openBlock(),e.createElementBlock("div",ce,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(m.value,C=>(e.openBlock(),e.createElementBlock("div",{key:C.id,onClick:s=>k(C),class:"flex items-center rounded-lg hover:bg-secondary-10 border p-2 bg-[#FAFAFA] cursor-pointer"},[e.createVNode(j._sfc_main,{text:C.name,src:C.photo_url,size:44,rounded:!1},null,8,["text","src"]),e.createElementVNode("div",ue,[e.createElementVNode("p",pe,e.toDisplayString(C.name),1),e.createElementVNode("p",me,e.toDisplayString(C.short),1)])],8,de))),128))])):e.createCommentVNode("",!0),c.apps&&c.apps.length>A?(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(r.value?"Приховати":"Дивитися всі"),1)):e.createCommentVNode("",!0)])])]}),_:1}))}}),F={useModal:{required:!0,type:Object},title:{required:!1,type:String},size:{type:String,default:"medium"},onClose:{type:Function},classModal:{type:Boolean,default:!1},titleCenter:{type:Boolean,default:!1},classTitle:{type:String,default:""},canClose:{type:Function,default:()=>!0},customWidth:{type:String,default:""}},ve={"3xs":["max-w-xs"],xs:["max-w-sm"],sm:["max-w-md"],small:["max-w-lg"],md:["max-w-xl"],medium:["max-w-xl"],large:["max-w-2xl"],xl:["max-w-3xl"],"2xl":["max-w-4xl"],"3xl":["max-w-4xl"],"4xl":["max-w-5xl"],"5xl":["max-w-5xl"],"7xl":["max-w-7xl"]},fe=(b="medium")=>{const d=[];return d.push(...ve[b]??[]),d},ye={class:"relative bg-white rounded-lg shadow h-full"},ge=e.defineComponent({__name:"OneModal",props:F,emits:["isOpen","closed"],setup(b,{expose:d,emit:l}){const r=b,m=l,f=e.computed(()=>{var y,w;const s=r.useModal;return((y=s==null?void 0:s.isOpened)==null?void 0:y.value)??((w=s==null?void 0:s.isOpen)==null?void 0:w.value)??!1}),k=e.computed(()=>fe(r.size)),c=e.computed(()=>r.customWidth?{width:r.customWidth}:{}),p=e.ref(null),u=e.ref(!1);function i(s){u.value=!1,p.value&&!p.value.contains(s.target)&&(u.value=!0)}function x(s){u.value&&p.value&&!p.value.contains(s.target)&&h()}const h=()=>{var y,w;if(r.canClose&&!r.canClose())return;const s=r.useModal;(y=s==null?void 0:s.close)==null||y.call(s),(w=r.onClose)==null||w.call(r),m("closed"),m("isOpen")};return d({open:()=>{var y;const s=r.useModal;(y=s==null?void 0:s.open)==null||y.call(s),m("isOpen")},close:h}),(s,y)=>f.value?(e.openBlock(),e.createElementBlock("div",{key:0,tabindex:"-1",onMousedown:i,onMouseup:x,class:e.normalizeClass(["modal backdrop !m-0",{"modal-mobile":s.classModal}])},[e.createElementVNode("div",{class:e.normalizeClass(["relative w-full max-h-full",k.value,{"fixed bottom-0 left-0 right-0 w-full bg-white rounded-t-xl mobile-modal":s.classModal}]),style:e.normalizeStyle(c.value),ref_key:"modalContent",ref:p},[e.createElementVNode("div",ye,[s.title?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([s.titleCenter?"grid grid-cols-4":"flex items-start justify-between","p-3 border-b rounded-t",s.classTitle])},[e.createElementVNode("h3",{class:e.normalizeClass(["text-xl font-semibold text-gray-900 whitespace-nowrap overflow-hidden text-ellipsis",s.titleCenter?"col-span-2 text-center col-start-2":""])},e.toDisplayString(s.title),3),e.createElementVNode("button",{type:"button",class:"text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounded-lg text-sm p-1.5 ml-auto inline-flex items-center",onClick:h},y[0]||(y[0]=[e.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.8",stroke:"currentColor","aria-hidden":"true",class:"w-5 h-5"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M6 18L18 6M6 6l12 12"})],-1)]))],2)):e.createCommentVNode("",!0),e.renderSlot(s.$slots,"header",{},void 0,!0),e.renderSlot(s.$slots,"body",{},void 0,!0),e.renderSlot(s.$slots,"default",{},void 0,!0),e.renderSlot(s.$slots,"footer",{close:h},void 0,!0)])],6)],34)):e.createCommentVNode("",!0)}});const R=P._export_sfc(ge,[["__scopeId","data-v-3560b61e"]]);function T(b=!1){const d=e.ref(b),l=e.ref(void 0);let r=null;const m=()=>{r&&(clearTimeout(r),r=null),d.value=!1,l.value=void 0},f=p=>{l.value=p,d.value=!0},k=p=>{r&&clearTimeout(r),r=setTimeout(m,p*1e3)},c=p=>{p.key==="Escape"&&d.value&&m()};return e.onMounted(()=>{document.addEventListener("keydown",c)}),e.onBeforeUnmount(()=>{document.removeEventListener("keydown",c),r&&clearTimeout(r)}),{isOpened:d,isOpen:d,data:l,open:f,close:m,closeWithDelay:k}}const he=["onClick"],we=["onKeydown"],be={key:0,class:"text-sm font-medium text-gray-700 px-3 pt-2.5 pb-1.5"},xe={key:1,class:"px-3 py-2"},Be={class:"relative"},Ee=["placeholder"],Ce={key:2,class:"border-b border-gray-100"},Ve=["onClick"],Ne={key:3,class:"flex items-center justify-between px-3 py-1.5 border-b border-gray-100"},_e={key:4,class:"flex justify-center py-4"},Se=["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"},Me={key:1,class:"w-4 h-4 shrink-0"},ze=["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"},Le={key:1,class:"w-4 h-4 shrink-0"},Oe=["aria-selected","onClick","onMouseenter"],Ke={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"},je={key:1,class:"w-4 h-4 shrink-0"},Ae={key:3,class:"px-3 py-4 text-sm text-gray-500 text-center"},Pe={class:"pb-6"},Ie={key:0,class:"relative px-3 py-3"},Fe={class:"relative"},Re=["placeholder"],Te={key:1,class:"px-3 py-2"},We={key:2,class:"flex items-center justify-between px-3 py-2 border-b border-gray-100"},Ue={key:3,class:"flex justify-center py-8"},qe={key:4,class:"overflow-auto h-[60dvh] divide-y",role:"listbox"},He=["aria-selected"],Ge={key:0,xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.5",stroke:"currentColor",class:"w-5 h-5 text-blue-600 shrink-0"},Je={key:1,class:"w-5 h-5 shrink-0"},Xe={key:0,class:"px-3 pt-3 pb-2 text-xs font-semibold text-gray-400 uppercase tracking-wide"},Ye=["aria-selected","onClick"],Ze={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"},Qe={key:1,class:"w-5 h-5 shrink-0"},et=["aria-selected","onClick"],tt={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"},ot={key:1,class:"w-5 h-5 shrink-0"},lt={key:3,class:"px-3 py-8 text-sm text-gray-500 text-center"},nt=e.defineComponent({__name:"OneDropdownSelect",props:g.dropdownSelectProps,emits:["update:modelValue","search","create"],setup(b,{emit:d}){const l=b,r=d,m=e.ref(!1);let f=null;e.onMounted(()=>{f=window.matchMedia("(max-width: 767px)"),m.value=f.matches;const t=o=>{m.value=o.matches};f.addEventListener("change",t),e.onUnmounted(()=>{f==null||f.removeEventListener("change",t)})});const k=T(),c=e.ref(null),p=()=>{u.value="",i.value=-1,k.open(),e.nextTick(()=>{var t;(t=c.value)==null||t.focus()})},u=e.ref(""),i=e.ref(-1),x=e.ref(null),h=e.ref(null),C=e.ref({}),s=(t,o)=>{t&&(C.value[o]=t)},y=e.computed(()=>l.allowEmpty?1:0),w=e.computed(()=>{if(!u.value.trim())return l.items;const t=u.value.toLowerCase();return l.items.filter(o=>String(o[l.labelKey]??"").toLowerCase().includes(t))}),$=e.computed(()=>{if(!l.groupKey)return[];const t=[],o=new Map;let a=y.value;for(const n of w.value){const E=String(n[l.groupKey]??"");let v=o.get(E);v||(v={label:E,entries:[]},o.set(E,v),t.push(v)),v.entries.push({item:n,flatIndex:a}),a++}return t}),V=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}),B=t=>l.modelValue?l.multiple?l.modelValue.some(a=>a[l.valueKey]===t[l.valueKey]):l.modelValue[l.valueKey]===t[l.valueKey]:!1,M=e.computed(()=>w.value.length+y.value),N=(t,o)=>{if(l.multiple){const a=(l.modelValue??[]).slice();if(t===null){r("update:modelValue",[]);return}const n=a.findIndex(E=>E[l.valueKey]===t[l.valueKey]);n>=0?a.splice(n,1):a.push(t),r("update:modelValue",a);return}r("update:modelValue",t),o()},z=()=>{r("update:modelValue",[...l.items])},D=()=>{r("update:modelValue",[])},L=t=>{r("create",u.value),t()},W=()=>{u.value="",i.value=-1,e.nextTick(()=>{var t;(t=x.value)==null||t.focus()})},U=()=>{u.value="",i.value=-1},O=()=>{i.value=0,r("search",u.value)},K=()=>{e.nextTick(()=>{const t=C.value[i.value];t&&t.scrollIntoView({block:"nearest"})})},q=(t,o)=>{switch(t.key){case"ArrowDown":t.preventDefault(),i.value<M.value-1?i.value++:i.value=0,K();break;case"ArrowUp":t.preventDefault(),i.value>0?i.value--:i.value=M.value-1,K();break;case"Enter":if(t.preventDefault(),i.value>=0)if(l.allowEmpty&&i.value===0)N(null,o);else{const a=i.value-y.value,n=w.value[a];n&&N(n,o)}break;case"Escape":t.preventDefault(),o();break}};return e.watch(u,()=>{i.value=0}),(t,o)=>m.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.renderSlot(t.$slots,"button",e.normalizeProps(e.guardReactiveProps({onToggle:p,isExpanded:e.unref(k).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:p},[e.createElementVNode("span",{class:e.normalizeClass(["truncate",t.view==="pill"?"":V.value?"text-gray-900":"text-gray-500"])},e.toDisplayString(_.value),3),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:"w-4 h-4 text-gray-400 shrink-0"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M19.5 8.25l-7.5 7.5-7.5-7.5"})],-1))],6)]),e.unref(k).isOpened.value?(e.openBlock(),e.createBlock(e.unref(R),{key:0,useModal:e.unref(k),title:t.title||t.placeholder,size:"sm",classModal:!0,titleCenter:!0},{default:e.withCtx(()=>[e.createElementVNode("div",Pe,[t.searchable?(e.openBlock(),e.createElementBlock("div",Ie,[e.createElementVNode("div",Fe,[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:"absolute left-2.5 top-1/2 -translate-y-1/2 w-4 h-4 text-gray-400"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607z"})],-1)),e.withDirectives(e.createElementVNode("input",{ref_key:"mobileSearchInputRef",ref:c,"onUpdate:modelValue":o[2]||(o[2]=a=>u.value=a),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:O},null,40,Re),[[e.vModelText,u.value]])])])):e.createCommentVNode("",!0),t.createLabel?(e.openBlock(),e.createElementBlock("div",Te,[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]=a=>L(()=>e.unref(k).close()))},[o[15]||(o[15]=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",We,[e.createElementVNode("button",{class:"text-sm text-blue-600 hover:text-blue-800 transition-colors",onClick:z}," Обрати все "),V.value?(e.openBlock(),e.createElementBlock("button",{key:0,class:"text-sm text-gray-500 hover:text-gray-700 transition-colors",onClick:D}," Очистити ")):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),t.isLoading?(e.openBlock(),e.createElementBlock("div",Ue,o[16]||(o[16]=[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",qe,[t.allowEmpty?(e.openBlock(),e.createElementBlock("button",{key:0,class:e.normalizeClass(["flex items-center gap-3 w-full px-3 py-3 text-sm text-left hover:bg-gray-50 transition-colors",V.value?"":"bg-gray-50 font-medium"]),role:"option","aria-selected":!V.value,onClick:o[4]||(o[4]=a=>N(null,()=>e.unref(k).close()))},[V.value?(e.openBlock(),e.createElementBlock("span",Je)):(e.openBlock(),e.createElementBlock("svg",Ge,o[17]||(o[17]=[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M4.5 12.75l6 6 9-13.5"},null,-1)]))),e.createElementVNode("span",null,e.toDisplayString(t.emptyLabel??t.placeholder),1)],10,He)):e.createCommentVNode("",!0),t.groupKey?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList($.value,a=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:a.label},[a.label?(e.openBlock(),e.createElementBlock("div",Xe,e.toDisplayString(a.label),1)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.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",B(n.item)?"bg-gray-50 font-medium":""]),role:"option","aria-selected":B(n.item),onClick:E=>N(n.item,()=>e.unref(k).close())},[B(n.item)?(e.openBlock(),e.createElementBlock("svg",Ze,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",Qe)),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,Ye))),128))],64))),128)):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:2},e.renderList(w.value,a=>(e.openBlock(),e.createElementBlock("button",{key:a[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",B(a)?"bg-gray-50 font-medium":""]),role:"option","aria-selected":B(a),onClick:n=>N(a,()=>e.unref(k).close())},[B(a)?(e.openBlock(),e.createElementBlock("svg",tt,o[19]||(o[19]=[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",ot)),e.renderSlot(t.$slots,"item",e.mergeProps({ref_for:!0},{item:a}),()=>[e.createElementVNode("span",null,e.toDisplayString(a[t.labelKey]),1)])],10,et))),128)),w.value.length===0&&!t.allowEmpty?(e.openBlock(),e.createElementBlock("div",lt,[e.renderSlot(t.$slots,"empty",{},()=>[o[20]||(o[20]=e.createTextVNode(" Nothing found "))])])):e.createCommentVNode("",!0)]))])]),_:3},8,["useModal","title"])):e.createCommentVNode("",!0)],64)):(e.openBlock(),e.createBlock(I,{key:0,stick:t.stick,onOpen:W,onClose:U},{button:e.withCtx(({onToggle:a,isExpanded:n})=>[e.renderSlot(t.$slots,"button",e.normalizeProps(e.guardReactiveProps({onToggle:a,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:a},[e.createElementVNode("span",{class:e.normalizeClass(["truncate",t.view==="pill"?"":V.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,he)])]),menu:e.withCtx(({onToggle:a})=>[e.createElementVNode("div",{class:"min-w-[240px] w-full",onKeydown:n=>q(n,a)},[t.title?(e.openBlock(),e.createElementBlock("div",be,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0),t.searchable?(e.openBlock(),e.createElementBlock("div",xe,[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:x,"onUpdate:modelValue":o[0]||(o[0]=n=>u.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:O},null,40,Ee),[[e.vModelText,u.value]])])])):e.createCommentVNode("",!0),t.createLabel?(e.openBlock(),e.createElementBlock("div",Ce,[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=>L(a)},[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,Ve)])):e.createCommentVNode("",!0),t.multiple?(e.openBlock(),e.createElementBlock("div",Ne,[e.createElementVNode("button",{class:"text-xs text-blue-600 hover:text-blue-800 transition-colors",onClick:z}," Обрати все "),V.value?(e.openBlock(),e.createElementBlock("button",{key:0,class:"text-xs text-gray-500 hover:text-gray-700 transition-colors",onClick:D}," Очистити ")):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),t.isLoading?(e.openBlock(),e.createElementBlock("div",_e,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:h,class:"max-h-[300px] overflow-y-auto",role:"listbox"},[t.allowEmpty?(e.openBlock(),e.createElementBlock("button",{key:0,ref:n=>s(n,0),class:e.normalizeClass(["flex items-center gap-2 w-full px-3 py-2 text-sm text-left transition-colors",[V.value?"hover:bg-gray-50":"bg-gray-100 font-medium",i.value===0?"bg-gray-50":""]]),role:"option","aria-selected":!V.value,onClick:n=>N(null,a),onMouseenter:o[1]||(o[1]=n=>i.value=0)},[V.value?(e.openBlock(),e.createElementBlock("span",Me)):(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,Se)):e.createCommentVNode("",!0),t.groupKey?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList($.value,(n,E)=>(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",E>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,v=>(e.openBlock(),e.createElementBlock("button",{key:v.item[t.valueKey],ref_for:!0,ref:S=>s(S,v.flatIndex),class:e.normalizeClass(["flex items-center gap-2 w-full px-3 py-2 text-sm text-left transition-colors break-words",[B(v.item)?"bg-gray-100 font-medium":"hover:bg-gray-50",i.value===v.flatIndex?"bg-gray-50":""]]),role:"option","aria-selected":B(v.item),onClick:S=>N(v.item,a),onMouseenter:S=>i.value=v.flatIndex},[B(v.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",Le)),e.renderSlot(t.$slots,"item",e.mergeProps({ref_for:!0},{item:v.item}),()=>[e.createElementVNode("span",null,e.toDisplayString(v.item[t.labelKey]),1)])],42,ze))),128))],64))),128)):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:2},e.renderList(w.value,(n,E)=>(e.openBlock(),e.createElementBlock("button",{key:n[t.valueKey],ref_for:!0,ref:v=>s(v,y.value+E),class:e.normalizeClass(["flex items-center gap-2 w-full px-3 py-2 text-sm text-left transition-colors break-words",[B(n)?"bg-gray-100 font-medium":"hover:bg-gray-50",i.value===y.value+E?"bg-gray-50":""]]),role:"option","aria-selected":B(n),onClick:v=>N(n,a),onMouseenter:v=>i.value=y.value+E},[B(n)?(e.openBlock(),e.createElementBlock("svg",Ke,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",je)),e.renderSlot(t.$slots,"item",e.mergeProps({ref_for:!0},{item:n}),()=>[e.createElementVNode("span",null,e.toDisplayString(n[t.labelKey]),1)])],42,Oe))),128)),w.value.length===0&&!t.allowEmpty?(e.openBlock(),e.createElementBlock("div",Ae,[e.renderSlot(t.$slots,"empty",{},()=>[o[12]||(o[12]=e.createTextVNode(" Nothing found "))])])):e.createCommentVNode("",!0)],512))],40,we)]),_:3},8,["stick"]))}});exports.OneDropdownDivider=Z;exports.OneModal=R;exports._sfc_main=I;exports._sfc_main$1=ke;exports._sfc_main$2=nt;exports.modalProps=F;exports.useModal=T;