Vue.component('dl_popup',{
template: `
<div>
    <transition name="modal">
      <div class="modal-mask" style="position:absolute;z-index:2;left:0;right:0;margin-left:auto;margin-right:auto">
        <div class="modal-wrapper">
          <div class="modal-dialog" role="document">
            <div class="modal-content">
              <div class="modal-header  bg-light">
                <h5 class="modal-title">Mensaje</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                  <span aria-hidden="true" @click="cerrar_dl_popup">&times;</span>
                </button>
              </div>
              <div class="modal-body" style="text-align:center">
                <p v-for="popup_renglon in dl_popup_estado.popup_mensaje">{{popup_renglon}}</p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </transition>
</div>			
`,
computed:{
  ...Vuex.mapState(['dl_popup_estado'])
},
methods:{
  ...Vuex.mapMutations(['cerrar_dl_popup','abrir_dl_popup'])
}
		
})