juice-toast 1.3.4-alpha.1 → 1.4.0

package/CHANGELOG.md

@@ -1,9 +1,10 @@
 ## v1.4.0
 - Add Smart Queue
 - Bugs fixed & Logic fixes
+- Fix the toast speed
 - Add Promise 
 - Add Universal Module Definition (UMD) Back
-- !**Removing `.d.ts`**! (Will be added on 5 March)
+- !**Removing iOS Support**!
 
 v1.3.4
 - Bug Fixes
@@ -16,7 +17,7 @@ v1.3.2
 - Improved A11Y
 - Adding Background Image
 - Adding more Theme
-- Adding default toast (juiceToast.success|error|info|warning)
+- Adding default toast (juiceToast.success|error|info|warning|loading)
 
 v1.3.1
 - Improved iOS / Safari (WebKit) compatibility

package/package.json

@@ -1,16 +1,22 @@
 {
   "name": "juice-toast",
-  "version": "1.3.4-alpha.1",
-  "description": "Lightweight, dependency-free toast notification library",
+  "version": "1.4.0",
+  "description": "Zero dependency JavaScript toast notification library with animations, dark mode, auto CSS injection, and mobile support", 
   "keywords": [
     "toast",
-    "notification",
-    "ui",
-    "javascript",
-    "frontend",
-    "browser",
-    "vanilla-js"
-  ],
+    "toast-js",
+    "toast-notification",
+    "toast-notification-js",
+    "javascript-toast",
+    "toast-library",
+    "popup-notification",
+    "ui-toast",
+    "alert-replacement",
+    "notification-library",
+    "vanilla-js-toast",
+    "frontend-ui",
+    "browser-notification"
+  ], 
   "license": "MIT",
   "author": "KhairyK",
   "homepage": "https://github.com/KhairyK/juiceToast",

package/dist/juice-toast.ios.js

