1import{_ as H,a as N}from"./head-title-Dwv9Hl1_.js";import{e as l,c as S,w as V,o as s,a as M,b as t,g as a,i as r,h as D,u as F,F as O,n as v,t as P,p as R}from"./index-CvagMwV3.js";import"./logo-light-CsjQUSVr.js";import"./logo-dark-QsdNfwpe.js";import"./rtlLtr-DmkxbR_C.js";const W={class:"flex flex-col gap-4 min-h-[calc(100vh-212px)]"},A={class:"grid grid-cols-1 gap-4 md:grid-cols-2"},E={class:"p-5 bg-white border rounded border-black/10 dark:bg-darklight dark:border-darkborder"},I=t("h2",{class:"mb-4 text-base font-semibold text-black capitalize dark:text-white/80"}," Basic Notification ",-1),U={class:"relative"},Z={key:0,class:"bg-black text-white py-3 px-4 rounded-md max-w-[220px] fixed bottom-5 rtl:left-5 ltr:right-5 z-[99999] opacity-100 transition-all ease-out duration-300"},j=t("span",null,"Hello, world! This is a toast message.",-1),q=[j],G={class:"p-5 bg-white border rounded border-black/10 dark:bg-darklight dark:border-darkborder"},J=t("h2",{class:"mb-4 text-base font-semibold text-black capitalize dark:text-white/80"}," Notification With Close ",-1),K={key:0,class:"bg-black flex items-start gap-3 text-white py-3 px-4 rounded-md max-w-[250px] fixed bottom-5 ltr:right-5 rtl:left-5 z-[99999]"},Q=t("span",null,"Hello, world! This is a toast message.",-1),X=t("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",class:"w-5 h-5"},[t("path",{d:"M12.0007 10.5865L16.9504 5.63672L18.3646 7.05093L13.4149 12.0007L18.3646 16.9504L16.9504 18.3646L12.0007 13.4149L7.05093 18.3646L5.63672 16.9504L10.5865 12.0007L5.63672 7.05093L7.05093 5.63672L12.0007 10.5865Z",fill:"currentColor"})],-1),Y=[X],tt={class:"p-5 bg-white border rounded border-black/10 dark:bg-darklight dark:border-darkborder"},et=t("h2",{class:"mb-4 text-base font-semibold text-black capitalize dark:text-white/80"}," Position Notification ",-1),ot={class:"flex flex-wrap items-center gap-4"},st={key:0,class:"bg-black text-white py-3 px-4 rounded-md max-w-[220px] fixed top-5 ltr:left-5 rtl:right-5 z-[99999]"},at=t("span",null,"Hello, world! This is a toast message.",-1),lt=[at],rt={key:1,class:"bg-black text-white py-3 px-4 rounded-md max-w-[220px] mx-auto fixed top-5 left-0 right-0 z-[99999]"},it=t("span",null,"Hello, world! This is a toast message.",-1),dt=[it],nt={key:2,class:"bg-black text-white py-3 px-4 rounded-md max-w-[220px] fixed top-5 ltr:right-5 rtl:left-5 z-[99999]"},ct=t("span",null,"Hello, world! This is a toast message.",-1),bt=[ct],ht={key:3,class:"bg-black text-white py-3 px-4 rounded-md max-w-[220px] fixed bottom-5 ltr:right-5 rtl:left-5 z-[99999]"},ut=t("span",null,"Hello, world! This is a toast message.",-1),kt=[ut],gt={key:4,class:"bg-black text-white py-3 px-4 rounded-md max-w-[220px] mx-auto fixed bottom-5 right-0 left-0 z-[99999]"},xt=t("span",null,"Hello, world! This is a toast message.",-1),pt=[xt],mt={key:5,class:"bg-black text-white py-3 px-4 rounded-md max-w-[220px] fixed bottom-5 ltr:left-5 rtl:right-5 z-[99999]"},vt=t("span",null,"Hello, world! This is a toast message.",-1),_t=[vt],ft={class:"p-5 bg-white border rounded border-black/10 dark:bg-darklight dark:border-darkborder"},wt=t("h2",{class:"mb-4 text-base font-semibold text-black capitalize dark:text-white/80"}," Notification Color ",-1),Tt={class:"flex flex-wrap items-center gap-4"},yt=t("span",null,"Hello, world! This is a toast message.",-1),Ct=[yt],Lt=["onClick"],Mt={__name:"index",setup(zt){const c=l(!1),_=e=>{c.value=e},b=l(!1),m=()=>{b.value=!b.value},h=l(!1),u=l(!1),k=l(!1),g=l(!1),x=l(!1),p=l(!1),f=e=>{h.value=e},w=e=>{u.value=e},T=e=>{k.value=e},y=e=>{g.value=e},C=e=>{x.value=e},L=e=>{p.value=e},z=()=>l(!1),n=Array.from({length:8},z),$=e=>{n[e].value=!n[e].value,n[e].value&&B(e)},B=e=>{const o=setTimeout(()=>{n[e].value=!1},2e3);R(()=>clearTimeout(o))};return(e,o)=>(s(),S(H,null,{default:V(()=>[M(N,{title:"Notification",items:"Components"}),t("div",W,[t("div",A,[t("div",E,[I,t("div",U,[c.value?(s(),a("div",Z,q)):r("",!0),t("button",{onClick:o[0]||(o[0]=i=>_(!c.value)),class:"btn bg-purple border border-purple rounded-md text-white transition-all duration-300 hover:bg-purple/[0.85] hover:border-purple/[0.85]"}," Open Notification ")])]),t("div",G,[J,t("div",null,[t("button",{onClick:m,class:"text-black transition-all duration-300 border rounded-md btn dark:text-white dark:hover:text-black border-light hover:bg-light hover:text-black"}," Click Me! "),b.value?(s(),a("div",K,[Q,t("button",{type:"button",onClick:m},Y)])):r("",!0)])]),t("div",tt,[et,t("div",ot,[h.value?(s(),a("div",st,lt)):r("",!0),t("button",{class:"text-black transition-all duration-300 border rounded-md btn dark:text-white dark:hover:text-black border-light hover:bg-light hover:text-black",onClick:o[1]||(o[1]=i=>f(!h.value))}," Top Left "),u.value?(s(),a("div",rt,dt)):r("",!0),t("button",{class:"text-black transition-all duration-300 border rounded-md btn dark:text-white dark:hover:text-black border-light hover:bg-light hover:text-black",onClick:o[2]||(o[2]=i=>w(!u.value))}," Top Center "),k.value?(s(),a("div",nt,bt)):r("",!0),t("button",{class:"text-black transition-all duration-300 border rounded-md btn dark:text-white dark:hover:text-black border-light hover:bg-light hover:text-black",onClick:o[3]||(o[3]=i=>
1T(!k.value))}," Top Right "),g.value?(s(),a("div",ht,kt)):r("",!0),t("button",{class:"text-black transition-all duration-300 border rounded-md btn dark:text-white dark:hover:text-black border-light hover:bg-light hover:text-black",onClick:o[4]||(o[4]=i=>y(!g.value))}," Bottom Right "),x.value?(s(),a("div",gt,pt)):r("",!0),t("button",{class:"text-black transition-all duration-300 border rounded-md btn dark:text-white dark:hover:text-black border-light hover:bg-light hover:text-black",onClick:o[5]||(o[5]=i=>C(!x.value))}," Bottom Center "),p.value?(s(),a("div",mt,_t)):r("",!0),t("button",{class:"text-black transition-all duration-300 border rounded-md btn dark:text-white dark:hover:text-black border-light hover:bg-light hover:text-black",onClick:o[6]||(o[6]=i=>L(!p.value))}," Bottom Left ")])]),t("div",ft,[wt,t("div",Tt,[(s(!0),a(O,null,D(F(n),(i,d)=>(s(),a("div",{key:d},[i.value?(s(),a("div",{key:0,class:v(`bg-${["purple","info","success","warning","danger","black","muted","light"][d]} text-white py-3 px-4 rounded-md max-w-[220px] fixed bottom-5 ltr:right-5 rtl:left-5 z-[99999]`)},Ct,2)):r("",!0),t("button",{class:v(`transition-all duration-300 border rounded-md btn text-${["purple","info","success","warning","danger","black","muted","light"][d]} border-${["purple","info","success","warning","danger","black","muted","light"][d]} hover:bg-${["purple","info","success","warning","danger","black","muted","light"][d]} hover:text-white`),onClick:$t=>$(d)},P(["Primary","Info","Success","Warning","Danger","Black","Muted","Light"][d]),11,Lt)]))),128))])])])])]),_:1}))}};export{Mt as default};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.