@oneb/ui-vue 0.3.32 → 0.4.0

package/dist/dateTime/OneDateTime.vue.d.ts

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

package/dist/dateTime/dateTime.d.ts

@@ -0,0 +1,43 @@
+import type { ExtractPropTypes } from 'vue';
+export type DateTimeMode = 'absolute' | 'relative';
+export type DateTimeValue = string | number | Date;
+export declare const dateTimeProps: {
+    /** Date string, Date object, or unix timestamp in seconds. */
+    value: {
+        type: PropType<DateTimeValue>;
+        required: true;
+    };
+    mode: {
+        type: PropType<DateTimeMode>;
+        default: string;
+    };
+    format: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** Append HH:mm to the format (fin-bank/voicecall behavior). */
+    withTime: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    prefix: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** Treat the value as UTC and render in the local timezone. */
+    utc: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Drop the "ago/in" suffix in relative mode. */
+    withoutSuffix: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Re-render interval for relative mode, ms. */
+    updateIntervalMs: {
+        type: NumberConstructor;
+        default: number;
+    };
+};
+export type DateTimeProps = ExtractPropTypes<typeof dateTimeProps>;

package/dist/dateTime/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),o=require("dayjs"),p=require("dayjs/plugin/relativeTime"),f=require("dayjs/plugin/utc"),v=require("dayjs/plugin/timezone"),l={value:{type:[String,Number,Date],required:!0},mode:{type:String,default:"absolute"},format:{type:String,default:"DD.MM.YYYY"},withTime:{type:Boolean,default:!1},prefix:{type:String,default:""},utc:{type:Boolean,default:!1},withoutSuffix:{type:Boolean,default:!1},updateIntervalMs:{type:Number,default:1e4}},y=["title"],S=e.defineComponent({__name:"OneDateTime",props:l,setup(s){o.extend(p),o.extend(f),o.extend(v);const t=s,d=r=>typeof r=="number"?o.unix(r):t.utc?o.utc(r).tz(o.tz.guess()):o(r),a=e.computed(()=>d(t.value)),m=e.computed(()=>t.withTime?`${t.format} HH:mm`:t.format),n=e.computed(()=>a.value.isValid()?a.value.format(m.value):"-"),u=e.ref(0);let i;e.onMounted(()=>{t.mode==="relative"&&t.updateIntervalMs>0&&(i=setInterval(()=>{u.value++},t.updateIntervalMs))}),e.onBeforeUnmount(()=>clearInterval(i));const c=e.computed(()=>a.value.isValid()?t.mode==="relative"?(u.value,a.value.fromNow(t.withoutSuffix)):n.value:"-");return(r,g)=>(e.openBlock(),e.createElementBlock("span",{class:"whitespace-nowrap",title:r.mode==="relative"?n.value:void 0},e.toDisplayString(r.prefix)+e.toDisplayString(c.value),9,y))}});exports.OneDateTime=S;exports.dateTimeProps=l;

package/dist/dateTime/index.d.ts

@@ -0,0 +1,3 @@
+export { default as OneDateTime } from './OneDateTime.vue';
+export { dateTimeProps } from './dateTime';
+export type { DateTimeProps, DateTimeMode, DateTimeValue } from './dateTime';

package/dist/dateTime/index.js

