<template>
    <div>
        <audio-recorder style="margin: 0 auto"/>
    </div>
</template>

<script>
export default {
    name: "voice_record_widget",
    props: {
        widget: Object
    },
    data: function () {
        return {
            format: {
                width: "auto"
            },
            fontFamily: {
                width: "auto"
            },
            inlineMode: {
                enable: true,
                onSelection: true
            },

            notdisable: "",
            inputText: "",
            hover: false,
            highlight: false,
            top: false,
            bottom: false
        };
    },
    created() {
        // document.addclickEventListener('')
    },
    methods: {
        btnClicked() {
            console.log(document.getElementById("foo").innerHTML);
        },

        changeCheck: function (args) {
            this.$refs.rteInstance.ej2Instances.inlineMode.onSelection = args.checked;
            this.$refs.rteInstance.dataBind();
        },
        sendboolean(value) {
            this.NewValue.Ans = value;
        },

    }
};
</script>

<style scoped>
/*.svg {*/
/*    vertical-align: none;*/
/*}*/

/*.ar {*/
/*    width: 420px;*/
/*    font-family: 'Roboto', sans-serif;*/
/*    border-radius: 16px;*/
/*    background-color: #FAFAFA;*/
/*    box-shadow: 0 0px 20px 0 rgba(0, 0, 0, 0.17);*/
/*    position: relative;*/
/*    !* box-sizing: content-box; *!*/
/*    margin: 0 auto;*/
/*}*/
/*.e-richtexteditor.e-rte-inline .e-rte-content,*/
/*.e-richtexteditor.e-rte-inline .e-source-content {*/
/*    background: #fff;*/
/*    color: #333;*/
/*}*/
</style>
