<template>
    <v-menu
        v-model="filterform.menu.visible"
        :position-x="filterform.menu.x"
        :position-y="filterform.menu.y"
        absolute
        offset-y
        :close-on-content-click="false"
    >
        <cs-filter-form-card
            :form="filterform"
        >
            <cursuri-filter-input 
                :form="filterform"
            />
        </cs-filter-form-card>
    </v-menu>
</template>


<script>
    export default {
        props: {
            app: {required: true}
        },

        watch: {
            'filterform.menu.visible': function(newVisible, oldVisible) {
                if(! newVisible)
                {
                    this.filterform.Hide();
                }
            }
        },  

        components: {
            CsFilterFormCard: require('@CsVueComp/cards/CsFilterFormCard').default,
        },

        mixins: [
            require('@MyDpoMix/Entities/Curs/Curs.mixin'),
        ],

        name: 'CursFilterMenu',
    }
</script>