bootstrap-vue-next
Version:
BootstrapVueNext is an early and lovely component library for Vue 3 & Nuxt 3 based on Bootstrap 5 and Typescript.
3 lines (2 loc) • 8 kB
JavaScript
;const e=require("./BButton.vue_vue_type_script_setup_true_lang-B7BDuhWq.js"),o=require("vue"),t=require("./BLink.vue_vue_type_script_setup_true_lang-DSI0NL_h.js"),a=require("./BCloseButton.vue_vue_type_script_setup_true_lang-DZGcyqBT.js"),l=require("./BProgress.vue_vue_type_script_setup_true_lang-BzP4tktA.js"),s=require("./useCountdownHover-BuzhN8vi.js"),r=require("./useDefaults-q0yyNSBk.js"),n=require("./useId-CVpYZavN.js"),u=require("./useShowHide-DS_Hoj66.js"),i=require("./_plugin-vue_export-helper-CC_fc8JW.js"),d=["id","role","aria-live","aria-atomic"],c={key:1,class:"d-flex gap-2"},p=o.defineComponent({__name:"BAlert",props:o.mergeModels({alertClass:{default:void 0},body:{default:void 0},bodyClass:{default:void 0},closeClass:{default:void 0},closeContent:{default:void 0},closeLabel:{default:"Close"},closeVariant:{default:"secondary"},dismissible:{type:Boolean,default:!1},headerClass:{default:void 0},headerTag:{default:"div"},id:{default:void 0},interval:{default:"requestAnimationFrame"},isStatus:{type:Boolean,default:!1},noHoverPause:{type:Boolean,default:!1},noResumeOnHoverLeave:{type:Boolean,default:!1},progressProps:{default:void 0},showOnPause:{type:Boolean,default:!0},title:{default:void 0},variant:{default:"info"},bgVariant:{default:null},textVariant:{default:null},active:{type:Boolean,default:void 0},activeClass:{default:void 0},disabled:{type:Boolean,default:void 0},exactActiveClass:{default:void 0},href:{default:void 0},icon:{type:Boolean,default:void 0},noRel:{type:Boolean,default:void 0},opacity:{default:void 0},opacityHover:{default:void 0},prefetch:{type:Boolean},prefetchOn:{},noPrefetch:{type:Boolean},prefetchedClass:{},rel:{default:void 0},replace:{type:Boolean,default:void 0},routerComponentName:{default:void 0},stretched:{type:Boolean,default:!1},target:{default:void 0},to:{default:void 0},underlineOffset:{default:void 0},underlineOffsetHover:{default:void 0},underlineOpacity:{default:void 0},underlineOpacityHover:{default:void 0},underlineVariant:{default:void 0},initialAnimation:{type:Boolean,default:!1},noAnimation:{type:Boolean},noFade:{type:Boolean,default:!1},lazy:{type:Boolean,default:!1},unmountLazy:{type:Boolean,default:!1},show:{type:Boolean,default:!1},transProps:{default:void 0},visible:{type:Boolean,default:!1}},{modelValue:{type:[Boolean,Number],default:!1},modelModifiers:{}}),emits:o.mergeModels(["close","close-countdown","hide","hide-prevented","hidden","show","show-prevented","shown","toggle","toggle-prevented"],["update:modelValue"]),setup(i,{expose:p,emit:f}){const v=i,m=r.useDefaults(v,"BAlert"),y=f,h=o.useSlots(),g=o.useTemplateRef("_element"),B=o.useModel(i,"modelValue"),{computedLink:C,computedLinkProps:_}=t.useBLinkHelper(m),w=n.useId((()=>m.id),"alert"),{showRef:k,renderRef:b,hide:P,toggle:V,show:x,buildTriggerableEvent:S,computedNoAnimation:H,isVisible:N,transitionProps:z,contentShowing:q}=u.useShowHide(B,m,y,g,w),L=o.computed((()=>"boolean"==typeof B.value?0:B.value)),{isActive:R,pause:j,restart:O,resume:A,stop:D,isPaused:M,value:T}=s.useCountdown(L,m.interval,{immediate:"number"==typeof B.value&&!!B.value});s.useCountdownHover(g,o.computed((()=>({noHoverPause:m.noHoverPause||"number"!=typeof B.value,noResumeOnHoverLeave:m.noResumeOnHoverLeave||"number"!=typeof B.value,modelValueIgnoresHover:"boolean"==typeof B.value}))),{pause:j,resume:A}),o.watchEffect((()=>{y("close-countdown",T.value)}));const E=o.computed((()=>C.value?t._sfc_main:"div")),I=o.computed((()=>k.value||R.value||m.showOnPause&&M.value)),$=o.computed((()=>[{[`alert-${m.variant}`]:null!==m.variant,"alert-dismissible":m.dismissible&&!(h.close||m.closeContent),show:N.value,fade:!H.value}]));o.watch(B,(e=>{if("number"==typeof e){const e=S("show",{cancelable:!0,trigger:"model"});y("show",e),e.defaultPrevented?y("show-prevented",S("show-prevented")):O()}})),o.watch(R,(e=>{!1===e&&!1===M.value&&(P(),B.value=0,D())}));const F=o.computed((()=>({toggle:V,show:x,hide:P,id:w.value,visible:k.value,active:R.value})));return p({show:x,hide:P,toggle:V,pause:j,restart:O,resume:A,stop:D}),(t,s)=>{const r=e._sfc_main;return o.unref(b)||o.unref(q)?(o.openBlock(),o.createBlock(o.Transition,o.mergeProps({key:0},o.unref(z),{appear:!!B.value||o.unref(m).visible}),{default:o.withCtx((()=>[o.withDirectives(o.createElementVNode("div",{id:o.unref(m).id,ref:"_element",class:o.normalizeClass(["alert",[o.unref(m).alertClass,$.value]]),tabindex:"0",role:I.value?o.unref(m).isStatus?"status":"alert":void 0,"aria-live":I.value?o.unref(m).isStatus?"polite":"assertive":void 0,"aria-atomic":!!I.value||void 0},[o.unref(q)&&(h.title||o.unref(m).title)?(o.openBlock(),o.createBlock(o.resolveDynamicComponent(o.unref(m).headerTag),{key:0,class:o.normalizeClass(["alert-heading d-flex gap-2",o.unref(m).headerClass])},{default:o.withCtx((()=>[o.renderSlot(t.$slots,"title",o.normalizeProps(o.guardReactiveProps(F.value)),(()=>[o.createElementVNode("span",null,o.toDisplayString(o.unref(m).title),1)]),!0),o.unref(m).dismissible?(o.openBlock(),o.createElementBlock(o.Fragment,{key:0},[h.close||o.unref(m).closeContent?(o.openBlock(),o.createBlock(r,{key:0,class:o.normalizeClass([[o.unref(m).closeClass],"ms-auto ps-1 btn-close-custom"]),variant:o.unref(m).closeVariant,onClick:s[0]||(s[0]=o.withModifiers((e=>o.unref(P)("close")),["stop","prevent"]))},{default:o.withCtx((()=>[o.renderSlot(t.$slots,"close",o.normalizeProps(o.guardReactiveProps(F.value)),(()=>[o.createTextVNode(o.toDisplayString(o.unref(m).closeContent),1)]),!0)])),_:3},8,["class","variant"])):(o.openBlock(),o.createBlock(a._sfc_main,{key:1,"aria-label":o.unref(m).closeLabel,class:o.normalizeClass([o.unref(m).closeClass]),onClick:s[1]||(s[1]=o.withModifiers((e=>o.unref(P)("close")),["stop","prevent"]))},null,8,["aria-label","class"]))],64)):o.createCommentVNode("",!0)])),_:3},8,["class"])):o.createCommentVNode("",!0),o.unref(q)&&(h.default||o.unref(m).body)?(o.openBlock(),o.createElementBlock("div",c,[(o.openBlock(),o.createBlock(o.resolveDynamicComponent(E.value),o.mergeProps({class:["alert-body",o.unref(m).bodyClass]},o.unref(_),{onClick:s[2]||(s[2]=e=>o.unref(C)&&o.unref(m).dismissible?o.unref(P)():()=>{})}),{default:o.withCtx((()=>[o.renderSlot(t.$slots,"default",o.normalizeProps(o.guardReactiveProps(F.value)),(()=>[o.createTextVNode(o.toDisplayString(o.unref(m).body),1)]),!0)])),_:3},16,["class"])),!o.unref(m).dismissible||h.title||o.unref(m).title?o.createCommentVNode("",!0):(o.openBlock(),o.createElementBlock(o.Fragment,{key:0},[h.close||o.unref(m).closeContent?(o.openBlock(),o.createBlock(r,{key:0,class:o.normalizeClass([[o.unref(m).closeClass],"ms-auto btn-close-custom"]),variant:o.unref(m).closeVariant,onClick:s[3]||(s[3]=o.withModifiers((e=>o.unref(P)("close")),["stop","prevent"]))},{default:o.withCtx((()=>[o.renderSlot(t.$slots,"close",o.normalizeProps(o.guardReactiveProps(F.value)),(()=>[o.createTextVNode(o.toDisplayString(o.unref(m).closeContent),1)]),!0)])),_:3},8,["class","variant"])):(o.openBlock(),o.createBlock(a._sfc_main,{key:1,"aria-label":o.unref(m).closeLabel,class:o.normalizeClass([o.unref(m).closeClass]),onClick:s[4]||(s[4]=o.withModifiers((e=>o.unref(P)("close")),["stop","prevent"]))},null,8,["aria-label","class"]))],64))])):o.createCommentVNode("",!0),"number"==typeof B.value&&void 0!==o.unref(m).progressProps?(o.openBlock(),o.createBlock(l._sfc_main,{key:2,animated:o.unref(m).progressProps.animated,precision:o.unref(m).progressProps.precision,"show-progress":o.unref(m).progressProps.showProgress,"show-value":o.unref(m).progressProps.showValue,striped:o.unref(m).progressProps.striped,variant:o.unref(m).progressProps.variant,max:B.value,value:o.unref(T),height:"4px"},null,8,["animated","precision","show-progress","show-value","striped","variant","max","value"])):o.createCommentVNode("",!0)],10,d),[[o.vShow,I.value]])])),_:3},16,["appear"])):o.createCommentVNode("",!0)}}}),f=i._export_sfc(p,[["__scopeId","data-v-a8a95a3d"]]);exports.BAlert=f;
//# sourceMappingURL=BAlert-CZLn73iV.js.map