juice-toast 1.1.0 → 1.2.1

package/CHANGELOG.md

@@ -0,0 +1,26 @@
+v1.2.0-rc.2026
+- Adding A11Y
+- Adding More Placement
+- GlassUI Fix (WARNING: Maybe it's Not Working)
+- Adding Animation
+
+NEXT 120/2026
+- Adding Swipe to Dismiss
+- Adding Pause on Hover
+- Adding `playSound`
+- Adding GlassUI
+
+v1.1.0
+- Adding **Size Preset**
+- Adding Compact
+- Improve Style And Fix Bugs
+- Improve `.d.ts`
+- Adding **Actions Button**
+
+v1.0.1
+- Add Forget File `style.css`
+
+v1.0.0
+- Published In First Time
+
+

package/CODE_OF_CONDUCT.md

@@ -0,0 +1,87 @@
+# Juice Toast Code of Conduct
+
+### Hey there, fellow developer! 👋
+
+Welcome to the Juice Toast community! We’re thrilled that you’re here.  
+We want to make sure this space is **fun, safe, and welcoming for everyone**.  
+Whether you’re submitting your first PR, reporting a bug, or just commenting, we expect all contributors to treat each other with respect and kindness.
+
+We believe that great projects are built **together**, and that means fostering a community where **everyone feels comfortable to contribute**, ask questions, and share ideas.
+
+---
+
+### Our Promise to You
+
+We, as maintainers and contributors, pledge to:
+
+- Keep discussions **friendly, welcoming, and inclusive**
+- Respect all backgrounds, experiences, and skill levels
+- Give and receive **constructive feedback** gracefully
+- Focus on **collaboration over competition**
+- Be understanding and empathetic when conflicts arise
+
+---
+
+### What We Expect From You
+
+Here are some ways you can help make Juice Toast a positive community:
+
+- Use **clear and polite language** in issues, PRs, and comments
+- Be **patient** with beginners — everyone was new once
+- Give **helpful, actionable feedback** instead of just criticism
+- Celebrate others’ successes and contributions
+- Ask questions respectfully and be open to learning
+
+---
+
+### What We Don’t Accept 🚫
+
+- Harassment, threats, or intimidation of any kind
+- Disrespectful or derogatory comments, including those about race, gender, identity, orientation, religion, or skill level
+- Posting private or personal information without permission
+- Trolling, spamming, or intentionally derailing conversations
+- Any behavior that would make others feel unsafe or unwelcome
+
+---
+
+### Handling Issues & Conflicts
+
+If you see or experience something that breaks this Code of Conduct:
+
+1. **Stay calm** and don’t respond aggressively.
+2. **Report it** to the maintainers at **[your-email@example.com]**.
+3. Maintainers will **review and respond quickly and fairly**, keeping the reporter anonymous if requested.
+4. Actions can include **warnings, temporary restrictions, or banning**, depending on severity.
+
+We’re here to **help resolve conflicts and keep the community safe**.  
+
+---
+
+### Scope
+
+This Code of Conduct applies:
+
+- In all **project spaces**: issues, pull requests, discussions, wiki, and code
+- In all **public spaces** where contributors represent Juice Toast
+- To everyone: maintainers, contributors, and visitors
+
+---
+
+### Our Commitment as Maintainers
+
+As maintainers, we promise to:
+
+- Model **friendly, inclusive behavior**
+- **Enforce this Code of Conduct fairly** for all community members
+- Listen to feedback and continuously improve our community practices
+- Take action if behavior is harmful or unsafe, even if it’s uncomfortable
+
+---
+
+### Why This Matters
+
+Juice Toast isn’t just code — it’s a **community of developers who care**.  
+Great ideas come from collaboration, experimentation, and mutual respect.  
+By following this Code of Conduct, you’re helping make Juice Toast a **place where developers of all skill levels can grow, learn, and have fun**.  
+
+Let’s build something amazing together! 🚀

package/CONTRIBUTING.md

@@ -0,0 +1,65 @@
+# Welcome To Juice Toast Contributing! 🎉
+
+Thank you for your contribution to the **Juice Toast** project!  
+We hope this project becomes one of the greatest projects on GitHub.
+
+---
+
+## What is Juice Toast?
+
+Juice Toast is a **lightweight and flexible JavaScript toast notification library**.  
+It’s designed to be **easy to use, fast, and customizable**, making your notifications look awesome in just a few lines of code.
+
+---
+
+## How to Contribute
+
+1. **Fork this repository**
+
+```bash
+# Clone your fork
+git clone https://github.com/KhairyK/juiceToast.git
+
+# Move into the project folder
+cd juiceToast
+
+# Move into Source code code
+cd src
+
+# Synchronize with the original repository
+git remote add upstream https://github.com/KhairyK/juiceToast.git
+
+# Check the remotes
+git remote -v
+```
+
+2. **Create a new branch**
+
+```bash
+git checkout -b feature/your-feature-name
+```
+
+3. **Make your changes**  
+Edit files, add features, or fix bugs.
+
+4. **Commit your changes**
+
+```bash
+git add .
+git commit -m "Add awesome feature"
+```
+
+5. **Push your branch**
+
+```bash
+git push origin feature/your-feature-name
+```
+
+<small>Note: Wait until the team reviews your code.</small>
+
+---
+
+## Code of Conduct
+Read the [Code Of Conduct](https://github.com/KhairyK/juiceToast/blob/main/CODE_OF_CONDUCT.md)
+
+2026 (C) OpenDN Foundation / Released under MIT LICENSE

package/EoL.md

@@ -0,0 +1,10 @@
+## End of Life (EoL) Notice
+
+The following versions and distributions have reached End of Life (EoL) and are no longer maintained.
+
+| EoL Version        | Affected Target | Reason |
+|--------------------|-----------------|--------|
+| 1.2.0-rc.2026      | UMD build       | UMD distribution has been removed to simplify maintenance and reduce build complexity |
+| 0.0.0-next.1202026 | Pre-release tag | Versioning structure became inconsistent and difficult to maintain |
+| 1.0.0              | 1.0.0 | Stable release | Deprecated due to outdated internal architecture and styling standards |
+| 1.0.0 | Stable release | Deprecated due to outdated internal architecture and styling standards |

package/NEW_FUNCTION.md

@@ -0,0 +1,7 @@
+# Juice Toast Release Candidate 2026 for v1.2.0
+
+```js
+animation: "slide-in" | "fade-in" | "bounce-in";
+glassUI: true | false | number
+playSound: "soundName.mp3" // You can play `.wav`, `.aiff/.aif`, `.ogg`, `.wma`, `.opus`, etc.
+```

package/README.md

@@ -26,16 +26,16 @@ It supports **ESM and UMD**, **dynamic toast types**, **theme management**, **qu
 
 ### ESM
 ```js
-import juiceToast from "https://cdn.kyrt.my.id/libs/js/juice-toast/1.1.0/juice-toast.esm.js";
+import juiceToast from "https://cdn.kyrt.my.id/libs/js/juice-toast/1.1.0/juice-toast.esm.min.js";
 ```
 
 ### UMD (Browser)
 ```html
 <link
   rel="stylesheet"
-  href="https://cdn.kyrt.my.id/libs/css/fontic/2.0.0/juice-toast/style.css"
+  href="https://cdn.kyrt.my.id/libs/css/fontic/2.0.0/juice-toast/style.min.css"
 />
-<script src="https://cdn.kyrt.my.id/libs/js/juice-toast/1.1.0/juice-toast.umd.js"></script>
+<script src="https://cdn.kyrt.my.id/libs/js/juice-toast/1.1.0/juice-toast.umd.min.js"></script>
 
 <script>
   juiceToast.setup({
@@ -189,6 +189,8 @@ interface ToastPayload {
   width?: string;
   height?: string;
 
+  animation?: string;
+
   actions?: {
     label: string;
     onClick?: (event: MouseEvent) => void;

package/dist/juice-toast.d.ts

@@ -1,138 +1,107 @@
-/**
- * OpenDN Foundation (C) 2026
- * Juice Toast v1.1.0 — Type Definitions
- * @license MIT
- */
+/* --------------------------------------------------
+ * 2026 (C) OpenDN Foundation
+ * Juice Toast v1.2.0-rc.2026 Type Definitions
+ * -------------------------------------------------- */
 
-/* ================= BASIC TYPES ================= */
+export type ToastTheme = {
+  bg?: string;
+  color?: string;
+  border?: string;
+};
+
+export type ToastSizePreset = "sm" | "md" | "lg";
 
 export type ToastPosition =
-  | "top"
-  | "center"
-  | "bottom"
   | "top-left"
   | "top-right"
   | "bottom-left"
-  | "bottom-right";
-
-export type ToastSize = "sm" | "md" | "lg";
-
-export type IconPosition = "left" | "right" | "top";
-
-export type ToastDuration = number; // 0 = persistent
-
-/* ================= THEME ================= */
+  | "bottom-right"
+  | "top-center"
+  | "bottom-center";
 
-export interface ToastTheme {
-  bg?: string;
-  color?: string;
-  border?: string;
-  glow?: string;
-}
+export type ToastAnimation =
+  | "slide-in"
+  | "fade-in"
+  | "bounce-in"
+  | string;
 
-/* ================= ACTION ================= */
-
-export interface ToastAction {
+export type ToastAction = {
   label: string;
-  onClick?: (event: MouseEvent) => void;
+  onClick?: (event: Event) => void;
   closeOnClick?: boolean;
-}
+};
 
-/* ================= PAYLOAD ================= */
-
-export interface ToastPayload {
-  /* -------- content -------- */
+export type ToastPayload = {
   message?: string;
   title?: string;
 
-  /* -------- appearance -------- */
-  bg?: string;
-  color?: string;
-  border?: string;
-  glow?: string;
+  duration?: number; // ms, 0 = persistent
+  position?: ToastPosition;
   theme?: string;
-
+  bg?: string;
+  size?: ToastSizePreset;
   width?: string;
   height?: string;
-  size?: ToastSize;
   compact?: boolean;
-
-  /* -------- timing & placement -------- */
-  duration?: ToastDuration;
-  position?: ToastPosition;
-  toast?: ToastPosition; // legacy
-
-  /* -------- close -------- */
   closable?: boolean;
-  closeable?: boolean; // legacy
+  glassUI?: boolean | number;
 
-  /* -------- icon (modern) -------- */
   icon?: string;
   iconPack?: string;
   iconSize?: string;
-  iconPosition?: IconPosition;
+  iconPosition?: "left" | "right" | "top";
   iconLink?: string;
   iconAnimate?: string;
 
-  /* -------- icon (legacy) -------- */
-  icon_left_top?: string;
-  icon_config?: string;
-  icon_onClick_url?: string;
-  icon_onClick_animate?: string;
+  animation?: ToastAnimation;
 
-  /* -------- actions -------- */
   actions?: ToastAction[];
+};
 
-  /* -------- escape hatch -------- */
-  [key: string]: unknown;
-}
-
-/* ================= TYPE CONFIG ================= */
+export type ToastDefaults = {
+  duration: number;
+  maxVisible: number;
+  swipeThreshold: number;
+  glassUI: number;
+  playSound: string | null;
+};
 
-export interface ToastTypeConfig extends ToastPayload {}
+export interface JuiceToast {
+  /* ================= PUBLIC API ================= */
 
-/* ================= CORE API ================= */
+  setup(cfg?: Record<string, ToastPayload>): void;
 
-export interface JuiceToastAPI {
-  /**
-   * Register toast types in bulk
-   */
-  setup<T extends Record<string, ToastTypeConfig>>(config?: T): void;
+  addType(name: string, cfg?: ToastPayload): void;
 
-  /**
-   * Add or override a single toast type
-   */
-  addType<T extends ToastTypeConfig>(
-    name: string,
-    config?: T
-  ): void;
+  defineTheme(name: string, styles?: ToastTheme): void;
 
-  /**
-   * Theme system
-   */
-  defineTheme(name: string, styles: ToastTheme): void;
   setTheme(name: string): void;
 
-  /**
-   * Queue control
-   */
   clear(): void;
+
   destroy(): void;
 
-  /**
-   * Dynamic toast methods
-   * juiceToast.success(...)
-   * juiceToast.error(...)
-   * juiceToast.anything(...)
-   */
-  [type: string]:
-    | ((payload?: string | number | ToastPayload) => void)
-    | unknown;
-}
+  /* ================= INTERNAL ================= */
 
-/* ================= EXPORT ================= */
+  _config: Record<string, ToastPayload>;
+  _queue: Array<{ type: string; payload: any }>;
+  _showing: boolean;
+  _theme: string;
+  _defaults: ToastDefaults;
+
+  _registerTypes(): void;
+  _enqueue(type: string, payload: any): void;
+  _next(): void;
+  _normalizeGlass(value?: boolean | number): number;
+  _getRoot(position?: ToastPosition): HTMLElement | null;
+  _playSound(src?: string): void;
+  _showToast(type: string, payload: ToastPayload | string): void;
+
+  /* ================= DYNAMIC TOAST METHODS ================= */
+  [type: string]: ((payload?: ToastPayload | string) => void) | any;
+}
 
-declare const juiceToast: JuiceToastAPI;
+declare const juiceToast: JuiceToast;
 
 export default juiceToast;
 export { juiceToast };

package/dist/juice-toast.esm.js

@@ -1,6 +1,6 @@
 /**
  * 2026 (C) OpenDN Foundation
- * v1.1.0 Juice Toast
+ * v1.2.0-rc.2026 Juice Toast
  * ESM (ECMAScript Module (import/export))
  */
-let isBrowser="undefined"!=typeof window&&"undefined"!=typeof document,themes={light:{bg:"#ffffff",color:"#111",border:"1px solid #e5e7eb"},dark:{bg:"#1f2937",color:"#fff",border:"1px solid rgba(255,255,255,.08)"}},sizePreset={sm:{width:"260px",padding:"10px"},md:{width:"320px",padding:"14px"},lg:{width:"420px",padding:"18px"}},juiceToast={_config:{},_queue:[],_showing:!1,_theme:"dark",setup(e={}){this._config=e,this._registerTypes()},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.getElementById("juice-toast-root");t&&(t.dataset.theme=e)},clear(){this._queue.length=0},destroy(){this.clear(),isBrowser&&document.getElementById("juice-toast-root")?.remove()},_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)},_getRoot(e){if(!isBrowser)return null;let t=document.getElementById("juice-toast-root");return t||((t=document.createElement("div")).id="juice-toast-root",document.body.appendChild(t)),t.dataset.position=e||"bottom",t.dataset.theme=this._theme,t},_showToast(e,t){if(!isBrowser)return;let i=this._config[e]||{},o="object"==typeof t?t:{message:String(t)},s={...i,...o};s.icon=s.icon??s.icon_left_top,s.iconPack=s.iconPack??s.icon_config,s.iconLink=s.iconLink??s.icon_onClick_url,s.iconAnimate=s.iconAnimate??s.icon_onClick_animate,s.position=s.position??s.toast,s.closable=s.closable??s.closeable,s.iconPosition=s.iconPosition||"left",s.compact=!!s.compact;let n=themes[s.theme||this._theme]||{},a=document.createElement("div");if(a.className="juice-toast",s.size&&sizePreset[s.size]){let c=sizePreset[s.size];c.width&&(a.style.width=c.width),c.padding&&(a.style.padding=c.padding)}s.compact&&a.classList.add("jt-compact"),s.width&&(a.style.width=s.width),s.height&&(a.style.height=s.height),a.style.background=s.bg||n.bg,a.style.color=s.color||n.color,a.style.border=s.border||n.border;let l=null;s.icon&&((l=document.createElement("i")).className=["icon",s.iconPack||"",s.icon].join(" ").trim(),s.iconSize&&(l.style.fontSize=s.iconSize),(s.iconLink||s.iconAnimate)&&(l.classList.add("icon-clickable"),l.onclick=e=>{e.stopPropagation(),s.iconAnimate&&(l.classList.remove(s.iconAnimate),l.offsetWidth,l.classList.add(s.iconAnimate)),s.iconLink&&window.open(s.iconLink,"_blank","noopener")}));let d=document.createElement("div");if(d.className="jt-content",s.title){let h=document.createElement("div");h.className="jt-title",h.textContent=s.title,d.appendChild(h)}let r=document.createElement("div");if(r.className="jt-message",r.textContent=s.message||"",d.appendChild(r),l&&"top"===s.iconPosition?(a.classList.add("jt-icon-top"),a.appendChild(l),a.appendChild(d)):l&&"right"===s.iconPosition?(a.appendChild(d),a.appendChild(l)):(l&&a.appendChild(l),a.appendChild(d)),Array.isArray(s.actions)&&s.actions.length){let p=document.createElement("div");p.className="jt-actions",s.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&&(a.remove(),this._next())},p.appendChild(t)}),d.appendChild(p)}if(s.closable){let m=document.createElement("span");m.className="juice-toast-close",m.innerHTML="\xd7",m.onclick=()=>{a.remove(),this._next()},a.appendChild(m)}let g=this._getRoot(s.position);g.appendChild(a),requestAnimationFrame(()=>a.classList.add("show"));let u=s.duration??2500;0!==u&&setTimeout(()=>{a.classList.remove("show"),setTimeout(()=>{a.remove(),this._next()},300)},u)}};export default juiceToast;export{juiceToast};
+let isBrowser="undefined"!=typeof window&&"undefined"!=typeof document,themes={light:{bg:"#ffffff",color:"#111",border:"1px solid #e5e7eb"},dark:{bg:"#1f2937",color:"#fff",border:"1px solid rgba(255,255,255,.08)"}},sizePreset={sm:{width:"260px",padding:"10px"},md:{width:"320px",padding:"14px"},lg:{width:"420px",padding:"18px"}},juiceToast={_config:{},_queue:[],_showing:!1,_theme:"dark",setup(e={}){this._config=e,this._defaults={...this._defaults,...e},this._registerTypes()},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.getElementById("juice-toast-root");t&&(t.dataset.theme=e)},clear(){this._queue.length=0},destroy(){this.clear(),isBrowser&&document.getElementById("juice-toast-root")?.remove()},_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)},_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,e){case"top-left":t.style.top="20px",t.style.left="20px";break;case"top-right":t.style.top="20px",t.style.right="20px";break;case"bottom-left":t.style.bottom="20px",t.style.left="20px";break;case"bottom-right":t.style.bottom="20px",t.style.right="20px";break;case"top-center":t.style.top="20px",t.style.left="50%",t.style.transform="translateX(-50%)";break;case"bottom-center":t.style.bottom="20px",t.style.left="50%",t.style.transform="translateX(-50%)"}document.body.appendChild(t)}return t},_defaults:{duration:2500,maxVisible:3,swipeThreshold:60,glassUI:0,playSound:null},_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,s.play().catch(()=>{})}catch{}},_showToast(e,t){if(!isBrowser)return;let s=this._config[e]||{},i="object"==typeof t?t:{message:String(t)},o={...s,...i};o.icon=o.icon??o.icon_left_top,o.iconPack=o.iconPack??o.icon_config,o.iconLink=o.iconLink??o.icon_onClick_url,o.iconAnimate=o.iconAnimate??o.icon_onClick_animate,o.position=o.position??o.toast,o.closable=o.closable??o.closeable,o.iconPosition=o.iconPosition||"left",o.compact=!!o.compact;let n=themes[o.theme||this._theme]||{},a=document.createElement("div");a.className="juice-toast";let l=o.animation||"slide-in";if(a.style.animation=`${l} 0.4s ease forwards`,a.setAttribute("role","alert"),a.setAttribute("aria-live","polite"),a.tabIndex=0,o.size&&sizePreset[o.size]){let r=sizePreset[o.size];r.width&&(a.style.width=r.width),r.padding&&(a.style.padding=r.padding)}let d=this._normalizeGlass(o.glassUI??this._defaults.glassUI);d>0&&(a.classList.add("jt-glass"),a.style.setProperty("--jt-glass",d)),d||(a.style.background=o.bg||n.bg),a.style.color=o.color||n.color,a.style.border=o.border||n.border,o.compact&&a.classList.add("jt-compact"),(o.glassUI??this._defaults.glassUI)&&a.classList.add("jt-glass"),o.width&&(a.style.width=o.width),o.height&&(a.style.height=o.height);let c=null;o.icon&&((c=document.createElement("i")).className=["icon",o.iconPack||"",o.icon].join(" ").trim(),o.iconSize&&(c.style.fontSize=o.iconSize),(o.iconLink||o.iconAnimate)&&(c.classList.add("icon-clickable"),c.onclick=e=>{e.stopPropagation(),o.iconAnimate&&(c.classList.remove(o.iconAnimate),c.offsetWidth,c.classList.add(o.iconAnimate)),o.iconLink&&window.open(o.iconLink,"_blank","noopener")}));let h=0,p=0;a.addEventListener("touchstart",e=>{h=e.touches[0].clientX}),a.addEventListener("touchmove",e=>{p=e.touches[0].clientX-h,a.style.transform=`translateX(${p}px)`}),a.addEventListener("touchend",()=>{Math.abs(p)>this._defaults.swipeThreshold?(a.style.transform=`translateX(${p>0?1e3:-1e3}px)`,setTimeout(()=>{a.remove(),this._next()},200)):a.style.transform="",h=p=0});let m=document.createElement("div");if(m.className="jt-content",o.title){let u=document.createElement("div");u.className="jt-title",u.textContent=o.title,m.appendChild(u)}let f=document.createElement("div");if(f.className="jt-message",f.textContent=o.message||"",m.appendChild(f),c&&"top"===o.iconPosition?(a.classList.add("jt-icon-top"),a.appendChild(c),a.appendChild(m)):c&&"right"===o.iconPosition?(a.appendChild(m),a.appendChild(c)):(c&&a.appendChild(c),a.appendChild(m)),Array.isArray(o.actions)&&o.actions.length){let g=document.createElement("div");g.className="jt-actions",o.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&&(a.remove(),this._next())},g.appendChild(t)}),m.appendChild(g)}if(o.closable){let $=document.createElement("span");$.className="juice-toast-close",$.innerHTML="\xd7",$.onclick=()=>{a.remove(),this._next()},a.appendChild($)}let y=this._getRoot(o.position),b=this._defaults.maxVisible;b&&y.children.length>=b&&y.firstChild.remove(),y.appendChild(a),requestAnimationFrame(()=>a.classList.add("show"));let x=o.duration??2500;if(0===x)return;let w=Date.now(),k=o.duration??this._defaults.duration,v,L=()=>{if(a.__paused)w=Date.now();else{let e=Date.now();k-=e-w,w=e}k<=0?(a.classList.remove("show"),setTimeout(()=>{a.remove(),this._next()},300)):v=requestAnimationFrame(L)};a.addEventListener("mouseenter",()=>a.__paused=!0),a.addEventListener("mouseleave",()=>a.__paused=!1),a.addEventListener("touchstart",()=>a.__paused=!0),a.addEventListener("touchend",()=>a.__paused=!1),requestAnimationFrame(L)}};export default juiceToast;export{juiceToast};

package/dist/style.css

@@ -1,6 +1,6 @@
 /*
  2026 (C) OpenDN Foundation
- v1.1.0
+ v1.2.0-rc.2026
  @license MIT
 */
-#juice-toast-root{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);z-index:9999;pointer-events:none;display:flex;flex-direction:column;align-items:center}#juice-toast-root[data-position=center]{top:50%;bottom:auto;transform:translate(-50%,-50%)}#juice-toast-root[data-position=top]{top:20px;bottom:auto;transform:translateX(-50%)}.juice-toast{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;color:#fff;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial;font-size:14px;background:#333;opacity:0;transform:translateY(10px);transition:opacity .25s,transform .25s,background .25s,color .25s,box-shadow .25s;position:relative;box-sizing:border-box;overflow:hidden}.juice-toast.show{opacity:1;transform:translateY(0)}.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}.juice-toast .jt-content{display:flex;flex-direction:column;gap:4px;flex:1 1 auto}.juice-toast .jt-title{font-weight:700;font-size:13px;line-height:1}.juice-toast .jt-message{font-weight:400;font-size:13px;line-height:1.2;opacity:.95}.juice-toast-close{position:absolute;top:6px;right:8px;cursor:pointer;font-size:16px;opacity:.75;padding:4px;border-radius:4px}.juice-toast-close:hover{opacity:1;background:rgba(255,255,255,.06)}#juice-toast-root>.juice-toast{transform-origin:center}.icon[data-position=top]{align-self:center;margin-bottom:6px}.icon-clickable{opacity:.85}.icon-clickable:hover{opacity:1}@keyframes jt-spin{to{transform:rotate(360deg)}}@keyframes jt-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.2)}}@keyframes jt-shake{0%,100%{transform:translateX(0)}25%,75%{transform:translateX(-2px)}50%{transform:translateX(2px)}}.spin{animation:.6s linear jt-spin}.pulse{animation:.4s jt-pulse}.shake{animation:.4s jt-shake}@media (prefers-reduced-motion:reduce){.juice-toast,.pulse,.shake,.spin{animation:none!important;transition:none!important}}.jt-compact{padding:8px 10px;gap:8px;font-size:.9em}.jt-icon-top{flex-direction:column;align-items:flex-start}.jt-icon-top .icon{margin-bottom:6px}.jt-actions{display:flex;gap:8px;margin-top:10px}.jt-action{background:0 0;border:1px solid currentColor;padding:4px 10px;border-radius:6px;cursor:pointer;font-size:12px}
+#juice-toast-root{position:fixed;z-index:9999;display:flex;gap:10px;pointer-events:none}#juice-toast-root[data-position=bottom]{bottom:20px;left:50%;transform:translateX(-50%);flex-direction:column;align-items:center}#juice-toast-root[data-position=top]{top:20px;left:50%;transform:translateX(-50%);flex-direction:column;align-items:center}#juice-toast-root[data-position=center]{top:50%;left:50%;transform:translate(-50%,-50%);flex-direction:column;align-items:center}.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,transform .25s,background .25s,color .25s,box-shadow .25s;position:relative;box-sizing:border-box;overflow:hidden}.juice-toast.show{opacity:1;--jt-y:0px}.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}.icon-clickable{opacity:.85;cursor:pointer}.icon-clickable:hover{opacity:1}.juice-toast .jt-content{display:flex;flex-direction:column;gap:4px;flex:1 1 auto}.juice-toast .jt-title{font-weight:700;font-size:13px;line-height:1.1}.juice-toast .jt-message{font-size:13px;line-height:1.3;opacity:.95}.jt-icon-top{flex-direction:column;align-items:flex-start}.jt-icon-top .icon{align-self:center;margin-bottom:6px}.juice-toast-close{position:absolute;top:6px;right:8px;cursor:pointer;font-size:16px;opacity:.75;padding:4px;border-radius:4px}.juice-toast-close:hover{opacity:1;background:rgba(255,255,255,.06)}.jt-actions{display:flex;gap:8px;margin-top:10px}.jt-action{background:0 0;border:1px solid currentColor;padding:4px 10px;border-radius:6px;cursor:pointer;font-size:12px}.jt-compact{padding:8px 10px;gap:8px;font-size:.9em}.jt-glass{--g:calc(var(--jt-glass, 60) / 100);background:rgba(30,30,30,calc(.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))))}[data-theme=light] .jt-glass{background:linear-gradient(rgba(255,255,255,calc(.6 * var(--g))),rgba(255,255,255,calc(.35 * var(--g)))),rgba(255,255,255,calc(.55 - (.25 * var(--g))));color:#111;border:1px solid rgba(0,0,0,calc(.05 + .12 * var(--g)));box-shadow:0 10px 30px rgba(0,0,0,calc(.08 + .18 * var(--g))),inset 0 1px 0 rgba(255,255,255,calc(.4 * var(--g)))}@keyframes jt-spin{to{transform:rotate(360deg)}}@keyframes jt-pulse{50%{transform:scale(1.15)}}@keyframes jt-shake{25%,75%{transform:translateX(-3px)}50%{transform:translateX(3px)}}.spin{animation:.6s linear jt-spin}.pulse{animation:.4s jt-pulse}.shake{animation:.4s jt-shake}@media (prefers-reduced-motion:reduce){.juice-toast,.pulse,.shake,.spin{animation:none!important;transition:none!important}}@keyframes slide-in{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes bounce-in{0%{transform:scale(.5);opacity:0}60%{transform:scale(1.2);opacity:1}100%{transform:scale(1)}}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "juice-toast",
-  "version": "1.1.0",
+  "version": "1.2.1",
   "description": "Lightweight, dependency-free toast notification library",
   "keywords": [
     "toast",
@@ -23,26 +23,40 @@
   },
   "funding": "https://patreon.com/Khairy47",
   "engines": {
-    "node": ">=14"
+    "node": ">=15"
   },
-  "main": "dist/juice-toast.umd.js",
   "module": "dist/juice-toast.esm.js",
   "types": "dist/juice-toast.d.ts",
   "exports": {
     ".": {
-      "require": "./dist/juice-toast.umd.js",
       "import": "./dist/juice-toast.esm.js",
       "types": "./dist/juice-toast.d.ts"
     }
   },
-  "files": ["dist"],
+  "files": [
+    "dist",
+    "CHANGELOG.md",
+    "CODE_OF_CONDUCT.md",
+    "LICENSE",
+    "README.md",
+    "CONTRIBUTING.md",
+    "WARNER_NEXT_VERSION.md",
+    "EoL.md",
+    "NEW_FUNCTION.md"
+  ],
   "sideEffects": false,
   "publishConfig": {
     "access": "public"
   },
-  "unpkg": "dist/juice-toast.umd.js",
-  "jsdelivr": "dist/juice-toast.umd.js",
+  "unpkg": "dist/juice-toast.esm.js",
+  "jsdelivr": "dist/juice-toast.esm.js",
   "scripts": {
-    "dev": "live-server"
+    "publish": "npm publish"
+  },
+  "devDependencies": {
+    "jest": "^30.2.0"
+  },
+  "dependencies": {
+    "debug": "^4.4.3"
   }
 }

package/dist/juice-toast.umd.js

@@ -1,6 +0,0 @@
-/**
- * 2026 (C) OpenDN Foundation
- * v1.1.0 Juice Toast 
- * UMD (Universal Module Definition (<script>))
- */
-!function(e,t){"function"==typeof define&&define.amd?define([],t):"object"==typeof module&&module.exports?module.exports=t():e.juiceToast=t()}(this,function(){return function(){let e="undefined"!=typeof window&&"undefined"!=typeof document,t={light:{bg:"#fff",color:"#111",border:"1px solid #e5e7eb"},dark:{bg:"#1f2937",color:"#fff",border:"1px solid rgba(255,255,255,.08)"}};return{_config:{},_queue:[],_showing:!1,_theme:"dark",setup(e={}){this._config=e,this._registerTypes()},addType(e,t={}){this._config[e]=t,this._registerTypes()},defineTheme(e,i={}){t[e]={...t[e]||{},...i}},setTheme(t){if(this._theme=t,!e)return;let i=document.getElementById("juice-toast-root");i&&(i.dataset.theme=t)},clear(){this._queue.length=0},destroy(){this.clear(),e&&document.getElementById("juice-toast-root")?.remove()},_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)},_getRoot(t){if(!e)return null;let i=document.getElementById("juice-toast-root");return i||((i=document.createElement("div")).id="juice-toast-root",document.body.appendChild(i)),i.dataset.position=t||"bottom",i.dataset.theme=this._theme,i},_showToast(i,o){if(!e)return;let n=this._config[i]||{},s="object"==typeof o?o:{message:String(o)},a={...n,...s};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 c=t[a.theme||this._theme]||{},l=document.createElement("div");if(l.className="juice-toast",a.size&&sizePreset[a.size]){let d=sizePreset[a.size];d.width&&(l.style.width=d.width),d.padding&&(l.style.padding=d.padding)}a.width&&(l.style.width=a.width),a.height&&(l.style.height=a.height),l.style.background=a.bg||c.bg,l.style.color=a.color||c.color,l.style.border=a.border||c.border;let h=null;a.icon&&((h=document.createElement("i")).className=["icon",a.iconPack||"",a.icon].join(" ").trim(),a.iconSize&&(h.style.fontSize=a.iconSize),(a.iconLink||a.iconAnimate)&&(h.classList.add("icon-clickable"),h.onclick=e=>{e.stopPropagation(),a.iconAnimate&&(h.classList.remove(a.iconAnimate),h.offsetWidth,h.classList.add(a.iconAnimate)),a.iconLink&&window.open(a.iconLink,"_blank","noopener")}));let r=document.createElement("div");if(r.className="jt-content",a.title){let p=document.createElement("div");p.className="jt-title",p.textContent=a.title,r.appendChild(p)}let m=document.createElement("div");if(m.className="jt-message",m.textContent=a.message||"",r.appendChild(m),h&&"top"===a.iconPosition?(l.classList.add("jt-icon-top"),l.appendChild(h),l.appendChild(r)):h&&"right"===a.iconPosition?(l.appendChild(r),l.appendChild(h)):(h&&l.appendChild(h),l.appendChild(r)),Array.isArray(a.actions)&&a.actions.length){let u=document.createElement("div");u.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&&(l.remove(),this._next())},u.appendChild(t)}),r.appendChild(u)}if(a.closable){let f=document.createElement("span");f.className="juice-toast-close",f.innerHTML="\xd7",f.onclick=()=>{l.remove(),this._next()},l.appendChild(f)}let g=this._getRoot(a.position);g.appendChild(l),requestAnimationFrame(()=>l.classList.add("show"));let y=a.duration??2500;0!==y&&setTimeout(()=>{l.classList.remove("show"),setTimeout(()=>{l.remove(),this._next()},300)},y)}}}()});