@@ -0,0 +1,66 @@
+import { defineComponent as d, computed as a, ref as c, onMounted as v, onBeforeUnmount as y, openBlock as x, createElementBlock as h, toDisplayString as l } from "vue";
+import r from "dayjs";
+import w from "dayjs/plugin/relativeTime";
+import D from "dayjs/plugin/utc";
+import S from "dayjs/plugin/timezone";
+const g = {
+  /** Date string, Date object, or unix timestamp in seconds. */
+  value: {
+    type: [String, Number, Date],
+    required: !0
+  },
+  mode: {
+    type: String,
+    default: "absolute"
+  },
+  format: {
+    type: String,
+    default: "DD.MM.YYYY"
+  },
+  /** Append HH:mm to the format (fin-bank/voicecall behavior). */
+  withTime: {
+    type: Boolean,
+    default: !1
+  },
+  prefix: {
+    type: String,
+    default: ""
+  },
+  /** Treat the value as UTC and render in the local timezone. */
+  utc: {
+    type: Boolean,
+    default: !1
+  },
+  /** Drop the "ago/in" suffix in relative mode. */
+  withoutSuffix: {
+    type: Boolean,
+    default: !1
+  },
+  /** Re-render interval for relative mode, ms. */
+  updateIntervalMs: {
+    type: Number,
+    default: 1e4
+  }
+}, B = ["title"], Y = /* @__PURE__ */ d({
+  __name: "OneDateTime",
+  props: g,
+  setup(m) {
+    r.extend(w), r.extend(D), r.extend(S);
+    const e = m, s = (t) => typeof t == "number" ? r.unix(t) : e.utc ? r.utc(t).tz(r.tz.guess()) : r(t), o = a(() => s(e.value)), f = a(() => e.withTime ? `${e.format} HH:mm` : e.format), n = a(() => o.value.isValid() ? o.value.format(f.value) : "-"), i = c(0);
+    let u;
+    v(() => {
+      e.mode === "relative" && e.updateIntervalMs > 0 && (u = setInterval(() => {
+        i.value++;
+      }, e.updateIntervalMs));
+    }), y(() => clearInterval(u));
+    const p = a(() => o.value.isValid() ? e.mode === "relative" ? (i.value, o.value.fromNow(e.withoutSuffix)) : n.value : "-");
+    return (t, M) => (x(), h("span", {
+      class: "whitespace-nowrap",
+      title: t.mode === "relative" ? n.value : void 0
+    }, l(t.prefix) + l(p.value), 9, B));
+  }
+});
+export {
+  Y as OneDateTime,
+  g as dateTimeProps
+};

