const e=require("./hooks/useMenuContext.js"),t=require("./SubMenuList.js");let n=require("vue");var r=(0,n.defineComponent)({compatConfig:{MODE:3},name:`InlineSubMenuList`,inheritAttrs:!1,props:{id:String,open:Boolean,keyPath:Array},setup(r,{slots:i}){let a=(0,n.computed)(()=>`inline`),{motion:o,mode:s,defaultMotions:c}=e.useInjectMenu(),l=(0,n.computed)(()=>s.value===a.value),u=(0,n.ref)(!l.value),d=(0,n.computed)(()=>l.value?r.open:!1);(0,n.watch)(s,()=>{l.value&&(u.value=!1)},{flush:`post`});let f=(0,n.computed)(()=>{let e=o.value||c.value?.[a.value]||c.value?.other;return{...typeof e==`function`?e():e,appear:r.keyPath.length<=1}});return()=>u.value?null:(0,n.createVNode)(e.MenuContextProvider,{mode:a.value},{default:()=>[(0,n.createVNode)(n.Transition,f.value,{default:()=>[(0,n.withDirectives)((0,n.createVNode)(t.default,{id:r.id},{default:()=>[i.default?.()]}),[[n.vShow,d.value]])]})]})}});exports.default=r;