sweetalert.ece4bbf1.js 28 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349
  1. import{c as x,_ as d,I as m}from"./icon-code.6d7a3662.js";import{S as o}from"./sweetalert2.all.79a6bcd7.js";import{d as y,u as v,c as C,a as t,f as l,j as n,g as p,W as f,w as b,l as h,o as a}from"./index.c685e846.js";import{I as k}from"./icon-bell.2e21c889.js";const A=t("ul",{class:"flex space-x-2 rtl:space-x-reverse"},[t("li",null,[t("a",{href:"javascript:;",class:"text-primary hover:underline"},"Components")]),t("li",{class:"before:content-['/'] ltr:before:mr-2 rtl:before:ml-2"},[t("span",null,"Sweet Alerts")])],-1),B={class:"pt-5 space-y-8 sweet-alerts"},S={class:"panel p-3 flex items-center text-primary overflow-x-auto whitespace-nowrap"},j={class:"ring-2 ring-primary/30 rounded-full bg-primary text-white p-1.5 ltr:mr-3 rtl:ml-3"},T=t("span",{class:"ltr:mr-3 rtl:ml-3"},"Documentation: ",-1),$=t("a",{href:"https://www.npmjs.com/package/sweetalert2",target:"_blank",class:"block hover:underline"},"https://www.npmjs.com/package/sweetalert2",-1),I={class:"grid grid-cols-1 lg:grid-cols-2 gap-6"},Y={class:"panel"},M={class:"flex items-center justify-between mb-5"},L=t("h5",{class:"font-semibold text-lg dark:text-white-light"},"Basic message",-1),D={class:"flex items-center"},q={class:"mb-5"},P={class:"flex items-center justify-center"},W=t("pre",null,`<!-- basic message -->
  2. <button type="button" class="btn btn-primary" @click="showAlert()">Basic message</button>
  3. <!-- script -->
  4. <script>
  5. const showAlert = async (type: number) => {
  6. Swal.fire({
  7. title: 'Saved succesfully',
  8. padding: '2em',
  9. customClass: 'sweet-alerts',
  10. });
  11. }
  12. <\/script>
  13. `,-1),O={class:"panel"},N={class:"flex items-center justify-between mb-5"},H=t("h5",{class:"font-semibold text-lg dark:text-white-light"},"Success message",-1),R={class:"flex items-center"},F={class:"mb-5"},U={class:"flex items-center justify-center"},V=t("pre",null,`<!-- success message -->
  14. <button type="button" class="btn btn-secondary" @click="showAlert()">Success message!</button>
  15. <!-- script -->
  16. <script>
  17. const showAlert = async (type: number) => {
  18. Swal.fire({
  19. icon: 'success',
  20. title: 'Good job!',
  21. text: 'You clicked the!',
  22. padding: '2em',
  23. customClass: 'sweet-alerts',
  24. });
  25. }
  26. <\/script>
  27. `,-1),Q={class:"panel"},G={class:"flex items-center justify-between mb-5"},J=t("h5",{class:"font-semibold text-lg dark:text-white-light"},"Dynamic queue",-1),E={class:"flex items-center"},X={class:"mb-5"},z={class:"flex items-center justify-center"},K=t("pre",null,`<!-- dynamic queue -->
  28. <button type="button" class="btn btn-success" @click="showAlert()">Dynamic queue</button>
  29. <!-- script -->
  30. <script>
  31. const showAlert = async (type: number) => {
  32. const ipAPI = 'https://api.ipify.org?format=json';
  33. Swal.fire({
  34. title: 'Your public IP',
  35. confirmButtonText: 'Show my public IP',
  36. text: 'Your public IP will be received ' + 'via AJAX request',
  37. showLoaderOnConfirm: true,
  38. customClass: 'sweet-alerts',
  39. preConfirm: () => {
  40. return fetch(ipAPI)
  41. .then((response) => {
  42. return response.json();
  43. })
  44. .then((data) => {
  45. Swal.fire({
  46. title: data.ip,
  47. customClass: 'sweet-alerts',
  48. });
  49. })
  50. .catch(() => {
  51. Swal.fire({
  52. icon: 'error',
  53. title: 'Unable to get your public IP',
  54. customClass: 'sweet-alerts',
  55. });
  56. });
  57. },
  58. });
  59. }
  60. <\/script>
  61. `,-1),Z={class:"panel"},tt={class:"flex items-center justify-between mb-5"},et=t("h5",{class:"font-semibold text-lg dark:text-white-light"},"A title with a text under",-1),st={class:"flex items-center"},nt={class:"mb-5"},ot={class:"flex items-center justify-center"},it=t("pre",null,`<!-- success message -->
  62. <button type="button" class="btn btn-danger" @click="showAlert()">Title & text</button>
  63. <!-- script -->
  64. <script>
  65. const showAlert = async (type: number) => {
  66. Swal.fire({
  67. icon: 'question',
  68. title: 'The Internet?',
  69. text: 'That thing is still around?',
  70. padding: '2em',
  71. customClass: 'sweet-alerts',
  72. });
  73. }
  74. <\/script>
  75. `,-1),lt={class:"panel"},at={class:"flex items-center justify-between mb-5"},rt=t("h5",{class:"font-semibold text-lg dark:text-white-light"},"Chaining modals (queue)",-1),ct={class:"flex items-center"},ut={class:"mb-5"},dt={class:"flex items-center justify-center"},mt=t("pre",null,`<!-- success message -->
  76. <button type="button" class="btn btn-warning" @click="showAlert()">Chaining modals (queue)</button>
  77. <!-- script -->
  78. <script>
  79. const showAlert = async (type: number) => {
  80. const steps = ['1', '2', '3'];
  81. const swalQueueStep = Swal.mixin({
  82. confirmButtonText: 'Next \u2192',
  83. showCancelButton: true,
  84. progressSteps: steps,
  85. input: 'text',
  86. inputAttributes: {
  87. required: true,
  88. },
  89. validationMessage: 'This field is required',
  90. padding: '2em',
  91. customClass: 'sweet-alerts',
  92. });
  93. const values = [];
  94. let currentStep;
  95. for (currentStep = 0; currentStep < steps.length;) {
  96. const result = await swalQueueStep.fire({
  97. title: \`Question \${steps[currentStep]}\`,
  98. text: currentStep == 0 ? 'Chaining swal modals is easy.' : '',
  99. inputValue: values[currentStep],
  100. showCancelButton: currentStep > 0,
  101. currentProgressStep: currentStep,
  102. customClass: 'sweet-alerts',
  103. });
  104. if (result.value) {
  105. values[currentStep] = result.value;
  106. currentStep++;
  107. } else if (result.dismiss === Swal.DismissReason.cancel) {
  108. currentStep--;
  109. } else {
  110. break;
  111. }
  112. }
  113. if (currentStep === steps.length) {
  114. Swal.fire({
  115. title: 'All done!',
  116. padding: '2em',
  117. html: 'Your answers: <pre>' + JSON.stringify(values) + '</pre>',
  118. confirmButtonText: 'Lovely!',
  119. customClass: 'sweet-alerts',
  120. });
  121. }
  122. }
  123. <\/script>
  124. `,-1),pt={class:"panel"},ft={class:"flex items-center justify-between mb-5"},bt=t("h5",{class:"font-semibold text-lg dark:text-white-light"},"Custom animation",-1),ht={class:"flex items-center"},gt={class:"mb-5"},wt={class:"flex items-center justify-center"},_t=t("div",{class:"fixed inset-0 bg-[black]/60 z-[999] transition-all duration-300 px-4 hidden"},[t("div",{class:"panel absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 w-11/12 sm:w-[480px] text-center"},[t("h3",{class:"text-[#3b3f5c] dark:text-white-light text-2xl font-bold mb-5"},"Custom animation with Animate.css"),t("button",{type:"button",class:"btn btn-info"},"Ok")])],-1),xt=t("pre",null,`<!-- success message -->
  125. <button type="button" class="btn btn-info" @click="showAlert()">Custom animation</button>
  126. <!-- script -->
  127. <script>
  128. const showAlert = async (type: number) => {
  129. Swal.fire({
  130. title: 'Custom animation with Animate.css',
  131. animation: false,
  132. showClass: {
  133. popup: 'animate__animated animate__flip'
  134. },
  135. hideClass: {
  136. popup: 'animate__animated animate__fadeOutUp'
  137. },
  138. padding: '2em',
  139. customClass: 'sweet-alerts',
  140. });
  141. }
  142. <\/script>
  143. `,-1),yt={class:"panel"},vt={class:"flex items-center justify-between mb-5"},Ct=t("h5",{class:"font-semibold text-lg dark:text-white-light"},"Message with auto close timer",-1),kt={class:"flex items-center"},At={class:"mb-5"},Bt={class:"flex items-center justify-center"},St=t("pre",null,`<!-- success message -->
  144. <button type="button" class="btn btn-primary" @click="showAlert()">Message timer</button>
  145. <!-- script -->
  146. <script>
  147. const showAlert = async (type: number) => {
  148. let timerInterval;
  149. Swal.fire({
  150. title: 'Auto close alert!',
  151. html: 'I will close in <b></b> milliseconds.',
  152. timer: 2000,
  153. timerProgressBar: true,
  154. customClass: 'sweet-alerts',
  155. didOpen: () => {
  156. Swal.showLoading();
  157. const b = Swal.getHtmlContainer().querySelector('b');
  158. timerInterval = setInterval(() => {
  159. b.textContent = Swal.getTimerLeft();
  160. }, 100);
  161. },
  162. willClose: () => {
  163. clearInterval(timerInterval);
  164. },
  165. }).then((result) => {
  166. if (result.dismiss === Swal.DismissReason.timer) {
  167. console.log('I was closed by the timer');
  168. }
  169. });
  170. }
  171. <\/script>
  172. `,-1),jt={class:"panel"},Tt={class:"flex items-center justify-between mb-5"},$t=t("h5",{class:"font-semibold text-lg dark:text-white-light"},"Message with custom image",-1),It={class:"flex items-center"},Yt={class:"mb-5"},Mt={class:"flex items-center justify-center"},Lt=t("pre",null,`<!-- success message -->
  173. <button type="button" class="btn btn-secondary" @click="showAlert()">Message with custom image</button>
  174. <!-- script -->
  175. <script>
  176. const showAlert = async (type: number) => {
  177. Swal.fire({
  178. title: 'Sweet!',
  179. text: 'Modal with a custom image.',
  180. imageUrl: ('/assets/images/thumbs-up.jpg'),
  181. imageWidth: 224,
  182. imageHeight: 200,
  183. imageAlt: 'Custom image',
  184. animation: false,
  185. padding: '2em',
  186. customClass: 'sweet-alerts',
  187. });
  188. }
  189. <\/script>
  190. `,-1),Dt={class:"panel"},qt={class:"flex items-center justify-between mb-5"},Pt=t("h5",{class:"font-semibold text-lg dark:text-white-light"},"Custom HTML description and buttons",-1),Wt={class:"flex items-center"},Ot={class:"mb-5"},Nt={class:"flex items-center justify-center"},Ht=t("pre",null,`<!-- success message -->
  191. <button type="button" class="btn btn-danger" @click="showAlert()">Custom Description & buttons</button>
  192. <!-- script -->
  193. <script>
  194. const showAlert = async (type: number) => {
  195. Swal.fire({
  196. icon: 'info',
  197. title: '<i>HTML</i> <u>example</u>',
  198. html: 'You can use <b>bold text</b>, ' + '<a href="//github.com">links</a> ' + 'and other HTML tags',
  199. showCloseButton: true,
  200. showCancelButton: true,
  201. focusConfirm: false,
  202. confirmButtonText: '<i class="flaticon-checked-1"></i> Great!',
  203. confirmButtonAriaLabel: 'Thumbs up, great!',
  204. cancelButtonText: '<i class="flaticon-cancel-circle"></i> Cancel',
  205. cancelButtonAriaLabel: 'Thumbs down',
  206. padding: '2em',
  207. customClass: 'sweet-alerts',
  208. });
  209. }
  210. <\/script>
  211. `,-1),Rt={class:"panel"},Ft={class:"flex items-center justify-between mb-5"},Ut=t("h5",{class:"font-semibold text-lg dark:text-white-light"},'Warning message, with "Confirm" button',-1),Vt={class:"flex items-center"},Qt={class:"mb-5"},Gt={class:"flex items-center justify-center"},Jt=t("pre",null,`<!-- success message -->
  212. <button type="button" class="btn btn-success" @click="showAlert()">Confirm</button>
  213. <!-- script -->
  214. <script>
  215. const showAlert = async (type: number) => {
  216. Swal.fire({
  217. icon: 'warning',
  218. title: 'Are you sure?',
  219. text: "You won't be able to revert this!",
  220. showCancelButton: true,
  221. confirmButtonText: 'Delete',
  222. padding: '2em',
  223. customClass: 'sweet-alerts',
  224. }).then((result) => {
  225. if (result.value) {
  226. Swal.fire({ title: 'Deleted!', text: 'Your file has been deleted.', icon: 'success', customClass: 'sweet-alerts' });
  227. }
  228. });
  229. }
  230. <\/script>
  231. `,-1),Et={class:"panel"},Xt={class:"flex items-center justify-between mb-5"},zt=t("h5",{class:"font-semibold text-lg dark:text-white-light"},'Execute something else for "Cancel".',-1),Kt={class:"flex items-center"},Zt={class:"mb-5"},te={class:"flex items-center justify-center"},ee=t("pre",null,`<!-- success message -->
  232. <button type="button" class="btn btn-warning" @click="showAlert()">Addition else for "Cancel".</button>
  233. <!-- script -->
  234. <script>
  235. const showAlert = async (type: number) => {
  236. const swalWithBootstrapButtons = Swal.mixin({
  237. customClass: {
  238. popup: 'sweet-alerts',
  239. confirmButton: 'btn btn-secondary',
  240. cancelButton: 'btn btn-dark ltr:mr-3 rtl:ml-3',
  241. },
  242. buttonsStyling: false,
  243. });
  244. swalWithBootstrapButtons
  245. .fire({
  246. title: 'Are you sure?',
  247. text: "You won't be able to revert this!",
  248. icon: 'warning',
  249. showCancelButton: true,
  250. confirmButtonText: 'Yes, delete it!',
  251. cancelButtonText: 'No, cancel!',
  252. reverseButtons: true,
  253. padding: '2em',
  254. })
  255. .then((result) => {
  256. if (result.value) {
  257. swalWithBootstrapButtons.fire('Deleted!', 'Your file has been deleted.', 'success');
  258. } else if (result.dismiss === Swal.DismissReason.cancel) {
  259. swalWithBootstrapButtons.fire('Cancelled', 'Your imaginary file is safe :)', 'error');
  260. }
  261. });
  262. }
  263. <\/script>
  264. `,-1),se={class:"panel"},ne={class:"flex items-center justify-between mb-5"},oe=t("h5",{class:"font-semibold text-lg dark:text-white-light"},"A message with custom width, padding and background",-1),ie={class:"flex items-center"},le={class:"mb-5"},ae={class:"flex items-center justify-center"},re=t("pre",null,`<!-- success message -->
  265. <button type="button" class="btn btn-info" @click="showAlert()">Custom Message</button>
  266. <!-- script -->
  267. <script>
  268. const showAlert = async (type: number) => {
  269. Swal.fire({
  270. title: 'Custom width, padding, background.',
  271. width: 600,
  272. padding: '7em',
  273. customClass: 'background-modal sweet-alerts',
  274. background: '#fff url(' + ('/assets/images/sweet-bg.jpg') + ') no-repeat 100% 100%',
  275. });
  276. }
  277. <\/script>
  278. `,-1),ce={class:"panel"},ue={class:"flex items-center justify-between mb-5"},de=t("h5",{class:"font-semibold text-lg dark:text-white-light"},"With Footer",-1),me={class:"flex items-center"},pe={class:"mb-5"},fe={class:"flex items-center justify-center"},be=t("pre",null,`<!-- success message -->
  279. <button type="button" class="btn btn-dark" @click="showAlert()">With Footer</button>
  280. <!-- script -->
  281. <script>
  282. const showAlert = async (type: number) => {
  283. Swal.fire({
  284. icon: 'error',
  285. title: 'Oops...',
  286. text: 'Something went wrong!',
  287. footer: '<a href="javascript:;">Why do I have this issue?</a>',
  288. padding: '2em',
  289. customClass: 'sweet-alerts',
  290. });
  291. }
  292. <\/script>
  293. `,-1),he={class:"panel"},ge={class:"flex items-center justify-between mb-5"},we=t("h5",{class:"font-semibold text-lg dark:text-white-light"},"RTL support",-1),_e={class:"flex items-center"},xe={class:"mb-5"},ye={class:"flex items-center justify-center",id:"rtl-container"},ve=t("pre",null,`<!-- success message -->
  294. <button type="button" class="btn btn-primary" @click="showAlert()">RTL</button>
  295. <!-- script -->
  296. <script>
  297. const showAlert = async (type: number) => {
  298. Swal.fire({
  299. title: '\u0647\u0644 \u062A\u0631\u064A\u062F \u0627\u0644\u0627\u0633\u062A\u0645\u0631\u0627\u0631\u061F',
  300. confirmButtonText: '\u0646\u0639\u0645',
  301. cancelButtonText: '\u0644\u0627',
  302. showCancelButton: true,
  303. showCloseButton: true,
  304. padding: '2em',
  305. customClass: 'sweet-alerts',
  306. });
  307. }
  308. <\/script>
  309. `,-1),Ce={class:"panel"},ke={class:"flex items-center justify-between mb-5"},Ae=t("h5",{class:"font-semibold text-lg dark:text-white-light"},"Mixin",-1),Be={class:"flex items-center"},Se={class:"mb-5"},je={class:"flex items-center justify-center"},Te=t("pre",null,`<!-- success message -->
  310. <button type="button" class="btn btn-secondary" @click="showAlert()">Mixin</button>
  311. <!-- script -->
  312. <script>
  313. const showAlert = async (type: number) => {
  314. const toast = Swal.mixin({
  315. toast: true,
  316. position: 'top-end',
  317. showConfirmButton: false,
  318. timer: 3000,
  319. padding: '2em',
  320. customClass: 'sweet-alerts',
  321. });
  322. toast.fire({
  323. icon: 'success',
  324. title: 'Signed in successfully',
  325. padding: '2em',
  326. customClass: 'sweet-alerts',
  327. });
  328. }
  329. <\/script>
  330. `,-1),De=y({__name:"sweetalert",setup($e){v({title:"Sweetalert"});const{codeArr:r,toggleCode:c}=x(),u=async i=>{if(i===1)o.fire({title:"Saved succesfully",padding:"2em",customClass:"sweet-alerts"});else if(i===2)o.fire({icon:"success",title:"Good job!",text:"You clicked the!",padding:"2em",customClass:"sweet-alerts"});else if(i===3){const e="https://api.ipify.org?format=json";o.fire({title:"Your public IP",confirmButtonText:"Show my public IP",text:"Your public IP will be received via AJAX request",showLoaderOnConfirm:!0,customClass:"sweet-alerts",preConfirm:()=>fetch(e).then(s=>s.json()).then(s=>{o.fire({title:s.ip,customClass:"sweet-alerts"})}).catch(()=>{o.fire({icon:"error",title:"Unable to get your public IP",customClass:"sweet-alerts"})})})}else if(i===4)o.fire({icon:"question",title:"The Internet?",text:"That thing is still around?",padding:"2em",customClass:"sweet-alerts"});else if(i===5){const e=["1","2","3"],s=o.mixin({confirmButtonText:"Next \u2192",showCancelButton:!0,progressSteps:e,input:"text",inputAttributes:{required:"true"},validationMessage:"This field is required",padding:"2em",customClass:"sweet-alerts"}),w=[];let g;for(g=0;g<e.length;){const _=await s.fire({title:`Question ${e[g]}`,text:g==0?"Chaining swal modals is easy.":"",inputValue:w[g]||"",showCancelButton:g>0,currentProgressStep:g,customClass:"sweet-alerts"});if(_.value)w[g]=_.value,g++;else if(_.dismiss===o.DismissReason.cancel)g--;else break}g===e.length&&o.fire({title:"All done!",padding:"2em",html:"Your answers: <pre>"+JSON.stringify(w)+"</pre>",confirmButtonText:"Lovely!",customClass:"sweet-alerts"})}else if(i===6)o.fire({title:"Custom animation with Animate.css",showClass:{popup:"animate__animated animate__flip"},hideClass:{popup:"animate__animated animate__fadeOutUp"},padding:"2em",customClass:"sweet-alerts"});else if(i===7){let e;o.fire({title:"Auto close alert!",html:"I will close in <b></b> milliseconds.",timer:2e3,timerProgressBar:!0,customClass:"sweet-alerts",didOpen:()=>{var w;o.showLoading();const s=(w=o.getHtmlContainer())==null?void 0:w.querySelector("b");e=setInterval(()=>{s.textContent=o.getTimerLeft()},100)},willClose:()=>{clearInterval(e)}}).then(s=>{s.dismiss===o.DismissReason.timer&&console.log("I was closed by the timer")})}else if(i===8)o.fire({title:"Sweet!",text:"Modal with a custom image.",imageUrl:"/assets/images/custom-swal.svg",imageWidth:224,imageHeight:"auto",imageAlt:"Custom image",padding:"2em",customClass:"sweet-alerts"});else if(i===9)o.fire({icon:"info",title:"<i>HTML</i> <u>example</u>",html:'You can use <b>bold text</b>, <a href="//github.com">links</a> and other HTML tags',showCloseButton:!0,showCancelButton:!0,focusConfirm:!1,confirmButtonText:'<i class="flaticon-checked-1"></i> Great!',confirmButtonAriaLabel:"Thumbs up, great!",cancelButtonText:'<i class="flaticon-cancel-circle"></i> Cancel',cancelButtonAriaLabel:"Thumbs down",padding:"2em",customClass:"sweet-alerts"});else if(i===10)o.fire({icon:"warning",title:"Are you sure?",text:"You won't be able to revert this!",showCancelButton:!0,confirmButtonText:"Delete",padding:"2em",customClass:"sweet-alerts"}).then(e=>{e.value&&o.fire({title:"Deleted!",text:"Your file has been deleted.",icon:"success",customClass:"sweet-alerts"})});else if(i===11){const e=o.mixin({customClass:{popup:"sweet-alerts",confirmButton:"btn btn-secondary",cancelButton:"btn btn-dark ltr:mr-3 rtl:ml-3"},buttonsStyling:!1});e.fire({title:"Are you sure?",text:"You won't be able to revert this!",icon:"warning",showCancelButton:!0,confirmButtonText:"Yes, delete it!",cancelButtonText:"No, cancel!",reverseButtons:!0,padding:"2em"}).then(s=>{s.value?e.fire("Deleted!","Your file has been deleted.","success"):s.dismiss===o.DismissReason.cancel&&e.fire("Cancelled","Your imaginary file is safe :)","error")})}else i===12?o.fire({title:"Custom width, padding, background.",width:600,padding:"7em",customClass:"background-modal sweet-alerts",background:"#fff url(/assets/images/sweet-bg.jpg) no-repeat 100% 100%"}):i===13?o.fire({icon:"error",title:"Oops...",text:"Something went wrong!",footer:'<a href="javascript:;">Why do I have this issue?</a>',padding:"2em",customClass:"sweet-alerts"}):i===14?o.fire({title:"\u0647\u0644 \u062A\u0631\u064A\u062F \u0627\u0644\u0627\u0633\u062A\u0645\u0631\u0627\u0631\u061F",confirmButtonText:"\u0646\u0639\u0645",cancelButtonText:"\u0644\u0627",showCancelButton:!0,showCloseButton:!0,padding:"2em",customClass:"sweet-alerts"}):i===15&&o.mixin({toast:!0,position:"top-end",showConfirmButton:!1}).fire({icon:"success",title:"Signed in successfully",padding:"10px 20px"})};return(i,e)=>(a(),C("div",null,[A,t("div",B,[t("div",S,[t("div",j,[l(k)]),T,$]),t("div",I,[t("div",Y,[t("div",M,[L,t("a",{class:"font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600",href:"javascript:;",onClick:e[0]||(e[0]=s=>n(c)("code1"))},[t("span",D,[l(m,{class:"me-2"}),p(" Code ")])])]),t("div",q,[t("div",P,[t("button",{type:"button",class:"btn btn-primary",onClick:e[1]||(e[1]=s=>u(1))},"Basic message")])]),n(r).includes("code1")?(a(),f(d,{key:0},{default:b(()=>[W]),_:1})):h("",!0)]),t("div",O,[t("div",N,[H,t("a",{class:"font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600",href:"javascript:;",onClick:e[2]||(e[2]=s=>n(c)("code2"))},[t("span",R,[l(m,{class:"me-2"}),p(" Code ")])])]),t("div",F,[t("div",U,[t("button",{type:"button",class:"btn btn-secondary",onClick:e[3]||(e[3]=s=>u(2))},"Success message!")])]),n(r).includes("code2")?(a(),f(d,{key:0},{default:b(()=>[V]),_:1})):h("",!0)]),t("div",Q,[t("div",G,[J,t("a",{class:"font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600",href:"javascript:;",onClick:e[4]||(e[4]=s=>n(c)("code3"))},[t("span",E,[l(m,{class:"me-2"}),p(" Code ")])])]),t("div",X,[t("div",z,[t("button",{type:"button",class:"btn btn-success",onClick:e[5]||(e[5]=s=>u(3))},"Dynamic queue")])]),n(r).includes("code3")?(a(),f(d,{key:0},{default:b(()=>[K]),_:1})):h("",!0)]),t("div",Z,[t("div",tt,[et,t("a",{class:"font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600",href:"javascript:;",onClick:e[6]||(e[6]=s=>n(c)("code5"))},[t("span",st,[l(m,{class:"me-2"}),p(" Code ")])])]),t("div",nt,[t("div",ot,[t("button",{type:"button",class:"btn btn-danger",onClick:e[7]||(e[7]=s=>u(4))},"Title & text")])]),n(r).includes("code5")?(a(),f(d,{key:0},{default:b(()=>[it]),_:1})):h("",!0)]),t("div",lt,[t("div",at,[rt,t("a",{class:"font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600",href:"javascript:;",onClick:e[8]||(e[8]=s=>n(c)("code6"))},[t("span",ct,[l(m,{class:"me-2"}),p(" Code ")])])]),t("div",ut,[t("div",dt,[t("button",{type:"button",class:"btn btn-warning",onClick:e[9]||(e[9]=s=>u(5))},"Chaining modals (queue)")])]),n(r).includes("code6")?(a(),f(d,{key:0},{default:b(()=>[mt]),_:1})):h("",!0)]),t("div",pt,[t("div",ft,[bt,t("a",{class:"font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600",href:"javascript:;",onClick:e[10]||(e[10]=s=>n(c)("code7"))},[t("span",ht,[l(m,{class:"me-2"}),p(" Code ")])])]),t("div",gt,[t("div",wt,[t("button",{type:"button",class:"btn btn-info",onClick:e[11]||(e[11]=s=>u(6))},"Custom animation")]),_t]),n(r).includes("code7")?(a(),f(d,{key:0},{default:b(()=>[xt]),_:1})):h("",!0)]),t("div",yt,[t("div",vt,[Ct,t("a",{class:"font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600",href:"javascript:;",onClick:e[12]||(e[12]=s=>n(c)("code8"))},[t("span",kt,[l(m,{class:"me-2"}),p(" Code ")])])]),t("div",At,[t("div",Bt,[t("button",{type:"button",class:"btn btn-primary",onClick:e[13]||(e[13]=s=>u(7))},"Message timer")])]),n(r).includes("code8")?(a(),f(d,{key:0},{default:b(()=>[St]),_:1})):h("",!0)]),t("div",jt,[t("div",Tt,[$t,t("a",{class:"font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600",href:"javascript:;",onClick:e[14]||(e[14]=s=>n(c)("code9"))},[t("span",It,[l(m,{class:"me-2"}),p(" Code ")])])]),t("div",Yt,[t("div",Mt,[t("button",{type:"button",class:"btn btn-secondary",onClick:e[15]||(e[15]=s=>u(8))},"Message with custom image")])]),n(r).includes("code9")?(a(),f(d,{key:0},{default:b(()=>[Lt]),_:1})):h("",!0)]),t("div",Dt,[t("div",qt,[Pt,t("a",{class:"font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600",href:"javascript:;",onClick:e[16]||(e[16]=s=>n(c)("code10"))},[t("span",Wt,[l(m,{class:"me-2"}),p(" Code ")])])]),t("div",Ot,[t("div",Nt,[t("button",{type:"button",class:"btn btn-danger",onClick:e[17]||(e[17]=s=>u(9))},"Custom Description & buttons")])]),n(r).includes("code10")?(a(),f(d,{key:0},{default:b(()=>[Ht]),_:1})):h("",!0)]),t("div",Rt,[t("div",Ft,[Ut,t("a",{class:"font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600",href:"javascript:;",onClick:e[18]||(e[18]=s=>n(c)("code11"))},[t("span",Vt,[l(m,{class:"me-2"}),p(" Code ")])])]),t("div",Qt,[t("div",Gt,[t("button",{type:"button",class:"btn btn-success",onClick:e[19]||(e[19]=s=>u(10))},"Confirm")])]),n(r).includes("code11")?(a(),f(d,{key:0},{default:b(()=>[Jt]),_:1})):h("",!0)]),t("div",Et,[t("div",Xt,[zt,t("a",{class:"font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600",href:"javascript:;",onClick:e[20]||(e[20]=s=>n(c)("code12"))},[t("span",Kt,[l(m,{class:"me-2"}),p(" Code ")])])]),t("div",Zt,[t("div",te,[t("button",{type:"button",class:"btn btn-warning",onClick:e[21]||(e[21]=s=>u(11))},'Addition else for "Cancel".')])]),n(r).includes("code12")?(a(),f(d,{key:0},{default:b(()=>[ee]),_:1})):h("",!0)]),t("div",se,[t("div",ne,[oe,t("a",{class:"font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600",href:"javascript:;",onClick:e[22]||(e[22]=s=>n(c)("code13"))},[t("span",ie,[l(m,{class:"me-2"}),p(" Code ")])])]),t("div",le,[t("div",ae,[t("button",{type:"button",class:"btn btn-info",onClick:e[23]||(e[23]=s=>u(12))},"Custom Message")])]),n(r).includes("code13")?(a(),f(d,{key:0},{default:b(()=>[re]),_:1})):h("",!0)]),t("div",ce,[t("div",ue,[de,t("a",{class:"font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600",href:"javascript:;",onClick:e[24]||(e[24]=s=>n(c)("code14"))},[t("span",me,[l(m,{class:"me-2"}),p(" Code ")])])]),t("div",pe,[t("div",fe,[t("button",{type:"button",class:"btn btn-dark",onClick:e[25]||(e[25]=s=>u(13))},"With Footer")])]),n(r).includes("code14")?(a(),f(d,{key:0},{default:b(()=>[be]),_:1})):h("",!0)]),t("div",he,[t("div",ge,[we,t("a",{class:"font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600",href:"javascript:;",onClick:e[26]||(e[26]=s=>n(c)("code15"))},[t("span",_e,[l(m,{class:"me-2"}),p(" Code ")])])]),t("div",xe,[t("div",ye,[t("button",{type:"button",class:"btn btn-primary",onClick:e[27]||(e[27]=s=>u(14))},"RTL")])]),n(r).includes("code15")?(a(),f(d,{key:0},{default:b(()=>[ve]),_:1})):h("",!0)]),t("div",Ce,[t("div",ke,[Ae,t("a",{class:"font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600",href:"javascript:;",onClick:e[28]||(e[28]=s=>n(c)("code16"))},[t("span",Be,[l(m,{class:"me-2"}),p(" Code ")])])]),t("div",Se,[t("div",je,[t("button",{type:"button",class:"btn btn-secondary",onClick:e[29]||(e[29]=s=>u(15))},"Mixin")])]),n(r).includes("code16")?(a(),f(d,{key:0},{default:b(()=>[Te]),_:1})):h("",!0)])])])]))}});export{De as default};