@@ -1,367 +0,0 @@
-/**
- * OpenDN Foundation (C) 2026
- * Juice Toast v1.4.0 (iOS user | Nearing End of Support notifier)
- * Read CONTRIBUTE.md To Contribute
- */
-let dev=!0;dev&&console.warn("Warning: You are using JuiceToast v1.4.0 for iOS, On v1.4.3 JuiceToast iOS will be removed.");let isBrowser="undefined"!=typeof window&&"undefined"!=typeof document,reduceMotion=isBrowser&&window.matchMedia("(prefers-reduced-motion: reduce)").matches,isTouch=isBrowser&&("ontouchstart"in window||navigator&&navigator.maxTouchPoints>0),isIOS=isBrowser&&/iPad|iPhone|iPod/.test(navigator.userAgent||""),isIOSStandalone=isBrowser&&(!0===window.navigator.standalone||window.matchMedia&&window.matchMedia("(display-mode: standalone)").matches);function speakTTS(e,t="en-US",s=1){if(!("speechSynthesis"in window))return;let i=new SpeechSynthesisUtterance(e);i.lang=t,i.rate=s;let a=()=>{window.speechSynthesis.speak(i),document.body.removeEventListener("touchstart",a),document.body.removeEventListener("click",a)},o=/iPad|iPhone|iPod/.test(navigator.userAgent)&&!window.MSStream;o&&!1===window.speechSynthesis.speaking?(document.body.addEventListener("touchstart",a,{once:!0}),document.body.addEventListener("click",a,{once:!0})):a()}function normalizeState(e,t){return e?"string"==typeof e?{message:e}:e:{message:t}}function resolveState(e,t,s){return e?"function"==typeof e?{message:e(t)}:"string"==typeof e?{message:e}:e:{message:s}}let raf=window.requestAnimationFrame||window.webkitRequestAnimationFrame||(e=>setTimeout(e,16)),TYPE_ANIMATION={success:"bounce",error:"shake",warning:"wiggle",info:"pulse",loading:"spin"},__cssInjected=!1,BASE_CSS=`
-:root {
-  --jt-safe-top: env(safe-area-inset-top, 0px);
-  --jt-safe-bottom: env(safe-area-inset-bottom, 0px);
-}
-
-#juice-toast-root {
-  position: fixed;
-  z-index: 9999;
-  display: flex;
-  gap: 10px;
-  pointer-events: none;
-}
-
-/* top */
-#juice-toast-root[data-position="top"] {
-  top: 20px;
-  left: 50%;
-  transform: translateX(-50%);
-  flex-direction: column;
-  align-items: center;
-}
-
-/* center */
-#juice-toast-root[data-position="center"] {
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  flex-direction: column;
-  align-items: center;
-}
-
-[id^="juice-toast-root-"] {
-  position: fixed;
-  z-index: 9999;
-  display: flex;
-  gap: 10px;
-  pointer-events: none;
-  padding-top: var(--jt-safe-top);
-  padding-bottom: var(--jt-safe-bottom);
-}
-
-
-/* ================= TOAST ================= */
-
-.juice-toast {
-  --jt-x: 0px;
-  --jt-y: 12px;
-
-  pointer-events: auto;
-  display: flex;
-  gap: 12px;
-  align-items: flex-start;
-
-  min-width: 220px;
-  max-width: 420px;
-  padding: 12px 16px;
-  margin: 6px 0;
-
-  border-radius: 8px;
-  background: #333;
-  color: #fff;
-
-  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial;
-  font-size: 14px;
-
-  opacity: 0;
-  transform: translate(var(--jt-x), var(--jt-y));
-  transition:
-    opacity .25s ease,
-    transform .25s ease,
-    background .25s ease,
-    color .25s ease,
-    box-shadow .25s ease;
-
-  position: relative;
-  box-sizing: border-box;
-  overflow: hidden;
-
-  scroll-behavior: contains;
-  -webkit-overflow-scrolling: touch;
-
-  will-change: transform, opacity;
-  backface-visibility: hidden;
-  -webkit-backface-visibility: hidden;
-
-  touch-action: pan-y;
-
-}
-
-/* visible */
-.juice-toast.show {
-  opacity: 1;
-  --jt-y: 0px;
-}
-
-/* ================= ICON ================= */
-
-.juice-toast .icon {
-  width: 28px;
-  height: 28px;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  font-size: 16px;
-  line-height: 1;
-  flex: 0 0 28px;
-}
-
-/* clickable icon */
-.icon-clickable {
-  opacity: 0.85;
-  cursor: pointer;
-}
-
-.icon-clickable:hover {
-  opacity: 1;
-}
-
-.jt-message code {
-  background: rgba(255,255,255,0.1);
-  color: #facc15; /* kuning */
-  padding: 2px 4px;
-  border-radius: 4px;
-  font-family: monospace;
-  font-size: 0.9em;
-}
-
-/* ================= CONTENT ================= */
-
-.juice-toast .jt-content {
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-  flex: 1 1 auto;
-}
-
-/* title */
-.juice-toast .jt-title {
-  font-weight: 700;
-  font-size: 13px;
-  line-height: 1.1;
-}
-
-/* message */
-.juice-toast .jt-message {
-  font-size: 13px;
-  line-height: 1.3;
-  opacity: 0.95;
-}
-
-/* ================= ICON POSITION ================= */
-
-.jt-icon-top {
-  flex-direction: column;
-  align-items: flex-start;
-}
-
-.jt-icon-top .icon {
-  align-self: center;
-  margin-bottom: 6px;
-}
-
-/* ================= CLOSE ================= */
-
-.juice-toast-close {
-  position: absolute;
-  top: 6px;
-  right: 8px;
-  cursor: pointer;
-  font-size: 16px;
-  opacity: 0.75;
-  padding: 4px;
-  border-radius: 4px;
-}
-
-.juice-toast-close:hover {
-  opacity: 1;
-  background: rgba(255,255,255,0.06);
-}
-
-/* ================= ACTIONS ================= */
-
-.jt-actions {
-  display: flex;
-  gap: 8px;
-  margin-top: 10px;
-}
-
-.jt-action {
-  background: transparent;
-  border: 1px solid currentColor;
-  padding: 4px 10px;
-  border-radius: 6px;
-  cursor: pointer;
-  font-size: 12px;
-}
-
-/* ================= COMPACT ================= */
-
-.jt-compact {
-  padding: 8px 10px;
-  gap: 8px;
-  font-size: 0.9em;
-}
-
-/* ================= GLASS UI ================= */
-
-.jt-glass {
-  --g: calc(var(--jt-glass, 60) / 100);
-
-  background: rgba(30, 30, 30, calc(0.2 + var(--g)));
-  backdrop-filter: blur(calc(6px + (14px * var(--g))))
-                   saturate(calc(1 + (0.4 * var(--g))));
-  -webkit-backdrop-filter: blur(calc(6px + (14px * var(--g))))
-                           saturate(calc(1 + (0.4 * var(--g))));
-}
-
-/* light theme support */
-[data-theme="light"] .jt-glass {
-  background:
-    linear-gradient(
-      rgba(255,255,255, calc(0.6 * var(--g))),
-      rgba(255,255,255, calc(0.35 * var(--g)))
-    ),
-    rgba(255,255,255, calc(0.55 - (0.25 * var(--g))));
-
-  color: #111;
-
-  border:
-    1px solid rgba(0,0,0, calc(0.05 + 0.12 * var(--g)));
-
-  box-shadow:
-    0 10px 30px rgba(0,0,0, calc(0.08 + 0.18 * var(--g))),
-    inset 0 1px 0 rgba(255,255,255, calc(0.4 * var(--g)));
-}
-
-/* ================= PROGRESS BAR ================= */
-.jt-progress {
-  position: absolute;
-  left: 0;
-  bottom: 0;
-
-  height: 3px;
-  width: 100%;
-
-  background: linear-gradient(to right, #FFFFFF, #FAFAFA);
-  height: 4px;
-  transform-origin: left;
-  transition: transform linear;
-  border-radius: 2px;
-  transform: scaleX(1);
-  opacity: .85;
-}
-
-.juice-toast.bg-image {
-  background-size: cover;
-  background-position: center;
-  background-repeat: no-repeat;
-  color: #fff;
-  text-shadow: 0 1px 2px rgba(0,0,0,0.6);
-}
-
-/* ================= ANIMATIONS ================= */
-
-@keyframes jt-spin {
-  to { transform: rotate(360deg); }
-}
-
-@keyframes jt-pulse {
-  50% { transform: scale(1.15); }
-}
-
-@keyframes jt-shake {
-  25% { transform: translateX(-3px); }
-  50% { transform: translateX(3px); }
-  75% { transform: translateX(-3px); }
-}
-
-@keyframes jt-bounce {
-  0%   { transform: scale(1); }
-  30%  { transform: scale(1.25); }
-  60%  { transform: scale(.95); }
-  100% { transform: scale(1); }
-}
-
-@keyframes jt-wiggle {
-  0%   { transform: rotate(0); }
-  25%  { transform: rotate(-10deg); }
-  50%  { transform: rotate(10deg); }
-  75%  { transform: rotate(-6deg); }
-  100% { transform: rotate(0); }
-}
-
-@keyframes jt-pop {
-  0%   { transform: scale(.7); opacity: 0; }
-  70%  { transform: scale(1.05); opacity: 1; }
-  100% { transform: scale(1); }
-}
-
-@keyframes jt-spin {
-  from {
-    transform: rotate(0deg);
-  }
-  to {
-    transform: rotate(360deg);
-  }
-}
-
-/* ================= CLASSES ================= */
-
-.spin   { animation: jt-spin .6s linear; }
-.pulse  { animation: jt-pulse .4s ease; }
-.shake  { animation: jt-shake .4s ease; }
-.bounce { animation: jt-bounce .45s ease; }
-.wiggle { animation: jt-wiggle .5s ease; }
-.pop    { animation: jt-pop .35s ease-out; }
-.spin {
-  animation: jt - spin 1 s linear infinite;
-}
-
-.icon-clickable {
-  cursor: pointer;
-  transition: transform .15s ease, opacity .15s ease;
-}
-
-.icon-clickable:hover {
-  transform: scale(1.1);
-  opacity: .85;
-}
-
-/* ================= ACCESSIBILITY ================= */
-
-@media (prefers-reduced-motion: reduce) {
-  .spin,
-  .pulse,
-  .shake,
-  .bounce,
-  .wiggle,
-  .pop {
-    animation: none !important;
-  }
-}
-
-.jt-profile {
-  width: 40px;
-  height: 40px;
-  border-radius: 50%;
-  object-fit: cover;
-  flex-shrink: 0;
-}
-
-.jt-profile.square {
-  border-radius: 8px;
-}
-
-.juice-toast {
-  display: flex;
-  align-items: center;
-  gap: 10px;
-}
-`;function injectCSS(e){if(!isBrowser||__cssInjected)return;let t=document.createElement("style");t.id="juice-toast-style",t.textContent=e,document.head.appendChild(t),__cssInjected=!0}function sanitizeHTML(e){let t=document.createElement("template");t.innerHTML=e,t.content.querySelectorAll("script, [onload], [onclick], [onerror]").forEach(e=>e.remove());let s=["b","i","u","strong","em","code","pre","ul","ol","li","br","p","span","img","h1","h2","h3","h4","h5","h6"],i=e=>{e.childNodes.forEach(e=>{1===e.nodeType&&(s.includes(e.tagName.toLowerCase())?i(e):e.replaceWith(...e.childNodes))})};return i(t.content),t.innerHTML}let themes={light:{bg:"#ffffff",color:"#111",border:"1px solid #e5e7eb"},dark:{bg:"#1f2937",color:"#fff",border:"1px solid rgba(255,255,255,.08)"},glass:{bg:"rgba(30,30,30,.35)",color:"#fff",border:"1px solid rgba(255,255,255,.15)"},midnight:{bg:"#0f172a",color:"#e5e7eb",border:"1px solid rgba(255,255,255,.06)"},soft:{bg:"#f8fafc",color:"#0f172a",border:"1px solid #e2e8f0"},neutral:{bg:"#ffffff",color:"#374151",border:"1px solid #d1d5db"},brand:{bg:"#6366f1",color:"#fff",border:"none"},gradient:{bg:"linear-gradient(135deg,#6366f1,#ec4899)",color:"#fff",border:"none"},outline:{bg:"transparent",color:"#111",border:"2px solid currentColor"}},sizePreset={sm:{width:"260px",padding:"10px"},md:{width:"320px",padding:"14px"},lg:{width:"420px",padding:"18px"}},juiceToast={_config:{},_queue:[],_showing:!1,_theme:"dark",_plugins:[],_activePromises:new Map,setup(e={}){let{duration:t,maxVisible:s,...i}=e;this._defaults={...this._defaults,duration:t,maxVisible:s},this._config={...this._config,...i},isIOS&&(this._defaults.swipeThreshold=Math.min(this._defaults.swipeThreshold||60,50),this._defaults.glassUI=this._defaults.glassUI||60,this._defaults.duration=this._defaults.duration??2200),this._registerTypes()},use(e){"function"==typeof e&&this._plugins.push(e)},addType(e,t={}){this._config[e]=t,this._registerTypes()},defineTheme(e,t={}){themes[e]={...themes[e]||{},...t}},setTheme(e){if(this._theme=e,!isBrowser)return;let t=document.querySelector('[id^="juice-toast-root-"]');t&&(t.dataset.theme=e)},clear(){this._queue.length=0},destroy(){if(this.clear(),!isBrowser)return;let e=document.querySelectorAll('[id^="juice-toast-root-"]');e.forEach(e=>e.remove())},promise(e,t={}){if(!e||"function"!=typeof e.then){this._warn("promise() expects a Promise");return}let s="jt-promise-"+Date.now(),i={cancelled:!1,timer:null};return this._activePromises.set(s,i),this._enqueue("loading",{...normalizeState(t.loading,"Loading..."),groupId:s,duration:0}),t.timeout&&(i.timer=setTimeout(()=>{i.cancelled||(i.cancelled=!0,this._enqueue("error",{message:t.timeoutMessage||"Request timeout",groupId:s}),this._activePromises.delete(s))},t.timeout)),e.then(e=>{i.cancelled||(clearTimeout(i.timer),this._enqueue("success",{...resolveState(t.success,e,"Success"),groupId:s}),this._activePromises.delete(s))}).catch(e=>{i.cancelled||(clearTimeout(i.timer),this._enqueue("error",{...resolveState(t.error,e,"Error"),groupId:s}),this._activePromises.delete(s))}),{cancel:()=>{this._activePromises.has(s)&&(i.cancelled=!0,clearTimeout(i.timer),this._enqueue("info",{message:t.cancelMessage||"Cancelled",groupId:s}),this._activePromises.delete(s))}}},_registerTypes(){Object.keys(this._config).forEach(e=>{if("function"==typeof this[e]&&!this[e].__auto)return;let t=t=>this._enqueue(e,t);t.__auto=!0,this[e]=t})},_enqueue(e,t){this._queue.push({type:e,payload:t}),this._showing||this._next()},_next(){if(!this._queue.length){this._showing=!1;return}this._showing=!0;let e=this._queue.shift();this._showToast(e.type,e.payload)},_runPlugins(e){this._plugins.forEach(t=>{try{t(e)}catch(s){this._warn("Plugin error: "+(s&&s.message?s.message:String(s)))}})},_normalizeGlass(e){if(!0===e)return 60;if(!1===e||null==e)return 0;let t=Number(e);return Number.isFinite(t)?Math.max(0,Math.min(100,t)):0},_getRoot(e="bottom-right"){if(!isBrowser)return null;let t=document.getElementById(`juice-toast-root-${e}`);if(!t){switch((t=document.createElement("div")).id=`juice-toast-root-${e}`,t.dataset.position=e,t.dataset.theme=this._theme,t.style.position="fixed",t.style.zIndex=9999,t.style.display="flex",t.style.flexDirection="column",t.style.gap="8px",t.style.pointerEvents="none",e){case"top-left":t.style.top="calc(20px + env(safe-area-inset-top))",t.style.left="20px",t.style.alignItems="flex-start";break;case"top-right":t.style.top="calc(20px + env(safe-area-inset-top))",t.style.right="20px",t.style.alignItems="flex-end";break;case"bottom-left":t.style.bottom="calc(20px + env(safe-area-inset-bottom))",t.style.left="20px",t.style.alignItems="flex-start";break;case"bottom-right":t.style.bottom="calc(20px + env(safe-area-inset-bottom))",t.style.right="20px",t.style.alignItems="flex-end";break;case"top-center":t.style.top="calc(20px + env(safe-area-inset-top))",t.style.left="50%",t.style.transform="translateX(-50%)",t.style.alignItems="center";break;case"bottom-center":t.style.bottom="calc(20px + env(safe-area-inset-bottom))",t.style.left="50%",t.style.transform="translateX(-50%)",t.style.alignItems="center";break;default:t.style.bottom="calc(20px + env(safe-area-inset-bottom))",t.style.right="20px"}document.body.appendChild(t)}return t},_defaults:{duration:2500,maxVisible:3,swipeThreshold:60,glassUI:0,playSound:null,dev:!1,injectCSS:!0,css:null},_warn(e){this._defaults.dev&&"undefined"!=typeof console&&console.warn("[JuiceToast]",e)},_playSound(e){if(!isBrowser)return;let t="string"==typeof e&&e?e:this._defaults.playSound;if(t)try{let s=new Audio(t);s.volume=.6;let i=()=>{s.play().catch(()=>{}),window.removeEventListener("touchstart",i),window.removeEventListener("click",i)};s.play().catch(()=>{window.addEventListener("touchstart",i,{once:!0}),window.addEventListener("click",i,{once:!0})})}catch(a){}},_showToast(e,t){if(!isBrowser)return;!1!==this._defaults.injectCSS&&injectCSS(this._defaults.css||BASE_CSS);let s=this._config[e]||{},i="object"==typeof t?t:{message:String(t)},a={...s,...i};a.icon=a.icon??a.icon_left_top,a.iconPack=a.iconPack??a.icon_config,a.iconLink=a.iconLink??a.icon_onClick_url,a.iconAnimate=a.iconAnimate??a.icon_onClick_animate,a.position=a.position??a.toast,a.closable=a.closable??a.closeable,a.iconPosition=a.iconPosition||"left",a.compact=!!a.compact;let o=themes[a.theme||this._theme]||{},n=document.createElement("div");n.className="juice-toast";let r=a.animation||"slide-in";if(a.enterAnimation||(n.style.animation=`${r} 0.4s ease forwards`),n.setAttribute("role","alert"),n.setAttribute("aria-live","error"===e?"assertive":"polite"),n.setAttribute("aria-atomic","true"),n.tabIndex=0,a.closable){let l=document.createElement("span");l.className="juice-toast-close",l.textContent="\xd7",l.tabIndex=0,l.addEventListener("keydown",e=>{("Enter"===e.key||" "===e.key)&&(n.remove(),this._next())})}if(a.size&&sizePreset[a.size]){let c=sizePreset[a.size];c.width&&(n.style.width=c.width),c.padding&&(n.style.padding=c.padding)}let d=null;a.profile&&((d=document.createElement("img")).src=a.profile,d.className="jt-profile","square"===a.profileShape&&d.classList.add("square"),n.appendChild(d));let p=null,u=a.duration??this._defaults.duration;a.progress&&u>0&&((p=document.createElement("div")).className="jt-progress",a.progressColor&&(p.style.background=a.progressColor||"rgba(255,255,255,.7)"),n.appendChild(p)),a.tts&&a.message&&speakTTS(a.message,a.ttsLang??"en-US",a.ttsRate??1);let m=this._normalizeGlass(a.glassUI??this._defaults.glassUI);m>0&&(n.style.setProperty("--jt-glass",a.glassUI??50),n.classList.add("jt-glass")),m||(n.style.background=a.bg||o.bg),n.style.color=a.color||o.color,n.style.border=a.border||o.border,a.compact&&n.classList.add("jt-compact"),a.width&&(n.style.width=a.width),a.height&&(n.style.height=a.height),a.bgImage&&(n.style.backgroundImage=`url(${a.bgImage})`,n.classList.add("bg-image"));let f=null;if(a.icon){(f=document.createElement("i")).className=["icon",a.iconPack||"",a.icon].join(" ").trim(),a.iconSize&&(f.style.fontSize=a.iconSize),(a.iconLink||a.iconAnimate)&&(f.classList.add("icon-clickable"),f.onclick=e=>{e.stopPropagation(),a.iconAnimate&&(f.classList.remove(a.iconAnimate),f.offsetWidth,f.classList.add(a.iconAnimate)),a.iconLink&&window.open(a.iconLink,"_blank","noopener")});let h=a.iconAnimate??TYPE_ANIMATION[e];h&&(f.classList.add(h),f.addEventListener("click",()=>{f.classList.remove(h),f.offsetWidth,f.classList.add(h)}))}let g=this._getRoot(a.position);if(a.groupId){let $=Array.from(g.children).find(e=>e.dataset.groupId===a.groupId);if($){let b=$.querySelector(".jt-count");b||((b=document.createElement("span")).className="jt-count",b.style.marginLeft="6px",$.querySelector(".jt-title").appendChild(b),b.textContent="1"),b.textContent=parseInt(b.textContent)+1;return}n.dataset.groupId=a.groupId}if(reduceMotion&&(n.classList.remove("pop","bounce","shake","wiggle","pulse","spin"),f?.classList.remove("bounce","shake","wiggle","pulse","spin")),a.message||a.title||this._warn("Toast created without message or title"),a.html){let x=document.createElement("div");x.className="jt-message",x.innerHTML=sanitizeHTML(a.html),S.appendChild(x)}a.icon&&!a.iconPack&&this._warn("icon provided without iconPack"),a.duration<0&&this._warn("duration cannot be negative");let y=0,v=0,_=!1,k=e=>{let t=e.touches?e.touches[0]:e;y=t.clientX,v=0,_=!0,n.__paused=!0},j=e=>{if(!_)return;let t=e.touches?e.touches[0]:e;v=t.clientX-y,n.style.transform=`translate3d(${v}px, 0, 0)`},w=()=>{_&&(_=!1,Math.abs(v)>(this._defaults.swipeThreshold||60)?(n.style.transition="transform .25s ease, opacity .2s ease",n.style.transform=`translate3d(${v>0?1e3:-1e3}px, 0, 0)`,setTimeout(()=>{n.replaceWith(),n.onclick=null,n.onmousedown=null,n.remove(),this._next()},220)):(n.style.transition="transform .2s ease",n.style.transform=""),setTimeout(()=>{n.__paused=!1},60),y=v=0)};isTouch?(n.addEventListener("touchstart",k,{passive:!0}),n.addEventListener("touchmove",j,{passive:!0}),n.addEventListener("touchend",w),n.addEventListener("touchcancel",w)):n.addEventListener("mousedown",e=>{y=e.clientX,v=0,_=!0,n.__paused=!0;let t=e=>{v=e.clientX-y,n.style.transform=`translate3d(${v}px, 0, 0)`},s=()=>{document.removeEventListener("mousemove",t),document.removeEventListener("mouseup",s),w()};document.addEventListener("mousemove",t),document.addEventListener("mouseup",s)});let S=document.createElement("div");S.className="jt-content";let E=a.enterAnimation??"pop";if(E&&!reduceMotion&&n.classList.add(E),a.title){let L=document.createElement("div");L.className="jt-title",L.textContent=a.title,S.appendChild(L)}let C=document.createElement("div");if(C.className="jt-message",a.undo){let I=document.createElement("button");I.className="jt-action",I.textContent="Undo",I.onclick=()=>{a.undo(),n.remove(),this._next()},S.appendChild(I),a.undoTimeout&&setTimeout(()=>{n.parentNode&&n.remove()},a.undoTimeout)}if("string"==typeof a.message){let T=a.message.split(/(`[^`]+`)/g);T.forEach(e=>{if(e.startsWith("`")&&e.endsWith("`")){let t=document.createElement("code");t.textContent=e.slice(1,-1),C.appendChild(t)}else C.appendChild(document.createTextNode(e))})}if(S.appendChild(C),f&&"top"===a.iconPosition?(n.classList.add("jt-icon-top"),n.appendChild(f),n.appendChild(S)):f&&"right"===a.iconPosition?(n.appendChild(S),n.appendChild(f)):(f&&n.appendChild(f),n.appendChild(S)),Array.isArray(a.actions)&&a.actions.length){let P=document.createElement("div");P.className="jt-actions",a.actions.forEach(e=>{let t=document.createElement("button");t.className="jt-action",t.textContent=e.label,t.onclick=t=>{t.stopPropagation(),e.onClick?.(t),e.closeOnClick&&(n.replaceWith(),n.onclick=null,n.onmousedown=null,n.remove(),this._next())},P.appendChild(t)}),S.appendChild(P)}if(a.closable){let A=document.createElement("span");A.className="juice-toast-close",A.textContent="\xd7",A.onclick=()=>{n.replaceWith(),n.onclick=null,n.onmousedown=null,n.remove(),this._next()},n.appendChild(A)}isIOSStandalone&&(n.style.borderRadius=n.style.borderRadius||"14px");let N=this._defaults.maxVisible;if(N&&g.children.length>=N&&g.firstChild.remove(),g.appendChild(n),this._runPlugins({toast:n,cfg:a,type:e,root:g}),requestAnimationFrame(()=>{n.classList.add("show")}),0===u)return;let z=Date.now(),q=u,O=()=>{if(n.__paused)z=Date.now();else{let e=Date.now();q-=e-z,z=e}if(q<=0?(n.classList.remove("show"),setTimeout(()=>{n.replaceWith(),n.onclick=null,n.onmousedown=null,n.remove(),this._next()},300)):raf(O),p){let t=Math.max(0,Math.min(1,q/u));p.style.transform=`scaleX(${t})`}},M=0;n.addEventListener("mousedown",e=>{M=e.clientY,n.style.transition="none"}),n.addEventListener("mousemove",e=>{0!==M&&(n.style.transform=`translateY(${e.clientY-M}px)`)}),n.addEventListener("mouseup",e=>{n.style.transition="",n.style.transform="",M=0}),isTouch||(n.addEventListener("mouseenter",()=>n.__paused=!0),n.addEventListener("mouseleave",()=>n.__paused=!1)),n.addEventListener("touchstart",()=>{n.__paused=!0},{passive:!0}),n.addEventListener("touchend",()=>{n.__paused=!1}),z=Date.now(),raf(O),(a.playSound||this._defaults.playSound)&&this._playSound(a.playSound)}};juiceToast.setup({success:{icon:"fa-check",iconPack:"fa-solid",bg:"#16a34a",progress:!0,duration:3e3},error:{icon:"fa-xmark",iconPack:"fa-solid",bg:"#dc2626",progress:!0,duration:4e3},info:{icon:"fa-circle-info",iconPack:"fa-solid",bg:"#2563eb",progress:!0},warning:{icon:"fa-triangle-exclamation",iconPack:"fa-solid",bg:"#f59e0b",progress:!0},loading:{icon:"fa-spinner",iconPack:"fa-solid",iconAnimate:"spin",duration:0,progress:!1,closable:!1}});export default juiceToast;export{juiceToast};