<script>
import BaseComponent from '@primevue-ce/core/basecomponent';
import SpeedDialStyle from '@primevue-ce/primevue/speeddial/style';

export default {
    name: 'BaseSpeedDial',
    extends: BaseComponent,
    props: {
        model: null,
        visible: {
            type: Boolean,
            default: false
        },
        direction: {
            type: String,
            default: 'up'
        },
        transitionDelay: {
            type: Number,
            default: 30
        },
        type: {
            type: String,
            default: 'linear'
        },
        radius: {
            type: Number,
            default: 0
        },
        mask: {
            type: Boolean,
            default: false
        },
        disabled: {
            type: Boolean,
            default: false
        },
        hideOnClickOutside: {
            type: Boolean,
            default: true
        },
        buttonClass: null,
        maskStyle: null,
        maskClass: null,
        showIcon: {
            type: String,
            default: undefined
        },
        hideIcon: {
            type: String,
            default: undefined
        },
        rotateAnimation: {
            type: Boolean,
            default: true
        },
        tooltipOptions: null,
        style: null,
        class: null,
        buttonProps: {
            type: Object,
            default() {
                return { rounded: true };
            }
        },
        actionButtonProps: {
            type: Object,
            default() {
                return { severity: 'secondary', rounded: true, size: 'small' };
            }
        },
        ariaLabelledby: {
            type: String,
            default: null
        },
        ariaLabel: {
            type: String,
            default: null
        }
    },
    style: SpeedDialStyle,
    provide() {
        return {
            $pcSpeedDial: this,
            $parentInstance: this
        };
    }
};
</script>