package/dist/dropdown/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const w=require("../OneHelpMenu-c6e88d8f.cjs"),e=require("vue"),V=require("@floating-ui/dom"),I=require("@floating-ui/vue"),G=require("../_plugin-vue_export-helper-f246444f.cjs"),P=require("../OneAvatar.vue_vue_type_script_setup_true_lang-2d9f44f1.cjs"),q=require("../i18n/index.cjs"),F=require("../useModal-0c73777f.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"},U=e.defineComponent({__name:"OneDropdownAuto",props:w.dropdownProps,emits:["open","close"],setup(C,{emit:k}){const l=C,i=e.ref(!1),u=e.ref(null),m=e.ref(null);let p=null;e.watch(i,a=>{a&&m.value&&u.value?(V.computePosition(m.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:g})=>{Object.assign(u.value.style,{left:`${s}px`,top:`${g}px`})}),p=V.autoUpdate(m.value,u.value,()=>{V.computePosition(m.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:g})=>{Object.assign(u.value.style,{left:`${s}px`,top:`${g}px`})})})):p&&(p(),p=null)}),e.onBeforeUnmount(()=>{p&&p()});const v=k,b=()=>{i.value=!i.value,i.value?v("open"):v("close")};e.provide("OneDropdown",{onToggle:b});const d=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(a,s)=>(e.openBlock(),e.createElementBlock("div",{class:"relative inline-block","data-opened":i.value},[e.createElementVNode("div",{ref_key:"buttonRef",ref:m},[e.renderSlot(a.$slots,"button",e.normalizeProps(e.guardReactiveProps({onToggle:b,isExpanded:i.value})))],512),(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[i.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"fixed top-0 left-0 w-screen h-screen z-[9999]",onClick:b})):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("div",{ref_key:"menuRef",ref:u,class:e.normalizeClass(["menu",d.value]),role:"menu","aria-orientation":"vertical",tabindex:"-1",style:{display:"none"}},[a.title?(e.openBlock(),e.createElementBlock("div",X,e.toDisplayString(a.title),1)):e.createCommentVNode("",!0),e.renderSlot(a.$slots,"menu",e.normalizeProps(e.guardReactiveProps({onToggle:b})))],2),[[e.vShow,i.value]])]))],8,J))}}),Y={},Z={class:"border-t border-secondary-stroke my-1"};function Q(C,k){return e.openBlock(),e.createElementBlock("div",Z)}const ee=G._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"},ue={class:"text-secondary-content text-left pb-1 text-sm uppercase"},de={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:w.browserMenuProps,setup(C){const k=C,l=q.useOnebI18n(),i=e.computed(()=>k.t??l),u=()=>{typeof k.onChange=="function"&&k.onChange()},m=e.ref(!1),p=e.computed(()=>k.apps?m.value?k.apps:k.apps.slice(0,R):[]),v=()=>{m.value=!m.value},b=d=>{typeof k.onApp=="function"&&k.onApp(d)};return(d,a)=>(e.openBlock(),e.createBlock(w._sfc_main,{stick:"right"},{button:e.withCtx(({onToggle:s,isExpanded:g})=>[e.createElementVNode("button",{onClick:s,class:e.normalizeClass(["p-1 rounded-md hover:bg-secondary-10",[g?"bg-secondary-25":""]])},[e.createVNode(e.unref(w.render),{class:"text-secondary-base",style:e.normalizeStyle(`width: ${d.iconSize}px; height: ${d.iconSize}px`)},null,8,["style"])],10,te)]),menu:e.withCtx(()=>{var s,g,_;return[e.createElementVNode("div",oe,[e.createElementVNode("div",le,e.toDisplayString(i.value("ui.layout.workspaces")),1),e.createElementVNode("div",ne,[e.createElementVNode("div",re,[e.createElementVNode("div",se,[e.createVNode(P._sfc_main,{text:((s=d.workspace)==null?void 0:s.name)||"",src:(g=d.workspace)==null?void 0:g.photo_url,size:44,rounded:!1,class:"mx-auto"},null,8,["text","src"])]),e.createElementVNode("div",ae,e.toDisplayString((_=d.workspace)==null?void 0:_.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:u},e.toDisplayString(i.value("ui.layout.change_workspace")),1)])]),a[0]||(a[0]=e.createElementVNode("hr",null,null,-1))])]),e.createElementVNode("div",ce,[e.createElementVNode("div",ue,e.toDisplayString(i.value("ui.layout.apps")),1),e.createElementVNode("div",null,[d.apps&&d.apps.length?(e.openBlock(),e.createElementBlock("div",de,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(p.value,x=>(e.openBlock(),e.createElementBlock("div",{key:x.id,onClick:S=>b(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),d.apps&&d.apps.length>R?(e.openBlock(),e.createElementBlock("button",{key:1,onClick:v,class:"mt-2 w-full bg-[#FAFAFA] hover:bg-secondary-10 p-2 rounded-lg mb-5 text-xs"},e.toDisplayString(m.value?i.value("ui.layout.hide"):i.value("ui.layout.view_all")),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"},Ae={key:1,class:"w-4 h-4 shrink-0"},Ke={key:3,class:"px-3 py-4 text-sm text-gray-500 text-center"},Le={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:w.dropdownSelectProps,emits:["update:modelValue","search","create"],setup(C,{emit:k}){const l=C,i=q.useOnebI18n(),u=k,m=e.ref(!1);let p=null;e.onMounted(()=>{p=window.matchMedia("(max-width: 767px)"),m.value=p.matches;const t=o=>{m.value=o.matches};p.addEventListener("change",t),e.onUnmounted(()=>{p==null||p.removeEventListener("change",t)})});const v=F.useModal(),b=e.ref(null),d=()=>{a.value="",s.value=-1,v.open(),e.nextTick(()=>{var t;(t=b.value)==null||t.focus()})},a=e.ref(""),s=e.ref(-1),g=e.ref(null),_=e.ref(null),x=e.ref({}),S=(t,o)=>{t&&(x.value[o]=t)},N=e.computed(()=>l.allowEmpty?1:0),E=e.computed(()=>{if(!a.value.trim())return l.items;const t=a.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 y=String(n[l.groupKey]??"");let c=o.get(y);c||(c={label:y,entries:[]},o.set(y,c),t.push(c)),c.entries.push({item:n,flatIndex:r}),r++}return t}),h=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}),f=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(y=>y[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])},A=()=>{u("update:modelValue",[])},K=t=>{u("create",a.value),t()},T=()=>{a.value="",s.value=-1,e.nextTick(()=>{var t;(t=g.value)==null||t.focus()})},W=()=>{a.value="",s.value=-1},L=()=>{s.value=0,u("search",a.value)},j=()=>{e.nextTick(()=>{const t=x.value[s.value];t&&t.scrollIntoView({block:"nearest"})})},H=(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(a,()=>{s.value=0}),(t,o)=>m.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.renderSlot(t.$slots,"button",e.normalizeProps(e.guardReactiveProps({onToggle:d,isExpanded:e.unref(v).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:d},[e.createElementVNode("span",{class:e.normalizeClass(["truncate",t.view==="pill"?"":h.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(v).isOpened.value?(e.openBlock(),e.createBlock(e.unref(F.OneModal),{key:0,useModal:e.unref(v),title:t.title||t.placeholder,size:"sm",classModal:!0,titleCenter:!0},{default:e.withCtx(()=>[e.createElementVNode("div",Le,[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:b,"onUpdate:modelValue":o[2]||(o[2]=r=>a.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:L},null,40,Pe),[[e.vModelText,a.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=>K(()=>e.unref(v).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(i)("ui.dropdown.selectAll")),1),h.value?(e.openBlock(),e.createElementBlock("button",{key:0,class:"text-sm text-gray-500 hover:text-gray-700 transition-colors",onClick:A},e.toDisplayString(e.unref(i)("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",h.value?"":"bg-gray-50 font-medium"]),role:"option","aria-selected":!h.value,onClick:o[4]||(o[4]=r=>B(null,()=>e.unref(v).close()))},[h.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",f(n.item)?"bg-gray-50 font-medium":""]),role:"option","aria-selected":f(n.item),onClick:y=>B(n.item,()=>e.unref(v).close())},[f(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",f(r)?"bg-gray-50 font-medium":""]),role:"option","aria-selected":f(r),onClick:n=>B(r,()=>e.unref(v).close())},[f(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(i)("ui.dropdown.nothingFound")),1)])])):e.createCommentVNode("",!0)]))])]),_:3},8,["useModal","title"])):e.createCommentVNode("",!0)],64)):(e.openBlock(),e.createBlock(U,{key:0,stick:t.stick,onOpen:T,onClose:W},{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"?"":h.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=>H(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:g,"onUpdate:modelValue":o[0]||(o[0]=n=>a.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:L},null,40,xe),[[e.vModelText,a.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=>K(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(i)("ui.dropdown.selectAll")),1),h.value?(e.openBlock(),e.createElementBlock("button",{key:0,class:"text-xs text-gray-500 hover:text-gray-700 transition-colors",onClick:A},e.toDisplayString(e.unref(i)("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:_,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",[h.value?"hover:bg-gray-50":"bg-gray-100 font-medium",s.value===0?"bg-gray-50":""]]),role:"option","aria-selected":!h.value,onClick:n=>B(null,r),onMouseenter:o[1]||(o[1]=n=>s.value=0)},[h.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,y)=>(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",y>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,c=>(e.openBlock(),e.createElementBlock("button",{key:c.item[t.valueKey],ref_for:!0,ref:D=>S(D,c.flatIndex),class:e.normalizeClass(["flex items-center gap-2 w-full px-3 py-2 text-sm text-left transition-colors break-words",[f(c.item)?"bg-gray-100 font-medium":"hover:bg-gray-50",s.value===c.flatIndex?"bg-gray-50":""]]),role:"option","aria-selected":f(c.item),onClick:D=>B(c.item,r),onMouseenter:D=>s.value=c.flatIndex},[f(c.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:c.item}),()=>[e.createElementVNode("span",null,e.toDisplayString(c.item[t.labelKey]),1)])],42,$e))),128))],64))),128)):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:2},e.renderList(E.value,(n,y)=>(e.openBlock(),e.createElementBlock("button",{key:n[t.valueKey],ref_for:!0,ref:c=>S(c,N.value+y),class:e.normalizeClass(["flex items-center gap-2 w-full px-3 py-2 text-sm text-left transition-colors break-words",[f(n)?"bg-gray-100 font-medium":"hover:bg-gray-50",s.value===N.value+y?"bg-gray-50":""]]),role:"option","aria-selected":f(n),onClick:c=>B(n,r),onMouseenter:c=>s.value=N.value+y},[f(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",Ae)),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",Ke,[e.renderSlot(t.$slots,"empty",{},()=>[e.createTextVNode(e.toDisplayString(e.unref(i)("ui.dropdown.nothingFound")),1)])])):e.createCommentVNode("",!0)],512))],40,ge)]),_:3},8,["stick"]))}});exports.OneBrowserMenu=w.OneBrowserMenu;exports.OneDropdown=w._sfc_main;exports.OneDropdownItem=w._sfc_main$1;exports.OneHelpMenu=w.OneHelpMenu;exports.OneUserMenu=w._sfc_main$2;exports.OneBrowserMenuGrid=fe;exports.OneDropdownAuto=U;exports.OneDropdownDivider=ee;exports.OneDropdownSelect=ot;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),H=require("../_plugin-vue_export-helper-f246444f.cjs"),b=require("../OneHelpMenu-6ec63535.cjs"),q=require("../OneDropdownAuto.vue_vue_type_script_setup_true_lang-bf923b04.cjs"),I=require("../OneAvatar.vue_vue_type_script_setup_true_lang-2d9f44f1.cjs"),F=require("../i18n/index.cjs"),T=require("../dropdown-5cb64ab7.cjs"),U=require("../OneModal-0e92c039.cjs"),G=require("../useModal-aa6f4a57.cjs");require("@floating-ui/dom");require("@floating-ui/vue");require("../XMarkIcon-f94baa4c.cjs");require("../ChevronDownIcon-6889ac87.cjs");require("../ChevronUpIcon-64a673e1.cjs");require("../ChevronRightIcon-2992cf0d.cjs");require("../button/index.cjs");require("../SpinnerIcon-01be39fe.cjs");require("../useIsMobile-7b1f08cf.cjs");require("../useMediaQuery-1d87df02.cjs");const J={},X={class:"border-t border-secondary-stroke my-1"};function Y(V,m){return e.openBlock(),e.createElementBlock("div",X)}const Z=H._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"},ue=["onClick"],de={class:"pl-2"},pe={class:"text-sm mt-1"},me={class:"text-xs mt-1"},j=3,ke=e.defineComponent({__name:"OneBrowserMenuGrid",props:b.browserMenuProps,setup(V){const m=V,n=F.useOnebI18n(),u=e.computed(()=>m.t??n),y=()=>{typeof m.onChange=="function"&&m.onChange()},f=e.ref(!1),h=e.computed(()=>m.apps?f.value?m.apps:m.apps.slice(0,j):[]),k=()=>{f.value=!f.value},C=c=>{typeof m.onApp=="function"&&m.onApp(c)};return(c,i)=>(e.openBlock(),e.createBlock(b._sfc_main,{stick:"right"},{button:e.withCtx(({onToggle:s,isExpanded:x})=>[e.createElementVNode("button",{onClick:s,class:e.normalizeClass(["p-1 rounded-md hover:bg-secondary-10",[x?"bg-secondary-25":""]])},[e.createVNode(e.unref(b.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 s,x,N;return[e.createElementVNode("div",ee,[e.createElementVNode("div",te,e.toDisplayString(u.value("ui.layout.workspaces")),1),e.createElementVNode("div",oe,[e.createElementVNode("div",le,[e.createElementVNode("div",ne,[e.createVNode(I._sfc_main,{text:((s=c.workspace)==null?void 0:s.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((N=c.workspace)==null?void 0:N.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:y},e.toDisplayString(u.value("ui.layout.change_workspace")),1)])]),i[0]||(i[0]=e.createElementVNode("hr",null,null,-1))])]),e.createElementVNode("div",ae,[e.createElementVNode("div",ie,e.toDisplayString(u.value("ui.layout.apps")),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(h.value,g=>(e.openBlock(),e.createElementBlock("div",{key:g.id,onClick:_=>C(g),class:"flex items-center rounded-lg hover:bg-secondary-10 border p-2 bg-[#FAFAFA] cursor-pointer"},[e.createVNode(I._sfc_main,{text:g.name,src:g.photo_url,size:44,rounded:!1},null,8,["text","src"]),e.createElementVNode("div",de,[e.createElementVNode("p",pe,e.toDisplayString(g.name),1),e.createElementVNode("p",me,e.toDisplayString(g.short),1)])],8,ue))),128))])):e.createCommentVNode("",!0),c.apps&&c.apps.length>j?(e.openBlock(),e.createElementBlock("button",{key:1,onClick:k,class:"mt-2 w-full bg-[#FAFAFA] hover:bg-secondary-10 p-2 rounded-lg mb-5 text-xs"},e.toDisplayString(f.value?u.value("ui.layout.hide"):u.value("ui.layout.view_all")),1)):e.createCommentVNode("",!0)])])]}),_:1}))}}),ve=["onClick"],ye=["onKeydown"],ge={key:0,class:"text-sm font-medium text-gray-700 px-3 pt-2.5 pb-1.5"},fe={key:1,class:"px-3 py-2"},he={class:"relative"},we=["placeholder"],be={key:2,class:"border-b border-gray-100"},xe=["onClick"],Be={key:3,class:"flex items-center justify-between px-3 py-1.5 border-b border-gray-100"},Ee={key:4,class:"flex justify-center py-4"},Ve=["aria-selected","onClick"],Ce={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"},Ne={key:1,class:"w-4 h-4 shrink-0"},_e=["aria-selected","onClick","onMouseenter"],Se={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"},$e={key:1,class:"w-4 h-4 shrink-0"},De=["aria-selected","onClick","onMouseenter"],Me={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"},Oe={key:1,class:"w-4 h-4 shrink-0"},ze={key:3,class:"px-3 py-4 text-sm text-gray-500 text-center"},Ke={class:"pb-6"},Ae={key:0,class:"relative px-3 py-3"},Le={class:"relative"},Ie=["placeholder"],je={key:1,class:"px-3 py-2"},qe={key:2,class:"flex items-center justify-between px-3 py-2 border-b border-gray-100"},Fe={key:3,class:"flex justify-center py-8"},Pe={key:4,class:"overflow-auto h-[60dvh] divide-y",role:"listbox"},Re=["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"},Te={key:0,class:"px-3 pt-3 pb-2 text-xs font-semibold text-gray-400 uppercase tracking-wide"},Ue=["aria-selected","onClick"],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=["aria-selected","onClick"],Ye={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"},Ze={key:1,class:"w-5 h-5 shrink-0"},Qe={key:3,class:"px-3 py-8 text-sm text-gray-500 text-center"},et=e.defineComponent({__name:"OneDropdownSelect",props:T.dropdownSelectProps,emits:["update:modelValue","search","create"],setup(V,{emit:m}){const n=V,u=F.useOnebI18n(),y=m,f=e.ref(!1);let h=null;e.onMounted(()=>{h=window.matchMedia("(max-width: 767px)"),f.value=h.matches;const t=o=>{f.value=o.matches};h.addEventListener("change",t),e.onUnmounted(()=>{h==null||h.removeEventListener("change",t)})});const k=G.useModal(),C=e.ref(null),c=()=>{i.value="",s.value=-1,k.open(),e.nextTick(()=>{var t;(t=C.value)==null||t.focus()})},i=e.ref(""),s=e.ref(-1),x=e.ref(null),N=e.ref(null),g=e.ref({}),_=(t,o)=>{t&&(g.value[o]=t)},E=e.computed(()=>n.allowEmpty?1:0),B=e.computed(()=>{if(!i.value.trim())return n.items;const t=i.value.toLowerCase();return n.items.filter(o=>String(o[n.labelKey]??"").toLowerCase().includes(t))}),D=e.computed(()=>{if(!n.groupKey)return[];const t=[],o=new Map;let r=E.value;for(const l of B.value){const p=String(l[n.groupKey]??"");let a=o.get(p);a||(a={label:p,entries:[]},o.set(p,a),t.push(a)),a.entries.push({item:l,flatIndex:r}),r++}return t}),v=e.computed(()=>n.multiple?(n.modelValue??[]).length>0:n.modelValue!==null&&n.modelValue!==void 0),S=e.computed(()=>{if(n.multiple){const t=n.modelValue??[];return t.length===0?n.placeholder:t.length===1?t[0][n.labelKey]??n.placeholder:`${t[0][n.labelKey]} +${t.length-1}`}return n.modelValue===null||n.modelValue===void 0?n.placeholder:n.modelValue[n.labelKey]??n.placeholder}),d=t=>n.modelValue?n.multiple?n.modelValue.some(r=>r[n.valueKey]===t[n.valueKey]):n.modelValue[n.valueKey]===t[n.valueKey]:!1,M=e.computed(()=>B.value.length+E.value),w=(t,o)=>{if(n.multiple){const r=(n.modelValue??[]).slice();if(t===null){y("update:modelValue",[]);return}const l=r.findIndex(p=>p[n.valueKey]===t[n.valueKey]);l>=0?r.splice(l,1):r.push(t),y("update:modelValue",r);return}y("update:modelValue",t),o()},O=()=>{y("update:modelValue",[...n.items])},z=()=>{y("update:modelValue",[])},K=t=>{y("create",i.value),t()},P=()=>{i.value="",s.value=-1,e.nextTick(()=>{var t;(t=x.value)==null||t.focus()})},R=()=>{i.value="",s.value=-1},A=()=>{s.value=0,y("search",i.value)},L=()=>{e.nextTick(()=>{const t=g.value[s.value];t&&t.scrollIntoView({block:"nearest"})})},W=(t,o)=>{switch(t.key){case"ArrowDown":t.preventDefault(),s.value<M.value-1?s.value++:s.value=0,L();break;case"ArrowUp":t.preventDefault(),s.value>0?s.value--:s.value=M.value-1,L();break;case"Enter":if(t.preventDefault(),s.value>=0)if(n.allowEmpty&&s.value===0)w(null,o);else{const r=s.value-E.value,l=B.value[r];l&&w(l,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:c,isExpanded:e.unref(k).isOpened.value,selectedLabel:S.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:c},[e.createElementVNode("span",{class:e.normalizeClass(["truncate",t.view==="pill"?"":v.value?"text-gray-900":"text-gray-500"])},e.toDisplayString(S.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(k).isOpened.value?(e.openBlock(),e.createBlock(e.unref(U.OneModal),{key:0,useModal:e.unref(k),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",Ae,[e.createElementVNode("div",Le,[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:C,"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:A},null,40,Ie),[[e.vModelText,i.value]])])])):e.createCommentVNode("",!0),t.createLabel?(e.openBlock(),e.createElementBlock("div",je,[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=>K(()=>e.unref(k).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",qe,[e.createElementVNode("button",{class:"text-sm text-blue-600 hover:text-blue-800 transition-colors",onClick:O},e.toDisplayString(e.unref(u)("ui.dropdown.selectAll")),1),v.value?(e.openBlock(),e.createElementBlock("button",{key:0,class:"text-sm text-gray-500 hover:text-gray-700 transition-colors",onClick:z},e.toDisplayString(e.unref(u)("ui.dropdown.clear")),1)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),t.isLoading?(e.openBlock(),e.createElementBlock("div",Fe,[...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",Pe,[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]=r=>w(null,()=>e.unref(k).close()))},[v.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,Re)):e.createCommentVNode("",!0),t.groupKey?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(D.value,r=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:r.label},[r.label?(e.openBlock(),e.createElementBlock("div",Te,e.toDisplayString(r.label),1)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.entries,l=>(e.openBlock(),e.createElementBlock("button",{key:l.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",d(l.item)?"bg-gray-50 font-medium":""]),role:"option","aria-selected":d(l.item),onClick:p=>w(l.item,()=>e.unref(k).close())},[d(l.item)?(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.openBlock(),e.createElementBlock("span",Je)),e.renderSlot(t.$slots,"item",e.mergeProps({ref_for:!0},{item:l.item}),()=>[e.createElementVNode("span",null,e.toDisplayString(l.item[t.labelKey]),1)])],10,Ue))),128))],64))),128)):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:2},e.renderList(B.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",d(r)?"bg-gray-50 font-medium":""]),role:"option","aria-selected":d(r),onClick:l=>w(r,()=>e.unref(k).close())},[d(r)?(e.openBlock(),e.createElementBlock("svg",Ye,[...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",Ze)),e.renderSlot(t.$slots,"item",e.mergeProps({ref_for:!0},{item:r}),()=>[e.createElementVNode("span",null,e.toDisplayString(r[t.labelKey]),1)])],10,Xe))),128)),B.value.length===0&&!t.allowEmpty?(e.openBlock(),e.createElementBlock("div",Qe,[e.renderSlot(t.$slots,"empty",{},()=>[e.createTextVNode(e.toDisplayString(e.unref(u)("ui.dropdown.nothingFound")),1)])])):e.createCommentVNode("",!0)]))])]),_:3},8,["useModal","title"])):e.createCommentVNode("",!0)],64)):(e.openBlock(),e.createBlock(q._sfc_main,{key:0,stick:t.stick,onOpen:P,onClose:R},{button:e.withCtx(({onToggle:r,isExpanded:l})=>[e.renderSlot(t.$slots,"button",e.normalizeProps(e.guardReactiveProps({onToggle:r,isExpanded:l,selectedLabel:S.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"&&l?"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"?"":v.value?"text-gray-900":"text-gray-500"])},e.toDisplayString(S.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",l?"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,ve)])]),menu:e.withCtx(({onToggle:r})=>[e.createElementVNode("div",{class:"min-w-[240px] w-full",onKeydown:l=>W(l,r)},[t.title?(e.openBlock(),e.createElementBlock("div",ge,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0),t.searchable?(e.openBlock(),e.createElementBlock("div",fe,[e.createElementVNode("div",he,[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]=l=>i.value=l),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:A},null,40,we),[[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:l=>K(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,xe)])):e.createCommentVNode("",!0),t.multiple?(e.openBlock(),e.createElementBlock("div",Be,[e.createElementVNode("button",{class:"text-xs text-blue-600 hover:text-blue-800 transition-colors",onClick:O},e.toDisplayString(e.unref(u)("ui.dropdown.selectAll")),1),v.value?(e.openBlock(),e.createElementBlock("button",{key:0,class:"text-xs text-gray-500 hover:text-gray-700 transition-colors",onClick:z},e.toDisplayString(e.unref(u)("ui.dropdown.clear")),1)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),t.isLoading?(e.openBlock(),e.createElementBlock("div",Ee,[...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:N,class:"max-h-[300px] overflow-y-auto",role:"listbox"},[t.allowEmpty?(e.openBlock(),e.createElementBlock("button",{key:0,ref:l=>_(l,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",s.value===0?"bg-gray-50":""]]),role:"option","aria-selected":!v.value,onClick:l=>w(null,r),onMouseenter:o[1]||(o[1]=l=>s.value=0)},[v.value?(e.openBlock(),e.createElementBlock("span",Ne)):(e.openBlock(),e.createElementBlock("svg",Ce,[...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,Ve)):e.createCommentVNode("",!0),t.groupKey?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(D.value,(l,p)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:l.label},[l.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",p>0?"border-t border-gray-100 mt-1":""])},e.toDisplayString(l.label),3)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.entries,a=>(e.openBlock(),e.createElementBlock("button",{key:a.item[t.valueKey],ref_for:!0,ref:$=>_($,a.flatIndex),class:e.normalizeClass(["flex items-center gap-2 w-full px-3 py-2 text-sm text-left transition-colors break-words",[d(a.item)?"bg-gray-100 font-medium":"hover:bg-gray-50",s.value===a.flatIndex?"bg-gray-50":""]]),role:"option","aria-selected":d(a.item),onClick:$=>w(a.item,r),onMouseenter:$=>s.value=a.flatIndex},[d(a.item)?(e.openBlock(),e.createElementBlock("svg",Se,[...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",$e)),e.renderSlot(t.$slots,"item",e.mergeProps({ref_for:!0},{item:a.item}),()=>[e.createElementVNode("span",null,e.toDisplayString(a.item[t.labelKey]),1)])],42,_e))),128))],64))),128)):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:2},e.renderList(B.value,(l,p)=>(e.openBlock(),e.createElementBlock("button",{key:l[t.valueKey],ref_for:!0,ref:a=>_(a,E.value+p),class:e.normalizeClass(["flex items-center gap-2 w-full px-3 py-2 text-sm text-left transition-colors break-words",[d(l)?"bg-gray-100 font-medium":"hover:bg-gray-50",s.value===E.value+p?"bg-gray-50":""]]),role:"option","aria-selected":d(l),onClick:a=>w(l,r),onMouseenter:a=>s.value=E.value+p},[d(l)?(e.openBlock(),e.createElementBlock("svg",Me,[...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",Oe)),e.renderSlot(t.$slots,"item",e.mergeProps({ref_for:!0},{item:l}),()=>[e.createElementVNode("span",null,e.toDisplayString(l[t.labelKey]),1)])],42,De))),128)),B.value.length===0&&!t.allowEmpty?(e.openBlock(),e.createElementBlock("div",ze,[e.renderSlot(t.$slots,"empty",{},()=>[e.createTextVNode(e.toDisplayString(e.unref(u)("ui.dropdown.nothingFound")),1)])])):e.createCommentVNode("",!0)],512))],40,ye)]),_:3},8,["stick"]))}});exports.OneBrowserMenu=b.OneBrowserMenu;exports.OneDropdown=b._sfc_main;exports.OneDropdownItem=b._sfc_main$1;exports.OneHelpMenu=b.OneHelpMenu;exports.OneUserMenu=b._sfc_main$2;exports.OneDropdownAuto=q._sfc_main;exports.OneBrowserMenuGrid=ke;exports.OneDropdownDivider=Z;exports.OneDropdownSelect=et;