@aotearoan/neon/dist/components/feedback/dialog/NeonDialog.cjs.js

Neon is a lightweight design library of Vue 3 components with minimal dependencies.

"use strict";const o=require("vue"),a=require("../../../common/enums/NeonFunctionalColor.cjs.js"),i=require("../../user-input/button/NeonButton.vue.cjs.js"),u=require("../../layout/card/NeonCard.vue.cjs.js"),s=require("../../layout/card/body/NeonCardBody.vue.cjs.js"),f=require("../../layout/modal/NeonModal.vue.cjs.js"),p=o.defineComponent({name:"NeonDialog",components:{NeonButton:i,NeonCard:u,NeonCardBody:s,NeonModal:f},props:{color:{type:String,default:a.NeonFunctionalColor.Primary},alternateColor:{type:String,default:null},cancelLabel:{type:String,default:"Cancel"},confirmLabel:{type:String,default:"Confirm"},title:{type:String,required:!0},question:{type:String,required:!0},open:{type:Boolean,default:!1},opaque:{type:Boolean,default:!1}},emits:["cancel","confirm"],setup(r,{emit:t}){const e=o.ref(null),c=()=>{t("cancel")},l=()=>{t("confirm")};return o.watch(()=>r.open,()=>{if(e.value){const n=e.value.querySelector(".neon-dialog__confirm-button");n==null||n.focus()}}),{actions:e,cancel:c,confirm:l}}});module.exports=p;
//# sourceMappingURL=NeonDialog.cjs.js.map