https://app.joypixels.com/build/assets/Pop-DjNUu9-y.js

1import{_ as y}from"./DevLayout-R78KLsQD.js";import{_}from"./SkinTone-CuQ11Id2.js";import{_ as h}from"./LibraryOptionsMenu-7HdWZM2D.js";import{_ as a}from"./Button-D84Q1mQ5.js";import{a as l}from"./Icon-Si08zmMr.js";import{b as n,t as p,a as $}from"./PopToast-BZZuRC-I.js";import{b as T,a as r}from"./WithLabel-BKomwcxA.js";import{n as b,c as k,o as x,w as o,b as s,t as P,a as t,B as d,C as f,f as g,R as S,u as m}from"./app-Bd0jZ4nk.js";const M={class:"ff-dm-sans"},C={class:"components"},L={class:"items"},B={class:"items"},E={class:"pop-menu-template"},N={class:"items",style:{display:"flex",gap:"1em","flex-wrap":"wrap"}},W={class:"items",style:{padding:"4rem"}},j={class:"items",style:{padding:"4rem","justify-items":"start"}},z={class:"items",style:{padding:"4rem","justify-items":"start"}},I={__name:"Pop",setup(R){const c=b(!1),v=b(!1),i={cat:"Text",props:{size:"lg",theme:"text"},iconLeft:"arrow-left",iconRight:"arrow-right"};return(w,e)=>(x(),k(y,{id:"page-dev-pop"},{default:o(()=>[s("h1",M,P(w.$page.props.title),1),s("section",C,[e[16]||(e[16]=s("h3",null,"Library Options",-1)),s("aside",L,[t(_,{placement:"bottom-start"},{pop:o(()=>[t(h)]),default:o(()=>[t(a,d(f(i)),{default:o(()=>[t(l,{name:"calendar-blank"}),e[5]||(e[5]=s("label",null,"Sample Button",-1)),t(l,{name:"caret-down-thick"})]),_:1,__:[5]},16)]),_:1})]),e[17]||(e[17]=s("h3",null,"PopMenu",-1)),s("aside",B,[t(_,{popped:c.value,width:"300px",placement:"top-end"},{pop:o(()=>[s("div",E,[e[9]||(e[9]=g(" This is the pop content!",-1)),e[10]||(e[10]=s("br",null,null,-1)),t(_,{popped:v.value,width:"300px",placement:"right-start"},{pop:o(()=>e[8]||(e[8]=[s("div",{class:"pop-menu-template"}," This is a tier 2 pop content! ",-1)])),default:o(()=>[t(a,S(i,{size:"sm"}),{default:o(()=>[t(l,{name:"calendar-blank"}),e[7]||(e[7]=s("label",null,"Tier 2 Menu",-1)),t(l,{name:"caret-down-thick"})]),_:1,__:[7]},16)]),_:1},8,["popped"])])]),default:o(()=>[t(a,d(f(i)),{default:o(()=>[t(l,{name:"calendar-blank"}),e[6]||(e[6]=s("label",null,"Sample Button",-1)),t(l,{name:"caret-down-thick"})]),_:1,__:[6]},16)]),_:1},8,["popped"])]),e[18]||(e[18]=s("h3",null,"Tool Tip (pop/PopTip.vue)",-1)),s("aside",N,[t(T,{placement:"bottom-start"},{pop:o(()=>[t(r,null,{default:o(()=>e[11]||(e[11]=[s("p",null," Short message ",-1)])),_:1,__:[11]})]),default:o(()=>[t(a,d(f(i)),{default:o(()=>[t(l,{name:"information"})]),_:1},16)]),_:1}),t(T,{placement:"bottom",interactive:""},{pop:o(()=>[t(r,null,{default:o(()=>e[12]||(e[12]=[s("p",null,[g(" To access our free features, simply login or create an account. "),s("a",{href:"#"},[s("b",null,"Learn more")])],-1)])),_:1,__:[12]})]),default:o(()=>[t(l,{name:"information"})]),_:1}),t(T,{placement:"top",interactive:""},{pop:o(()=>[t(r,null,{default:o(()=>e[13]||(e[13]=[s("p",null,[g(" To access our free features, simply login or create an account. "),s("a",{href:"#"},[s("b",null,"Learn more")])],-1)])),_:1,__:[13]})]),default:o(()=>[t(a,d(f(i)),{default:o(()=>[t(l,{name:"information"})]),_:1},16)]),_:1})]),e[19]||(e[19]=s("h3",null,"Tool Tip Template (pop/templates/TipMessage.vue)",-1)),s("aside",W,[t(r,{style:{position:"relative"}},{default:o(()=>e[14]||(e[14]=[s("p",null,[g(" To access our free features, simply login or create an account. "),s("a",{href:"#"},[s("b",null,"Learn more")])],-1)])),_:1,__:[14]}),t(r,{style:{position:"relative"}},{default:o(()=>e[15]||(e[15]=[s("p",null," Short message ",-1)])),_:1,__:[15]})]),e[20]||(e[20]=s("h3",null,"Toast Simple (pop/templates/ToastMessage.vue)",-1)),s("aside",j,[t(n,{state:"success",title:"PNG copied successfully!"}),t(n,{state:"error",title:"That's an error!"}),t(n,{state:"success",title:"Copied!",message:"Paste it anywhere you want! As long as its somewhere you are licensed to use it."}),t(n,{state:"error",title:"That's an error.",message:"This was not supposed to happen but it is reasonable to expect it to happen 20% of the time, and for errors to be recoverable 80% of the time."}),t(n,{state:"success",title:"Short Title"})]),e[21]||(e[21]=s("h3",null,"Show Toast (Placement: top)",-1)),s("aside",z,[t(a,{label:"Show Toast",onClick:e[0]||(e[0]=u=>m(p).pop({timeout:3,props:{state:"success",title:"Emoji Copied!!"}}))}),t(a,{label:"Longer Title (no timeout)",onClick:e[1]||(e[1]=u=>m(p).pop({timeout:0,props:{state:"success",title:"Longer title to test alignment and max width"}}))}),t(a,{label:"With Message",onClick:e[2]||(e[2]=u=>m(p).pop({timeout:3,props:{state:"success",title:"With Message",message:"This is a longer message to test alignment and max width. This is only a test."}}))}),t(a,{theme:"destructive",label:"Simple Error",onClick:e[3]||(e[3]=u=>m(p).pop({timeout:3,props:{state:"error",title:"Simple Error"}}))}),t(a,{theme:"destructive",label:"Error With Message",onClick:e[4]||(e[4]=u=>m(p).pop({timeout:3,props:{state:"error",title:"Error With Message",message:"This is a longer message to test alignment and max width. This is only a test."}}))})]),t($,{placement:"top"})])]),_:1}))}};export{I as default};