<template>
    <v-menu
        v-model="menu.visible"
        :position-x="menu.x"
        :position-y="menu.y"
        absolute
        offset-y
        right
        :close-on-content-click="false"
        :close-on-click="false"
    >
        <folder-properties 
            :app="app"
            :height="height"
            :folder="selectedFolder"
            @close="menu.visible = false"
        />
                
    </v-menu>
</template>

<script>
    export default {
        
        props: {
            app: {required: true},
            menu: {required: true},
            width: {default: 360},
            height: {default: null},
        },

        computed: {

            selectedFolder() {
                return this.app.classes.Customeruploader.activeFolderManager.selectedFolder;
            }

        },

        name: 'FolderPropertiesMenu',
    }
</script>