{"version":3,"file":"useDirectionStyle.cjs","sources":["../../../../../../../packages/components/menu/src/hooks/useDirectionStyle.ts"],"sourcesContent":["import type { ComputedRef, CSSProperties } from 'vue';\nimport { computed } from 'vue';\nimport { useInjectMenu } from './useMenuContext';\n\nexport default function useDirectionStyle(level: ComputedRef<number>): ComputedRef<CSSProperties> {\n  const { mode, rtl, inlineIndent } = useInjectMenu();\n\n  return computed(() =>\n    mode.value !== 'inline'\n      ? null\n      : rtl.value\n        ? { paddingRight: `${level.value * inlineIndent.value}px` }\n        : { paddingLeft: `${level.value * inlineIndent.value}px` },\n  );\n}\n"],"names":["useInjectMenu","computed"],"mappings":";;;;;;;AAIA,SAAwB,kBAAkB,KAAwD,EAAA;AAChG,EAAA,MAAM,EAAE,IAAA,EAAM,GAAK,EAAA,YAAA,KAAiBA,4BAAc,EAAA,CAAA;AAElD,EAAO,OAAAC,YAAA;AAAA,IAAS,MACd,KAAK,KAAU,KAAA,QAAA,GACX,OACA,GAAI,CAAA,KAAA,GACF,EAAE,YAAA,EAAc,CAAG,EAAA,KAAA,CAAM,QAAQ,YAAa,CAAA,KAAK,CAAK,EAAA,CAAA,EAAA,GACxD,EAAE,WAAA,EAAa,GAAG,KAAM,CAAA,KAAA,GAAQ,YAAa,CAAA,KAAK,CAAK,EAAA,CAAA,EAAA;AAAA,GAC/D,CAAA;AACF;;;;"}