2 lines
9.8 KiB
JavaScript
2 lines
9.8 KiB
JavaScript
import{t as w}from"./chunks/FwbRange.vue_vue_type_style_index_0_scoped_fadec9c5_lang.66ff4c69.js";import{d as D,Z as v,h as B,o as e,c as r,k as o,r as d,e as F,n as k,l as n,L as x,H as s,w as a,a as p,Q as i}from"./chunks/framework.3f630664.js";const T={class:"flex items-center"},I=o("svg",{class:"flex-shrink-0 w-5 h-5",fill:"currentColor",viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg"},[o("path",{"fill-rule":"evenodd",d:"M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z","clip-rule":"evenodd"})],-1),S=o("span",{class:"sr-only"},"Dismiss",-1),P=o("svg",{class:"w-5 h-5",fill:"currentColor",viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg"},[o("path",{"fill-rule":"evenodd",d:"M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z","clip-rule":"evenodd"})],-1),$=[S,P],V="ml-auto -mr-1.5 -my-1.5 rounded-lg focus:ring-2 p-1.5 inline-flex h-8 w-8 dark:bg-gray-800 dark:hover:bg-gray-700",l=D({inheritAttrs:!1,__name:"FwbAlert",props:{type:{default:"info"},closable:{type:Boolean,default:!1},icon:{type:Boolean,default:!1},border:{type:Boolean,default:!1}},emits:["close"],setup(c,{emit:E}){const t=c,b=E,m=v(),u={danger:"text-red-800 dark:text-red-400",dark:"text-gray-800 dark:text-gray-300",info:"text-blue-800 dark:text-blue-400",success:"text-green-800 dark:text-green-400",warning:"text-yellow-800 dark:text-yellow-300"},g={danger:"bg-red-50",dark:"bg-gray-50",info:"bg-blue-50",success:"bg-green-50",warning:"bg-yellow-50"},C=w(V,{danger:"text-red-500 dark:text-red-400 bg-red-50 hover:bg-red-200 focus:ring-red-400",dark:"text-gray-500 dark:text-gray-300 bg-gray-50 hover:bg-gray-200 focus:ring-gray-400 dark:hover:text-white",info:"text-blue-500 dark:text-blue-400 bg-blue-50 hover:bg-blue-200 focus:ring-blue-400",success:"text-green-500 dark:text-green-400 bg-green-50 hover:bg-green-200 focus:ring-green-400",warning:"text-yellow-500 dark:text-yellow-300 bg-yellow-50 hover:bg-yellow-200 focus:ring-yellow-400"}[t.type]),q={danger:"border-red-500 dark:text-red-400",dark:"border-gray-500 dark:text-gray-400",info:"border-blue-500 dark:text-blue-400",success:"border-green-500 dark:text-green-400",warning:"border-yellow-500 dark:text-yellow-400"},_={danger:[u.danger,g.danger].join(" "),dark:[u.dark,g.dark].join(" "),info:[u.info,g.info].join(" "),success:[u.success,g.success].join(" "),warning:[u.warning,g.warning].join(" ")},A=w("p-4 gap-3 text-sm dark:bg-gray-800 rounded-lg",_[t.type],(t.icon||t.closable)&&"flex items-center",q[t.type],t.border&&"border",m.class),f=B(!0);function h(){b("close"),f.value=!1}return(y,Fs)=>f.value?(e(),r("div",x({key:0},y.$attrs,{class:n(A),role:"alert"}),[o("div",T,[y.icon||y.$slots.icon?d(y.$slots,"icon",{key:0},()=>[I]):F("",!0),d(y.$slots,"title")]),d(y.$slots,"default",{onCloseClick:h}),d(y.$slots,"close-icon",{onCloseClick:h},()=>[y.closable?(e(),r("button",{key:0,type:"button",class:k(n(C)),"aria-label":"Close",onClick:h},$,2)):F("",!0)])],16)):F("",!0)}}),M={class:"vp-raw grid gap-2"},N={__name:"FwbAlertExampleBorder",setup(c){return(E,t)=>(e(),r("div",M,[s(n(l),{border:"",type:"info"},{default:a(()=>[p(" Info alert! Change a few things up and try submitting again. ")]),_:1}),s(n(l),{border:"",type:"warning"},{default:a(()=>[p(" Warning alert! Change a few things up and try submitting again. ")]),_:1}),s(n(l),{border:"",type:"danger"},{default:a(()=>[p(" Info Danger alert! Change a few things up and try submitting again. ")]),_:1}),s(n(l),{border:"",type:"dark"},{default:a(()=>[p(" Info Dark alert! Change a few things up and try submitting again. ")]),_:1}),s(n(l),{border:"",type:"success"},{default:a(()=>[p(" Success alert! Change a few things up and try submitting again. ")]),_:1})]))}},Z={class:"vp-raw grid gap-2"},W={__name:"FwbAlertExampleBorderAccent",setup(c){return(E,t)=>(e(),r("div",Z,[s(n(l),{class:"border-t-4 rounded-none",icon:"",type:"info"},{default:a(()=>[p(" Info alert! Change a few things up and try submitting again. ")]),_:1}),s(n(l),{class:"border-t-4 rounded-none",icon:"",type:"warning"},{default:a(()=>[p(" Warning alert! Change a few things up and try submitting again. ")]),_:1}),s(n(l),{class:"border-t-4 rounded-none",icon:"",type:"danger"},{default:a(()=>[p(" Info Danger alert! Change a few things up and try submitting again. ")]),_:1}),s(n(l),{class:"border-t-4 rounded-none",icon:"",type:"dark"},{default:a(()=>[p(" Info Dark alert! Change a few things up and try submitting again. ")]),_:1}),s(n(l),{class:"border-t-4 rounded-none",icon:"",type:"success"},{default:a(()=>[p(" Success alert! Change a few things up and try submitting again. ")]),_:1})]))}},H={class:"vp-raw"},R=o("svg",{class:"flex-shrink-0 w-4 h-4 mr-2","aria-hidden":"true",xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",viewBox:"0 0 20 20"},[o("path",{d:"M10 .5a9.5 9.5 0 1 0 9.5 9.5A9.51 9.51 0 0 0 10 .5ZM9.5 4a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3ZM12 15H8a1 1 0 0 1 0-2h1v-3H8a1 1 0 0 1 0-2h2a1 1 0 0 1 1 1v4h1a1 1 0 0 1 0 2Z"})],-1),j=o("span",{class:"sr-only"},"Info",-1),L=o("h3",{class:"text-lg font-medium"}," This is a info alert ",-1),z=o("div",{class:"mt-2 mb-4 text-sm"}," More info about this info alert goes here. 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. ",-1),U={class:"flex"},O=o("button",{type:"button",class:"text-white bg-blue-800 hover:bg-blue-900 focus:ring-4 focus:outline-none focus:ring-blue-200 font-medium rounded-lg text-xs px-3 py-1.5 mr-2 text-center inline-flex items-center dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800"},[o("svg",{class:"-ml-0.5 mr-2 h-3 w-3","aria-hidden":"true",xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",viewBox:"0 0 20 14"},[o("path",{d:"M10 0C4.612 0 0 5.336 0 7c0 1.742 3.546 7 10 7 6.454 0 10-5.258 10-7 0-1.664-4.612-7-10-7Zm0 10a3 3 0 1 1 0-6 3 3 0 0 1 0 6Z"})]),p(" View more ")],-1),J=["onClick"],Q={__name:"FwbAlertExampleCustomContent",setup(c){return(E,t)=>(e(),r("div",H,[s(n(l),{type:"info"},{icon:a(()=>[R,j]),title:a(()=>[L]),default:a(({onCloseClick:b})=>[z,o("div",U,[O,o("button",{type:"button",class:"text-blue-800 bg-transparent border border-blue-800 hover:bg-blue-900 hover:text-white focus:ring-4 focus:outline-none focus:ring-blue-200 font-medium rounded-lg text-xs px-3 py-1.5 text-center dark:hover:bg-blue-600 dark:border-blue-600 dark:text-blue-400 dark:hover:text-white dark:focus:ring-blue-800","data-dismiss-target":"#alert-additional-content-1","aria-label":"Close",onClick:b}," Dismiss ",8,J)])]),_:1})]))}},Y={class:"vp-raw grid gap-2"},G={__name:"FwbAlertExampleDismissable",setup(c){return(E,t)=>(e(),r("div",Y,[s(n(l),{closable:"",icon:"",type:"info"},{default:a(()=>[p(" Info ")]),_:1}),s(n(l),{closable:"",icon:"",type:"warning"},{default:a(()=>[p(" Warning ")]),_:1}),s(n(l),{closable:"",icon:"",type:"danger"},{default:a(()=>[p(" Danger ")]),_:1}),s(n(l),{closable:"",icon:"",type:"dark"},{default:a(()=>[p(" Dark ")]),_:1}),s(n(l),{closable:"",icon:"",type:"success"},{default:a(()=>[p(" Success ")]),_:1})]))}},K={class:"vp-raw grid gap-2"},X={__name:"FwbAlertExampleIcon",setup(c){return(E,t)=>(e(),r("div",K,[s(n(l),{icon:"",type:"info"},{default:a(()=>[p(" Info alert! Change a few things up and try submitting again. ")]),_:1}),s(n(l),{icon:"",type:"warning"},{default:a(()=>[p(" Warning alert! Change a few things up and try submitting again. ")]),_:1}),s(n(l),{icon:"",type:"danger"},{default:a(()=>[p(" Danger alert! Change a few things up and try submitting again. ")]),_:1}),s(n(l),{icon:"",type:"dark"},{default:a(()=>[p(" Dark alert! Change a few things up and try submitting again. ")]),_:1}),s(n(l),{icon:"",type:"success"},{default:a(()=>[p(" Success alert! Change a few things up and try submitting again. ")]),_:1})]))}},ss={class:"vp-raw grid gap-2"},ns=o("span",{class:"font-medium"},"Ensure that these requirements are met:",-1),as=o("ul",{class:"mt-1.5 ml-4 list-disc list-inside"},[o("li",null,"At least 10 characters (and up to 100 characters)"),o("li",null,"At least one lowercase character"),o("li",null,"Inclusion of at least one special character, e.g., ! @ # ?")],-1),ls=o("span",{class:"font-medium"},"Ensure that these requirements are met:",-1),ps=o("ul",{class:"mt-1.5 ml-4 list-disc list-inside"},[o("li",null,"At least 10 characters (and up to 100 characters)"),o("li",null,"At least one lowercase character"),o("li",null,"Inclusion of at least one special character, e.g., ! @ # ?")],-1),os={__name:"FwbAlertExampleList",setup(c){return(E,t)=>(e(),r("div",ss,[s(n(l),{type:"info"},{default:a(()=>[ns,as]),_:1}),s(n(l),{type:"danger"},{default:a(()=>[ls,ps]),_:1})]))}},ts={class:"vp-raw grid gap-2"},es={__name:"FwbAlertExampleType",setup(c){return(E,t)=>(e(),r("div",ts,[s(n(l),{type:"info"},{default:a(()=>[p(" Info alert! Change a few things up and try submitting again. ")]),_:1}),s(n(l),{type:"warning"},{default:a(()=>[p(" Warning alert! Change a few things up and try submitting again. ")]),_:1}),s(n(l),{type:"danger"},{default:a(()=>[p(" Danger alert! Change a few things up and try submitting again. ")]),_:1}),s(n(l),{type:"dark"},{default:a(()=>[p(" Dark alert! Change a few things up and try submitting again. ")]),_:1}),s(n(l),{type:"success"},{default:a(()=>[p(" Success alert! Change a few things up and try submitting again. ")]),_:1})]))}},rs=i("",5),cs=i("",3),Es=i("",3),ys=i("",3),is=i("",3),us=i("",3),gs=i("",3),ds=i("",8),ms=JSON.parse('{"title":"Vue Alert - Flowbite","description":"","frontmatter":{},"headers":[],"relativePath":"components/alert.md","filePath":"components/alert.md"}'),bs={name:"components/alert.md"},Cs=Object.assign(bs,{setup(c){return(E,t)=>(e(),r("div",null,[rs,s(es),cs,s(X),Es,s(N),ys,s(W),is,s(os),us,s(G),gs,s(Q),ds]))}});export{ms as __pageData,Cs as default};
|