https://paris-nuxt.vercel.app/_nuxt/BOOKMJHk.js

1import{_ as b}from"./DDf1qFZX.js";import{c as A}from"./C3Utgma4.js";import{b as $}from"./D5oJX3xb.js";import{e as k,p as h,o as r,w as i,a as t,c as u,F as g,g as f,i as y,t as x,n as m,d as s,_ as v,f as w,b as a,r as D,u as O}from"./gdhRx9sb.js";import{_ as F}from"./DIgD0P5H.js";import"./5LSmqEi_.js";import"./2HaU2xUW.js";import"./DRs8qObH.js";const U={class:"row"},N={class:"mb-0"},S=k({__name:"DarkThemeAlert",setup(p){const{titleCase:e}=$();let l=A;return(d,o)=>{const _=b;return r(),h(_,{headerTitle:"Link Color in Dark Theme",border:!0,padding:!1,cardBodyClass:"dark-alert-msg"},{header5:i(()=>[...o[0]||(o[0]=[t("p",{class:"f-m-light mt-1"},[s("To create an alert, use"),t("code",null," alert-*"),s(" class.")],-1)])]),default:i(()=>[t("div",U,[(r(),u(g,null,f([0,4],n=>t("div",{key:n,class:"col-xl-6"},[(r(!0),u(g,null,f(y(l).slice(n,n+4),c=>(r(),u(g,{key:c.color},[t("p",N,x(y(e)(c.color))+" Alert",1),t("div",{class:m(`alert alert-${c.color} dark`),role:"alert"},[t("p",{class:m(c.color=="light"?"text-dark":"text-light")},[o[1]||(o[1]=s(" The ",-1)),t("a",{class:m(["alert-link",c.color=="light"?"text-dark":"text-white"]),href:"javascript:void(0)"},' "alert-'+x(c.color)+'" ',3),o[2]||(o[2]=s(" class can be used to create an alert like this one. ",-1))],2)],2)],64))),128))])),64))])]),_:1})}}}),q=Object.assign(S,{__name:"DarkThemeAlert"}),H={class:"row"},P={class:"mb-0"},V=k({__name:"LightThemeAlert",setup(p){const{titleCase:e}=$();let l=A;return(d,o)=>{const _=b;return r(),h(_,{headerTitle:"Link Color in Light Theme",border:!0,padding:!1},{header5:i(()=>[...o[0]||(o[0]=[t("p",{class:"f-m-light mt-1"},[s("To create an light alert, use"),t("code",null," alert-light-*"),s(" class.")],-1)])]),default:i(()=>[t("div",H,[(r(),u(g,null,f([0,4],n=>t("div",{key:n,class:"col-xl-6"},[(r(!0),u(g,null,f(y(l).slice(n,n+4),c=>(r(),u(g,{key:c.color},[t("p",P,x(y(e)(c.color))+" Alert",1),t("div",{class:m(`alert alert-light-${c.color} dark`),role:"alert"},[t("p",{class:m(c.color=="light"?"txt-dark":`txt-${c.color}`)},[o[1]||(o[1]=s(" The ",-1)),t("a",{class:m(["alert-link",c.color=="light"?"text-dark":`txt-${c.color}`]),href:"javascript:void(0)"},' "alert-'+x(c.color)+'" ',3),o[2]||(o[2]=s(" class can be used to create an alert like this one. ",-1))],2)],2)],64))),128))])),64))])]),_:1})}}}),W=Object.assign(V,{__name:"LightThemeAlert"}),M={},z={class:"row gy-3"},E={class:"col-xl-6"},G={class:"alert txt-primary border-primary alert-dismissible fade show",role:"alert"},R={class:"alert txt-success border-success outline-2x alert-dismissible fade show alert-icons",role:"alert"},Y={class:"col-xl-6"},J={class:"alert txt-warning double-border border-warning alert-dismissible fade show alert-icons",role:"alert"},K={class:"alert txt-danger inset-border border-danger outline-2x alert-dismissible fade show alert-icons",role:"alert"};function Q(p,e){const l=w("FeatherIcon"),d=b;return r(),h(d,{headerTitle:"Outline Dark and Light Alerts",border:!0,padding:!1,cardBodyClass:"outline-alerts"},{header5:i(()=>[...e[0]||(e[0]=[t("p",{class:"f-m-light mt-1"},[s("Use"),t("code",null," border-* "),s("utility class to provide matching border and border-width within any alert"),t("code",null," [solid/double/inset/outset]"),s(".")],-1)])]),default:i(()=>[t("div",z,[t("div",E,[t("div",G,[a(l,{type:"clock"}),e[1]||(e[1]=t("p",null,[s("The "),t("b",{class:"txt-primary"},'"border-primary" '),s("class has the ability to generate on its own alerts.")],-1)),e[2]||(e[2]=t("button",{class:"btn-close",type:"button","data-bs-dismiss":"alert"},null,-1))]),t("div",R,[a(l,{type:"thumbs-up"}),e[3]||(e[3]=t("p",null,[s("The "),t("b",{class:"txt-success"},'"border-success" '),s("with "),t("b",{class:"txt-success"},'"outline-2x" '),s("class has the ability to generate on its own alerts.")],-1)),e[4]||(e[4]=t("button",{class:"btn-close",type:"button","data-bs-dismiss":"alert"},null,-1))])]),t("div",Y,[t("div",J,[a(l,{type:"alert-triangle"}),e[5]||(e[5]=t("p",null,[s("The "),t("b",{class:"txt-warning"},'"double-border"'),s("&"),t("b",{class:"txt-warning"},'"border-warning" '),s("class has the ability to generate on its own alerts.")],-1)),e[6]||(e[6]=t("button",{class:"btn-close",type:"button","data-bs-dismiss":"alert"},null,-1))]),t("div",K,[a(l,{type:"alert-octagon"}),e[7]||(e[7]=t("p",null,[s("The "),t("b",{class:"txt-danger"},'"inset-border" '),s("with "),t("b",{class:"txt-danger"},'"border-danger" '),s("class has the ability to generate on its own alerts.")],-1)),e[8]||(e[8]=t("button",{class:"btn-close",type:"button","data-bs-dismiss":"alert"},null,-1))])])])]),_:1})}const X=Object.assign(v(M,[["render",Q]]),{__name:"OutlineAlert"}),Z={};function tt(p,e){const l=b;return r(),h(l,{headerTitle:"Alerts with Icons and Text Actions",border:!0,padding:!1,cardBodyClass:"dark-txt alert-text-action"},{header5:i(()=>[...e[0]||(e[0]=[t("p",{class:"f-m-light mt-1"},[s("Use "),t("code",null,"border-*"),s(" class to add dismiss text instead of icon.")],-1)])]),default:i(()=>[e[1]||(e[1]=t("div",{class:"alert border-warning alert-dismissible fade show p-0",role:"alert"},[t("div",{class:"alert-arrow bg-warning"},[t("i",{class:"icon-timer"})]),t("p",null,[s("Your time Over after "),t("strong",{class:"txt-dark"}," 5"),s(" minute")]),t("button",{class:"p-0 border-0 me-2 ms-auto",type:"button","data-bs-dismiss":"alert"},[t("span",{class:"bg-warning px-3 py-1"},"Check")])],-1)),e[2]||(e[2]=t("div",{class:"alert border-danger alert-dismissible fade show p-0 mb-0",role:"alert"},[t("div",{class:"alert-arrow bg-danger"},[t("i",{class:"icon-heart"})]),t("p",null,[s("Oh snap! Change a few things up "),t("strong",{class:"txt-dark"}," Notification check")]),t("button",{class:"p-0 border-0 me-2 ms-auto",type:"button","data-bs-dismiss":"alert"},[t("span",{class:"bg-danger text-white px-3 py-1"},"Alert")])],-1))]),_:1})}const et=Object.assign(v(Z,[["render",tt]]),{__name:"IconTextAlert"}),st=k({__name:"LiveAlert",setup(p){let e=D(Array.from({length:0},(d,o)=>o));function l(){e.value.push(e.value.length+1)}return(d,o)=>{const _=b;return r(),h(_,{headerTitle:"Live Alert",border:!0,padding:!1,cardBodyClass:"live-dark"},{header5:i(()=>[...o[1]||(o[1]=[t("p",{class:"f-m-light mt-1"},"Click the button below to show an alert, then dismiss (and destroy) it with the built-in close button.",-1)])]),default:i(()=>[(r(!0),u(g,null,f(y(e),n=>(r(),u("div",{key:n,class:"alert alert-light-dark txt-dark mb-3 alert-dismissible",role:"alert"},[...o[2]||(o[2]=[t("div",null,"Nice, you triggered this alert message!",-1),t("button",{type:"button",class:"btn-close","data-bs-dismiss":"alert","aria-label":"Close"},null,-1)])]))),128)),t("button",{class:"btn btn-dark",id:"liveAlertBtn",type:"button",onClick:o[0]||(o[0]=n=>l())}

1,"Show Live Alert")]),_:1})}}}),lt=Object.assign(st,{__name:"LiveAlert"}),ot={},rt={class:"alert alert-bg-warning alert-dismissible fade show",role:"alert"};function nt(p,e){const l=w("FeatherIcon"),d=b;return r(),h(d,{headerTitle:"Dismissing Light Alert",border:!0,padding:!1,cardBodyClass:"dark-alert-msg"},{header5:i(()=>[...e[0]||(e[0]=[t("p",{class:"f-m-light mt-1"},[s("Use "),t("code",null,"alert-light-*"),s(" class can be used to generate a light alerts and"),t("code",null," alert-dismissible"),s(" utility class to remove the alerts.")],-1)])]),default:i(()=>[t("div",rt,[a(l,{type:"bell"}),e[1]||(e[1]=t("p",null,[s("The "),t("a",{class:"alert-link txt-warning",href:"javascript:void(0)"},'"alert-bg-warning" '),s("class can be used to create an alert like this one.")],-1)),e[2]||(e[2]=t("button",{class:"btn-close",type:"button","data-bs-dismiss":"alert"},null,-1))])]),_:1})}const at=Object.assign(v(ot,[["render",nt]]),{__name:"DismissingLightAlert"}),it={},dt={class:"alert alert-dark dark alert-dismissible fade show",role:"alert"};function ct(p,e){const l=w("FeatherIcon"),d=b;return r(),h(d,{headerTitle:"Dismissing Dark Alert",border:!0,padding:!1},{header5:i(()=>[...e[0]||(e[0]=[t("p",{class:"f-m-light mt-1"},[s("Use "),t("code",null,"alert-*"),s(" class can be used to generate a dark alerts and"),t("code",null," alert-dismissible"),s(" utility class to remove the alerts.")],-1)])]),default:i(()=>[t("div",dt,[a(l,{type:"heart"}),e[1]||(e[1]=t("p",{class:"txt-light"},[s("The "),t("a",{class:"alert-link txt-light",href:"javascript:void(0)"},'"alert-dark" '),s("class can be used to create an alert like this one.")],-1)),e[2]||(e[2]=t("button",{class:"btn-close",type:"button","data-bs-dismiss":"alert"},null,-1))])]),_:1})}const ut=Object.assign(v(it,[["render",ct]]),{__name:"DismissingDarkAlert"}),_t={},mt={class:"alert alert-bg-dark light alert-dismissible fade show txt-dark border-left-dark",role:"alert"},pt={class:"alert alert-bg-secondary light alert-dismissible fade show txt-secondary border-left-secondary",role:"alert"},bt={class:"alert alert-bg-success light alert-dismissible fade show txt-success border-left-success",role:"alert"};function ht(p,e){const l=w("FeatherIcon"),d=b;return r(),h(d,{cardClass:"height-equal",headerTitle:"Left Border Alert",border:!0,padding:!1,cardBodyClass:"live-dark dark-alert-msg"},{header5:i(()=>[...e[0]||(e[0]=[t("p",{class:"f-m-light mt-1"},[s("Use "),t("code",null,"border-left-*"),s(" class to add left border to alert.")],-1)])]),default:i(()=>[t("div",mt,[a(l,{type:"help-circle"}),e[1]||(e[1]=t("p",null,"Dark Alert: border-left-wrapper",-1)),e[2]||(e[2]=t("button",{class:"btn-close",type:"button","data-bs-dismiss":"alert"},null,-1))]),t("div",pt,[a(l,{type:"alert-octagon"}),e[3]||(e[3]=t("p",null,"Secondary Alert: border-left-secondary",-1)),e[4]||(e[4]=t("button",{class:"btn-close",type:"button","data-bs-dismiss":"alert"},null,-1))]),t("div",bt,[a(l,{type:"check-square"}),e[5]||(e[5]=t("p",null,"Success Alert: border-left-success",-1)),e[6]||(e[6]=t("button",{class:"btn-close",type:"button","data-bs-dismiss":"alert"},null,-1))])]),_:1})}const gt=Object.assign(v(_t,[["render",ht]]),{__name:"LeftBorderAlert"}),ft={},yt={class:"alert-box"},xt={class:"alert alert-dismissible justify-content-center p-0 fade show",role:"alert"},kt={class:"alert-body"};function vt(p,e){const l=F,d=b;return r(),h(d,{cardClass:"height-equal",headerTitle:"Custom Alert Popup",border:!0,padding:!1},{header5:i(()=>[...e[0]||(e[0]=[t("p",{class:"f-m-light mt-1"},[s("Use"),t("code",null," alert "),s("class can be used to generate a custom alert.")],-1)])]),default:i(()=>[t("div",yt,[t("div",xt,[t("div",kt,[a(l,{icon:"alert-popup"}),e[1]||(e[1]=t("h6",{class:"mb-1"},"A Crucial Update is Now Available",-1)),e[2]||(e[2]=t("p",null,"For improved security and functionality, install the most recent version right away.",-1)),e[3]||(e[3]=t("div",{class:"button-box"},[t("button",{class:"btn light-background"},"Later"),t("button",{class:"btn btn-warning"},"Right Now")],-1))]),e[4]||(e[4]=t("button",{class:"btn-close",type:"button","data-bs-dismiss":"alert"},null,-1))])])]),_:1})}const wt=Object.assign(v(ft,[["render",vt]]),{__name:"CustomAlert"}),At=[{id:1,color:"primary",icon:"bar-chart-2"},{id:2,color:"secondary",icon:"layers"},{id:3,color:"warning",icon:"alert-triangle"},{id:4,color:"success",icon:"check-square"},{id:5,color:"danger",icon:"alert-circle"},{id:6,color:"info",icon:"octagon"},{id:7,color:"light",icon:"thumbs-up"},{id:8,color:"dark",icon:"loader"}],$t=[{color:"primary",title:"Please! Check your notifications",description:`<p>Aww yeah, you successfully read this important alert message. This example text is going to run a bit longer so that you can see how spacing within an alert works with this kind of content.</p>
2                      <hr>
3                      <p class="mb-0">Whenever you need to, be sure to use margin utilities to keep things nice and tidy.</p>`},{color:"secondary",title:"Something went wrong! Please, chrome update.",description:`<p>Aww yeah, you successfully read this important alert message. This example text is going to run a bit longer so that you can see how spacing within an alert works with this kind of content.</p>
4                      <hr>
5                      <p class="mb-0">Whenever you need to, be sure to use margin utilities to keep things nice and tidy.</p>`},{color:"success",title:"Please! Hidden cameras were not installed.",description:`<p>Aww yeah, you successfully read this important alert message. This example text is going to run a bit longer so that you can see how spacing within an alert works with this kind of content.</p>
6                      <hr>
7                      <p class="mb-0">Whenever you need to, be sure to use margin utilities to keep things nice and tidy.</p>`}],Ct={class:"row"},Tt=["ngClass"],Lt=k({__name:"IconsAlerts",setup(p){return(e,l)=>{const d=w("FeatherIcon"),o=b;return r(),h(o,{headerTitle:"Icons with Alerts",border:!0,padding:!1,cardBodyClass:"alerts-icon"},{header5:i(()=>[...l[0]||(l[0]=[t("p",{class:"f-m-light mt-1"},[s("Use"),t("code",null," alert alert-* "),s("classes to add SVG icons to the alerts.")],-1)])]),default:i(()=>[t("div",Ct,[(r(),u(g,null,f([0,4],_=>

7t("div",{class:"col-xl-6",key:_},[(r(!0),u(g,null,f(y(At).slice(_,_+4),n=>(r(),u("div",{key:n.color,class:m(`alert alert-${n.color} d-flex align-items-center`),role:"alert"},[t("div",null,[a(d,{type:n.icon,class:m(`${n.color=="light"?"stroke-dark":"stroke-"+n.color}`)},null,8,["type","class"])]),t("span",{ngClass:n.color=="light"?"txt-dark":"txt-white"},[l[1]||(l[1]=s("Use ",-1)),t("a",{class:m(["alert-link",n.color=="light"?"text-dark":"text-white"]),href:"javascript:void(0)"},'"alert-'+x(n.color)+'"',3),l[2]||(l[2]=s(" and ",-1)),t("a",{class:m(["alert-link",n.color=="light"?"text-dark":"text-white"]),href:"javascript:void(0)"},'"stroke-'+x(n.color)+'"',3),l[3]||(l[3]=s(" classes for alerts like this one. ",-1))],8,Tt)],2))),128))])),64))])]),_:1})}}}),jt=Object.assign(Lt,{__name:"IconsAlerts"}),It=["innerHTML"],Bt=k({__name:"AdditionalContents",setup(p){return(e,l)=>{const d=b;return r(),h(d,{headerTitle:"Additional Contents",border:!0,padding:!1,cardBodyClass:"dark-alert alert-addition-content"},{header5:i(()=>[...l[0]||(l[0]=[t("p",{class:"f-m-light mt-1"},[s("Use"),t("code",null," alert "),s(" utility class to provide additional content within any alerts.")],-1)])]),default:i(()=>[(r(!0),u(g,null,f(y($t),(o,_)=>(r(),u("div",{class:m(`alert bg-light-${o.color}`),role:"alert",key:_},[t("h5",{class:m(`alert-heading pb-2 txt-${o.color}`)},x(o.title),3),t("p",{innerHTML:o.description},null,8,It)],2))),128))]),_:1})}}}),Dt=Object.assign(Bt,{__name:"AdditionalContents"}),Ot={class:"container-fluid"},Ft={class:"row"},Ut={class:"col-xl-12"},Nt={class:"col-xl-12"},St={class:"col-sm-12"},qt={class:"col-sm-12 col-xl-6"},Ht={class:"col-xl-6"},Pt={class:"col-sm-12 col-xl-6"},Vt={class:"col-sm-12 col-xl-6"},Wt={class:"col-xl-6"},Mt={class:"col-xl-6"},zt={class:"col-xl-12"},Et={class:"col-sm-12"},te=k({__name:"alert",setup(p){return O({title:"Alert"}),(e,l)=>{const d=q,o=W,_=X,n=et,c=lt,C=at,T=ut,L=gt,j=wt,I=jt,B=Dt;return r(),u("div",Ot,[t("div",Ft,[t("div",Ut,[a(d)]),t("div",Nt,[a(o)]),t("div",St,[a(_)]),t("div",qt,[a(n)]),t("div",Ht,[a(c)]),t("div",Pt,[a(C)]),t("div",Vt,[a(T)]),t("div",Wt,[a(L)]),t("div",Mt,[a(j)]),t("div",zt,[a(I)]),t("div",Et,[a(B)])])])}}});export{te as default};