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

1import{_ as h}from"./DDf1qFZX.js";import{e as g,r as f,bG as $,f as x,p as T,o as b,w as p,a as t,n as u,i as c,b as _,d as r,l as C,c as w,F as I,g as B,t as y,m as U,y as j,u as L}from"./gdhRx9sb.js";import{b as k}from"./D5oJX3xb.js";import{_ as R}from"./B3fe3bPf.js";import{i as M}from"./DRs8qObH.js";import"./5LSmqEi_.js";import"./2HaU2xUW.js";const F={class:"toast-container position-fixed top-0 end-0 p-3 toast-index toast-rtl"},H={class:"common-space alert-light-success"},O={class:"toast-body"},q={class:"toast-container position-fixed top-50 end-0 p-3 toast-index toast-rtl"},V={class:"common-space alert-light-warning"},Y={class:"toast-body"},D={class:"toast-container position-fixed bottom-0 end-0 p-3 toast-index toast-rtl"},P={class:"common-space alert-light-danger"},W={class:"toast-body"},A=g({__name:"MessageToast",setup(v){let l=f({success:!1,warning:!1,error:!1}),e=null;function i(s){l.value[s]=!0,e&&clearTimeout(e),e=setTimeout(()=>{l.value[s]=!1,e=null},5e3)}function a(s){l.value[s]=!1}return $(()=>{e&&(clearTimeout(e),e=null)}),(s,n)=>{const o=x("FeatherIcon"),d=h;return b(),T(d,{headerTitle:"Message Toasts",border:!0,padding:!1,cardBodyClass:"common-flex common-toasts"},{default:p(()=>[t("button",{class:"btn btn-success",type:"button",onClick:n[0]||(n[0]=m=>i("success"))},"Success Toast"),t("div",F,[t("div",{class:u(["toast",{show:c(l).success}])},[t("div",H,[t("div",O,[_(o,{type:"check-square",class:u("close-search stroke-success")}),n[6]||(n[6]=r(" Success: We've updated your info ",-1))]),t("button",{class:"btn-close",type:"button","data-bs-dismiss":"toast","aria-label":"Close",onClick:n[1]||(n[1]=m=>a("success"))})])],2)]),t("button",{class:"btn btn-warning",type:"button",onClick:n[2]||(n[2]=m=>i("warning"))},"Warning Toast"),t("div",q,[t("div",{class:u(["toast",{show:c(l).warning}])},[t("div",V,[t("div",Y,[_(o,{type:"alert-triangle",class:u("close-search stroke-warning")}),n[7]||(n[7]=r(" Software drivers needed to be updated in advance ",-1))]),t("button",{class:"btn-close",type:"button",onClick:n[3]||(n[3]=m=>a("warning"))})])],2)]),t("button",{class:"btn btn-danger",type:"button",onClick:n[4]||(n[4]=m=>i("error"))},"Error Toast"),t("div",D,[t("div",{class:u(["toast",{show:c(l).error}])},[t("div",P,[t("div",W,[_(o,{type:"x-circle",class:u("close-search stroke-danger")}),n[8]||(n[8]=r(" A database connection error has occurred ",-1))]),t("button",{class:"btn-close",type:"button",onClick:n[5]||(n[5]=m=>a("error"))})])],2)])]),_:1})}}}),E=Object.assign(A,{__name:"MessageToast"}),N={class:"toast-container position-fixed top-0 end-0 p-3 toast-index toast-rtl"},K={class:"toast-header toast-img"},X=["src"],Z={class:"toast-container position-fixed bottom-0 end-0 p-3 toast-index toast-rtl"},z={class:"d-flex justify-content-between alert-secondary"},G={class:"toast-container position-fixed start-0 top-0 p-3 toast-index toast-rtl"},J={class:"toast-header toast-img"},Q=["src"],tt={class:"toast-container position-fixed start-0 bottom-0 p-3 toast-index toast-rtl"},st={class:"toast-header toast-img"},ot=["src"],et={class:"toast-body toast-dark"},nt={class:"mt-2 pt-2 border-top d-flex gap-2"},at=g({__name:"LiveToast",setup(v){const{getImage:l}=k();let e=f({topRight:!1,bottomRight:!1,topLeft:!1,bottomLeft:!1}),i=null;function a(n){e.value[n]=!0,i&&clearTimeout(i),i=setTimeout(()=>{e.value[n]=!1,i=null},5e3)}function s(n){e.value[n]=!1}return $(()=>{i&&(clearTimeout(i),i=null)}),(n,o)=>{const d=h;return b(),T(d,{headerTitle:"Live Toast",border:!0,padding:!1,cardBodyClass:"position-relative common-flex live-toast"},{header5:p(()=>[...o[9]||(o[9]=[t("p",{class:"f-m-light mt-1"},[r("Use "),t("code",null,"hide "),r("class to hide toast and "),t("code",null,"show "),r("class to visible toast and given directions."),t("code",null,"[top-0/bottom-0/start-0/end-0]")],-1)])]),default:p(()=>[t("button",{class:"btn btn-primary",type:"button",onClick:o[0]||(o[0]=m=>a("topRight"))},"Top-right Toast"),t("div",N,[t("div",{class:u(["toast toast fade",{show:c(e).topRight}])},[t("div",K,[t("img",{class:"rounded me-2",src:c(l)("user/profile.png"),alt:"profile"},null,8,X),o[10]||(o[10]=t("strong",{class:"me-auto"},"Yuri Theme",-1)),o[11]||(o[11]=t("small",null,"5 min ago",-1)),t("button",{class:"btn-close",type:"button",onClick:o[1]||(o[1]=m=>s("topRight"))})]),o[12]||(o[12]=t("div",{class:"toast-body toast-dark"},"Hello, I'm a web-designer.",-1))],2)]),t("button",{class:"btn btn-secondary",type:"button",onClick:o[2]||(o[2]=m=>a("bottomRight"))},"Bottom-right Toast"),t("div",Z,[t("div",{class:u(["toast toast fade",{show:c(e).bottomRight}])},[t("div",z,[o[13]||(o[13]=t("div",{class:"toast-body"},"Your time over after 5 minute.",-1)),t("button",{class:"btn-close btn-close-white me-2 m-auto",type:"button",onClick:o[3]||(o[3]=m=>s("bottomRight"))})])],2)]),t("button",{class:"btn btn-warning",type:"button",onClick:o[4]||(o[4]=m=>a("topLeft"))},"Top-left Toast"),t("div",G,[t("div",{class:u(["toast toast fade",{show:c(e).topLeft}])},[t("div",J,[t("img",{class:"rounded me-2",src:c(l)("user/profile.png"),alt:"profile"},null,8,Q),o[14]||(o[14]=t("strong",{class:"me-auto"},"Riho Theme",-1)),o[15]||(o[15]=t("small",{class:"d-sm-block d-none"},"10 min ago",-1)),t("button",{class:"btn-close",type:"button",onClick:o[5]||(o[5]=m=>s("topLeft"))})]),o[16]||(o[16]=t("div",{class:"toast-body toast-dark"},[t("strong",{class:"txt-success"},"Well done!"),r(" You successfully read this important message.")],-1))],2)]),t("button",{class:"btn btn-success",type:"button",onClick:o[6]||(o[6]=m=>a("bottomLeft"))},"Bottom-left Toast"),t("div",tt,[t("div",{class:u(["toast toast fade",{show:c(e).bottomLeft}])},[t("div",st,[t("img",{class:"rounded me-2",src:c(l)("user/profile.png"),alt:"profile"},null,8,ot),o[17]||(o[17]=t("strong",{class:"me-auto"},"Mofi Theme",-1)),t("button",{class:"btn-close",type:"button",onClick:o[7]||(o[7]=m=>s("bottomLeft"))})]),t("div",et,[o[19]||(o[19]=t("h6",{class:"mb-2"}

1,"Your account will be permanently deleted?",-1)),o[20]||(o[20]=t("p",{class:"mb-0"},"Do you intend to continue?",-1)),t("div",nt,[o[18]||(o[18]=t("button",{class:"btn btn-dark btn-sm",type:"button"},"I'm not sure",-1)),t("button",{class:"btn btn-danger btn-sm",type:"button",onClick:o[8]||(o[8]=m=>s("bottomLeft"))},"Remove My Account")])])],2)])]),_:1})}}}),lt=Object.assign(at,{__name:"LiveToast"}),it={class:"d-flex justify-content-between"},dt=g({__name:"ColorsSchemesToast",setup(v){let l=f(!0);function e(){l.value=!1}return(i,a)=>{const s=h;return b(),T(s,{headerTitle:"Colors Schemes",border:!0,padding:!1,cardBodyClass:"toast-rtl"},{header5:p(()=>[...a[1]||(a[1]=[t("p",{class:"f-m-light mt-1"},[r("Use "),t("code",null,"hide "),r("class to hide toast and "),t("code",null,"show "),r("class to visible toast.")],-1)])]),default:p(()=>[t("div",{class:u(["toast default-show-toast align-items-center text-light bg-warning border-0 fade",c(l)?"show":"hide"])},[t("div",it,[a[2]||(a[2]=t("div",{class:"toast-body"},"Your time over after 5 minute.",-1)),t("button",{class:"btn-close btn-close-white me-2 m-auto",type:"button",onClick:a[0]||(a[0]=n=>e())})])],2)]),_:1})}}}),rt=Object.assign(dt,{__name:"ColorsSchemesToast"}),ct=[{id:1,icon:"bell",icon_color:"primary",title:"Wool theme",time:"just now",description:"Hello, I'm a web-designer.",time_out:7e5,show:!0},{id:2,icon:"bell",icon_color:"warning",title:"Roxo theme",time:"2 sec ago",description:"Hello, I'm a UX-designer.",time_out:1e6,show:!0},{id:3,icon:"bell",icon_color:"danger",title:"Zeta theme",time:"6 min ago",description:"Hello, I'm a Software developer.",show:!0,time_out:15e5},{id:4,icon:"bell",icon_color:"success",title:"Voxo theme",time:"3 sec ago",description:"Hello, I'm a professional web-designer.",show:!0,time_out:2e6}],ut=[{id:1,icon_color:"info",title:"wool theme",time:"11 mins ago",description:"Hello, I'm a web-designer.",show:!0,time_out:9e5},{id:2,icon_color:"dark",title:"Koho theme",time:"1 sec ago",description:" Hello, I'm a full-stack developer.",show:!0,time_out:12e5},{id:3,icon_color:"secondary",title:"Fastkart theme",time:"just now",description:" Hello, I'm a UX-designer.",show:!0,time_out:17e5},{id:4,icon_color:"success",title:"Oslo theme",time:"44 min ago",description:"Hello, I'm a professional web-designer.",show:!0,time_out:22e5}],mt=[{label:"Top left",value:"top-0 start-0"},{label:"Top center",value:"top-0 start-50 translate-middle-x"},{label:"Top right",value:"top-0 end-0"},{label:"Middle left",value:"top-50 start-0 translate-middle-y"},{label:"Middle center",value:"top-50 start-50 translate-middle"},{label:"Middle right",value:"top-50 end-0 translate-middle-y"},{label:"Bottom left",value:"bottom-0 start-0"},{label:"Bottom center",value:"bottom-0 start-50 translate-middle-x"},{label:"Bottom right",value:"bottom-0 end-0"}],pt={class:"toast-container position-static stacking-toast"},_t={class:"toast-header"},bt={class:"me-auto"},ft=["onClick"],gt={class:"toast-body toast-dark"},vt=g({__name:"StackingToasts",setup(v){let l=f(ct),e=null;C(()=>{l.value.forEach(a=>{a&&(e&&clearTimeout(e),e=setTimeout(()=>{a.show=!1,e=null},a.time_out))})});function i(a){l.value.filter(s=>{s.id==a&&(s.show=!1)})}return $(()=>{e&&(clearTimeout(e),e=null)}),(a,s)=>{const n=x("FeatherIcon"),o=h;return b(),T(o,{headerTitle:"Stacking Toasts",border:!0,padding:!1,cardBodyClass:"toast-rtl"},{header5:p(()=>[...s[0]||(s[0]=[t("p",{class:"f-m-light mt-1"},[r("You can stack toasts by wrapping them in a toast container, which will vertically add some spacing."),t("code",null,"[toast-*]"),r(" to change icons colors.")],-1)])]),default:p(()=>[t("div",pt,[(b(!0),w(I,null,B(c(l),d=>(b(),w("div",{key:d.id,class:u(["toast",d.show?"show":"hide"])},[t("div",_t,[_(n,{type:d.icon,class:u("toast-icons toast-"+d.icon_color)},null,8,["type","class"]),t("strong",bt,y(d.title),1),t("small",{class:u(d.time=="just now"?"txt-danger":"txt-secondary")},y(d.time),3),t("button",{class:"btn-close",type:"button",onClick:m=>i(d.id)},null,8,ft)]),t("div",gt,y(d.description),1)],2))),128))])]),_:1})}}}),ht=Object.assign(vt,{__name:"StackingToasts"}),Tt={class:"toast-container position-static stacking-toast"},yt={class:"toast-header"},wt={class:"me-auto"},$t=["onClick"],kt={class:"toast-body toast-dark"},xt=g({__name:"TranslucentToasts",setup(v){let l=f(ut),e=null;C(()=>{l.value.forEach(a=>{a&&(e&&clearTimeout(e),e=setTimeout(()=>{a.show=!1,e=null},a.time_out))})});function i(a){l.value.filter(s=>{s.id==a&&(s.show=!1)})}return $(()=>{e&&(clearTimeout(e),e=null)}),(a,s)=>{const n=x("FeatherIcon"),o=h;return b(),T(o,{cardClass:"overflow-hidden",headerTitle:"Stacking Toasts",border:!0,padding:!1,cardBodyClass:"toast-rtl bg-dark"},{header5:p(()=>[...s[0]||(s[0]=[t("p",{class:"f-m-light mt-1"},[r("Use"),t("code",null," hide "),r("class to hide toast and "),t("

1code",null,"show "),r("class to visible toast and given directions."),t("code",null,"[toast-*]"),r(" to change icons colors.")],-1)])]),default:p(()=>[t("div",Tt,[(b(!0),w(I,null,B(c(l),d=>(b(),w("div",{key:d.id,class:u(["toast",d.show?"show":"hide"])},[t("div",yt,[_(n,{type:"disc",class:u("toast-icons toast-"+d.icon_color)},null,8,["class"]),t("strong",wt,y(d.title),1),t("small",{class:u(["text-muted d-sm-block d-none",d.time=="just now"?"txt-danger":"txt-secondary"])},y(d.time),3),t("button",{class:"btn-close",type:"button",onClick:m=>i(d.id)},null,8,$t)]),t("div",kt,y(d.description),1)],2))),128))])]),_:1})}}}),Ct=Object.assign(xt,{__name:"TranslucentToasts"}),It={class:"toast-header toast-img"},Bt=["src"],St=g({__name:"DefaultToast",setup(v){const{getImage:l}=k();let e=f(!0);function i(){e.value=!1}return(a,s)=>{const n=h;return b(),T(n,{cardClass:"height-equal",headerTitle:"Default Toast",border:!0,padding:!1,cardBodyClass:"toast-rtl"},{header5:p(()=>[...s[1]||(s[1]=[t("p",{class:"f-m-light mt-1"},[r("Use"),t("code",null," hide "),r("class to hide toast and "),t("code",null,"show "),r("class to visible toast.")],-1)])]),default:p(()=>[t("div",{class:u(["toast default-show-toast toast",c(e)?"show":"hide"])},[t("div",It,[t("img",{class:"rounded me-2",src:c(l)("user/profile.png"),alt:"profile"},null,8,Bt),s[2]||(s[2]=t("strong",{class:"me-auto"},"Oliva Theme",-1)),s[3]||(s[3]=t("small",{class:"d-sm-block d-none"},"10 min ago",-1)),t("button",{class:"btn-close",type:"button",onClick:s[0]||(s[0]=o=>i())})]),s[4]||(s[4]=t("div",{class:"toast-body toast-dark"},[t("strong",{class:"txt-success"},"Well done!"),r(" You successfully read this important message.")],-1))],2)]),_:1})}}}),Ut=Object.assign(St,{__name:"DefaultToast"}),jt={class:"toast-header toast-img"},Lt=["src"],Rt={class:"toast-body toast-dark"},Mt={class:"mt-2 pt-2 border-top d-flex gap-2"},Ft=g({__name:"UniqueToast",setup(v){const{getImage:l}=k();let e=f(!0);function i(){e.value=!1}return(a,s)=>{const n=h;return b(),T(n,{cardClass:"height-equal",headerTitle:"Unique Toast",border:!0,padding:!1,cardBodyClass:"toast-rtl"},{header5:p(()=>[...s[2]||(s[2]=[t("p",{class:"f-m-light mt-1"},[r("Use"),t("code",null," hide "),r("class to hide toast and "),t("code",null,"show "),r("class to visible toast.")],-1)])]),default:p(()=>[t("div",{class:u(["toast fade",c(e)?"show":"hide"])},[t("div",jt,[t("img",{class:"rounded me-2",src:c(l)("user/profile.png"),alt:"profile"},null,8,Lt),s[3]||(s[3]=t("strong",{class:"me-auto"},"Poco Theme",-1)),t("button",{class:"btn-close",type:"button",onClick:s[0]||(s[0]=o=>i())})]),t("div",Rt,[s[5]||(s[5]=t("h6",{class:"mb-2"},"Your account will be permanently deleted?",-1)),s[6]||(s[6]=t("p",{class:"mb-0"},"Do you intend to continue?",-1)),t("div",Mt,[s[4]||(s[4]=t("button",{class:"btn btn-dark btn-sm",type:"button"},"I'm not sure",-1)),t("button",{class:"btn btn-danger btn-sm",type:"button",onClick:s[1]||(s[1]=o=>i())},"Remove My Account")])])],2)]),_:1})}}}),Ht=Object.assign(Ft,{__name:"UniqueToast"}),Ot={class:"mb-3"},qt={class:"bg-light position-relative bd-example-toasts"},Vt={class:"toast toast-fade show"},Yt={class:"toast-header toast-img"},Dt=["src"],Pt=g({__name:"ToastPlacement",setup(v){const{getImage:l}=k();let e=f(M()),i=f("");return U(()=>e.value,()=>{e.value.selected&&e.value.selected!==null&&(i.value=e.value.selected)},{deep:!0}),(a,s)=>{const n=R,o=h;return b(),T(o,{headerTitle:"Toast Placement",border:!0,padding:!1,cardBodyClass:"toast-rtl toast-dark"},{header5:p(()=>[...s[1]||(s[1]=[t("p",{class:"f-m-light mt-1"},[r("Use"),t("code",null," hide "),r("class to hide toast and "),t("code",null,"show "),r("class to visible toast.")],-1)])]),default:p(()=>[t("form",null,[t("div",Ot,[_(n,{getValueKey:"label","display-key":"label",placeholder:"Select a position...",modelValue:c(e),"onUpdate:modelValue":s[0]||(s[0]=d=>j(e)?e.value=d:e=d),options:c(mt),required:!1},null,8,["modelValue","options"])])]),t("div",qt,[t("div",{class:u(["toast-container p-3 position-absolute",c(i)?c(i):""]),id:"toastPlacement"},[t("div",Vt,[t("div",Yt,[t("img",{class:"rounded me-2",src:c(l)("user/profile.png"),alt:"profile"},null,8,Dt),s[2]||(s[2]=t("strong",{class:"me-auto"},"Zono Theme",-1)),s[3]||(s[3]=t("small",{class:"d-sm-block d-none"},"25 min ago",-1))]),s[4]||(s[4]=t("div",{class:"toast-body toast-dark txt-dark"},[t("p",{class:"toast-content"},[t("em",{class:"txt-danger"},"Attackers"),r(" on malicious activity may trick you into doing something dangerous like installing software or revealing your personal information's. ")])],-1))])],2)])]),_:1})}}}),Wt=Object.assign(Pt,{__name:"ToastPlacement"}),At={class:"container-fluid default-toasts"},Et={class:"row"},Nt={class:"col-12"},Kt={class:"col-md-6"},Xt={class:"col-md-6"},Zt={class:"col-md-6"},zt={class:"col-md-6"},Gt={class:"col-md-6"},Jt={class:"col-md-6"},Qt={class:"col-sm-12"},is=g({__name:"toast",setup(v){return L({title:"Toasts"}),(l,e)=>{const i=E,a=lt,s=rt,n=ht,o=Ct,d=Ut,m=Ht,S=Wt;return b(),w("div",At,[t("div",Et,[t("div",Nt,[_(i)]),t("div",Kt,[_(a)]),t("div",Xt,[_(s)]),t("div",Zt,[_(n)]),t("div",zt,[_(o)]),t("div",Gt,[_

1(d)]),t("div",Jt,[_(m)]),t("div",Qt,[_(S)])])])}}});export{is as default};