Vue.component("vv-signin1", {
template: '<template>     <q-dialog v-model="visible" persistent transition-show="scale" transition-hide="scale" @show="on_show" @keyup.esc="on_cancel">         <q-card class="bg-white text-primary" style="width: 400px">             <q-card-section>             <div class="text-h6">Sign in</div>         </q-card-section>          <q-card-section class="bg-white text-primary">             <q-input square outlined ref="text_login" v-model="login" label="login" @keyup.enter="$refs.text_password.focus()"></q-input>             <q-input square outlined ref="text_password" v-model="password" label="password" :type="password_visible ? \'text\' : \'password\'" style="margin: 10px 0px 0px 0px;" @keyup.enter="on_signin">                 <template v-slot:append>                     <q-icon v-show=\'password_visible\' class="icon-el-eye-off cursor-pointer text-primary"  @click="password_visible = false"></q-icon>                     <q-icon v-show=\'!password_visible\' class="icon-el-eye cursor-pointer text-primary" @click="password_visible = true"></q-icon>                 </template>             </q-input>         </q-card-section>             <q-card-actions align="right" class="bg-white text-primary" style="margin: 0px 10px 5px 0px;">                 <q-btn unelevated style="width: 80px;" ref="btn_cancel" color="negative" label="cancel" @click="on_cancel"></q-btn>                 <q-btn unelevated style="width: 120px;" ref="btn_signin" color="primary" label="sign in" @click="on_signin"></q-btn>             </q-card-actions>         </q-card>     </q-dialog> </template>',
props :{
    visible: { type: Boolean },
    login: { type: String },
    password: { type: String }
},
data :function () {
    return { password_visible: false };
},
methods :{
    on_show: function () {
        this.$refs.text_login.focus();
    },
    on_signin: function () {
        this.emit_close(true);
    },
    on_cancel: function () {
        this.emit_close(false);
    },
    emit_close: function (signin) {
        this.$emit('close', {
            signin: signin,
            login: this.login,
            password: this.password
        });
    }
}
})