flowbite-vue/docs/.vitepress/dist/assets/components_toastProvider_toastProvider.md.9ae8b914.lean.js

import{d as y,h as b,U as T,aj as f,ak as $,_ as P,M as C,o as v,b as g,w as d,H as u,l as c,L as S,k as o,r as I,a as p,c as x,a0 as h,a5 as F,E as N,a6 as V}from"./chunks/framework.3f630664.js";import"./chunks/FwbRange.vue_vue_type_style_index_0_scoped_fadec9c5_lang.66ff4c69.js";import{_}from"./chunks/FwbToast.vue_vue_type_script_setup_true_lang.8ed93404.js";import{h as E}from"./chunks/index.6b4d4439.js";import{_ as m}from"./chunks/FwbButton.vue_vue_type_script_setup_true_lang.47b4329e.js";import{_ as U}from"./chunks/FlowbiteThemable.vue_vue_type_script_setup_true_lang.e3bec3bf.js";import"./chunks/simplifyTailwindClasses.275301d3.js";import"./chunks/useFlowbiteThemable.013ea29e.js";import"./chunks/useMergeClasses.5cec3a4e.js";import"./chunks/FwbSpinner.vue_vue_type_script_setup_true_lang.40262df1.js";const w="flowbite-toast-injection-key",B=y({components:{FwbToast:_},props:{transition:{type:String,default:"slide-left"}},setup(){const e=b([]),r=(i,s)=>{E(()=>t(i),s)},a=i=>{const s=parseInt((new Date().getTime()*Math.random()).toString()).toString();return e.value.push({id:s,...i}),i.time>0&&r(s,i.time),s},l=()=>{if(e.value.length===0)return"";const i=e.value[e.value.length-1].id;return e.value.pop(),i},t=i=>{const s=e.value.findIndex(n=>n.id===i);return s>=0&&e.value.splice(s,1),s>=0};return T(w,{add:a,pop:l,remove:t}),{toasts:e,removeToast:t}},render(){const{$props:e,$slots:r,toasts:a,removeToast:l}=this;return f("div",{},[r.default?r.default():null,f($,{name:e.transition,tag:"div",class:"xl:w-1/6 md:w-1/4 sm:w-1/4 fixed top-3 right-3 flex flex-col gap-2 z-50"},{default:()=>a.map(t=>t.component?f(t.component,{key:t.id,onClose:()=>l(t.id),...t.componentProps?t.componentProps:{}},()=>t.text):f(_,{closable:!0,type:t.type,key:t.id,onClose:()=>l(t.id)},()=>t.text))})])}}),z=P(B,[["__scopeId","data-v-235a549a"]]);function A(){const e=C(w,null);return e===null&&console.warn("Cannot use useToast outside <toast-provider> component. Please wrap your component with <toast-provider>"),{add:t=>e?e==null?void 0:e.add(t):"",remove:t=>e?e==null?void 0:e.remove(t):!1,pop:()=>e?e==null?void 0:e.pop():""}}const D=o("svg",{"aria-hidden":"true",class:"w-5 h-5",fill:"#ffff",viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg"},[o("path",{"fill-rule":"evenodd",d:"M4 2a1 1 0 011 1v2.101a7.002 7.002 0 0111.601 2.566 1 1 0 11-1.885.666A5.002 5.002 0 005.999 7H9a1 1 0 010 2H4a1 1 0 01-1-1V3a1 1 0 011-1zm.008 9.057a1 1 0 011.276.61A5.002 5.002 0 0014.001 13H11a1 1 0 110-2h5a1 1 0 011 1v5a1 1 0 11-2 0v-2.101a7.002 7.002 0 01-11.601-2.566 1 1 0 01.61-1.276z","clip-rule":"evenodd"})],-1),H=o("span",{class:"mb-1 text-sm font-semibold text-gray-900 dark:text-white"},"Update available",-1),M={class:"mb-2 text-sm font-normal"},O={class:"grid grid-cols-2 gap-2"},J={__name:"UpdateToast",emits:["close"],setup(e){return(r,a)=>(v(),g(c(U),{theme:"blue"},{default:d(()=>[u(c(_),S(r.$attrs,{onClose:a[0]||(a[0]=l=>r.$emit("close"))}),{icon:d(()=>[D]),default:d(()=>[H,o("div",M,[I(r.$slots,"default")]),o("div",O,[u(c(m),{size:"xs"},{default:d(()=>[p(" Update ")]),_:1}),u(c(m),{size:"xs",color:"alternative"},{default:d(()=>[p(" Not now ")]),_:1})])]),_:3},16)]),_:3}))}},R={class:"flex flex-col gap-2"},W=o("label",{for:"ms",class:"block text-sm font-medium text-gray-900 dark:text-gray-400"},"Duration(ms)",-1),G={class:"flex gap-2"},L={class:"flex"},q={__name:"FwbToastProviderExampleChild",setup(e){const r=b(5e3),a=A(),l=()=>{a.add({time:parseInt(r.value)||0,text:"A new software version is available for download.",component:N(J),componentProps:{alignment:"start",closable:!0}})},t=s=>{if(s==="update")return l();a.add({type:s,time:parseInt(r.value)||0,text:`${s} alert! Hello world!`})},i=()=>{a.pop()};return(s,n)=>(v(),x("div",R,[W,h(o("input",{id:"ms","onUpdate:modelValue":n[0]||(n[0]=k=>r.value=k),type:"number",class:"bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500",placeholder:"John",required:""},null,512),[[F,r.value,void 0,{number:!0}]]),o("div",G,[u(c(m),{color:"green",onClick:n[1]||(n[1]=()=>t("success"))},{default:d(()=>[p(" success ")]),_:1}),u(c(m),{color:"yellow",onClick:n[2]||(n[2]=()=>t("warning"))},{default:d(()=>[p(" warning ")]),_:1}),u(c(m),{color:"red",onClick:n[3]||(n[3]=()=>t("danger"))},{default:d(()=>[p(" danger ")]),_:1}),u(c(m),{color:"purple",onClick:n[4]||(n[4]=()=>t("update"))},{default:d(()=>[p(" update ")]),_:1})]),o("div",L,[u(c(m),{color:"alternative",onClick:i},{default:d(()=>[p(" pop ")]),_:1})])]))}},K=o("label",{for:"countries",class:"block mb-2 text-sm font-medium text-gray-900 dark:text-gray-400"},"Select transition",-1),Y=o("option",{value:"slide-left"}," Slide left ",-1),Q=o("option",{value:"slide-right"}," Slide right ",-1),X=o("option",{value:"slide-top"}," Slide top ",-1),Z=o("option",{value:"slide-bottom"}," Slide bottom ",-1),j=o("option",{value:"fade"}," Fade ",-1),ee=[Y,Q,X,Z,j],te={class:"vp-raw flex align-center gap-2 flex-wrap flex-col"},oe={__name:"FwbToastProviderExample",setup(e){const r=b("slide-left");return(a,l)=>(v(),g(c(z),{transition:r.value},{default:d(()=>[K,h(o("select",{id:"countries","onUpdate:modelValue":l[0]||(l[0]=t=>r.value=t),class:"mb-2 bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"},ee,512),[[V,r.value]]),o("div",te,[u(q)])]),_:1},8,["transition"]))}},re=o("h1",{id:"vue-toast-provider-flowbite",tabindex:"-1"},[p("Vue Toast Provider - Flowbite "),o("a",{class:"header-anchor",href:"#vue-toast-provider-flowbite","aria-label":'Permalink to "Vue Toast Provider - Flowbite"'},"​")],-1),se=o("div",{class:"warning custom-block"},[o("p",{class:"custom-block-title"},"WARNING"),o("p",null,"WIP, Do not use it in production")],-1),_e=JSON.parse('{"title":"Vue Toast Provider - Flowbite","description":"","frontmatter":{},"headers":[],"relativePath":"components/toastProvider/toastProvider.md","filePath":"components/toastProvider/toastProvider.md"}'),ae={name:"components/toastProvider/toastProvider.md"},be=Object.assign(ae,{setup(e){return(r,a)=>(v(),x("div",null,[re,se,u(oe)]))}});export{_e as __pageData,be as default};