juice-toast 0.0.0-next.1202026

package/CHANGELOG.md

@@ -0,0 +1,20 @@
+NEXT 120/2026
+- Adding Swipe to Dismiss
+- Adding Pause on Hover
+- Adding `playSound`
+- Adding GlassUI (WARNING: This Function Still In BETA, it not worked or it can make error)
+
+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/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Sholehuddin Khairy
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,247 @@
+# 🍹 JuiceToast
+
+**JuiceToast** is a lightweight, flexible, and dependency-free toast notification library for modern web applications.  
+Designed with a **clean API**, **extensive customization**, and **strong backward compatibility**, JuiceToast fits both small projects and enterprise-scale systems.
+
+It supports **ESM and UMD**, **dynamic toast types**, **theme management**, **queue handling**, and **legacy API compatibility** out of the box.
+
+---
+
+## ✨ Key Features
+
+- 🚀 Zero dependencies
+- 📦 Supports **ESM** and **UMD**
+- 🔁 Built-in queue system (one toast displayed at a time)
+- 🎨 Theme system (light, dark, and custom themes)
+- 🧩 Dynamic toast types (`success`, `error`, etc.)
+- ⏳ Auto-dismiss & sticky toasts
+- ❌ Closable toasts
+- ⭐ Icon support (position, animation, link)
+- 📐 Size presets and manual sizing
+- 🧱 Full backward compatibility with legacy APIs
+
+---
+
+## 📦 Installation
+
+### 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.min.css"
+/>
+<script src="https://cdn.kyrt.my.id/libs/js/juice-toast/1.1.0/juice-toast.umd.min.js"></script>
+
+<script>
+  juiceToast.setup({
+    success: {
+      bg: "#01AA38"
+    }
+  });
+
+  juiceToast.success("Hello world!");
+</script>
+```
+
+---
+
+## 🚀 Quick Start
+
+```js
+juiceToast.setup({
+  success: {
+    icon: "check",
+    theme: "light",
+    duration: 2000
+  },
+  error: {
+    icon: "x",
+    bg: "#7f1d1d",
+    color: "#fff",
+    closable: true
+  }
+});
+
+juiceToast.success("Operation completed successfully.");
+juiceToast.error({
+  title: "Error",
+  message: "An unexpected error occurred."
+});
+```
+
+---
+
+## 🧠 Core Concepts
+
+### Toast Types
+
+Toasts are triggered based on **types** registered using `setup()` or `addType()`.
+
+```js
+juiceToast.info("Information message");
+juiceToast.warning({
+  message: "Proceed with caution",
+  duration: 4000
+});
+```
+
+This approach allows a clear separation between **toast configuration** and **runtime usage**.
+
+---
+
+## ⚙️ API Reference
+
+### `setup(config)`
+Registers all toast types and their default configuration.
+
+```js
+juiceToast.setup({
+  success: { bg: "green" },
+  error: { bg: "red" }
+});
+```
+
+---
+
+### `addType(name, config)`
+Adds a new toast type dynamically at runtime.
+
+```js
+juiceToast.addType("warning", {
+  bg: "#facc15",
+  color: "#111"
+});
+```
+
+---
+
+### `defineTheme(name, styles)`
+Creates or overrides a theme.
+
+```js
+juiceToast.defineTheme("ocean", {
+  bg: "#0ea5e9",
+  color: "#ffffff",
+  border: "1px solid #0284c7"
+});
+```
+
+---
+
+### `setTheme(name)`
+Sets the global theme.
+
+```js
+juiceToast.setTheme("dark");
+```
+
+---
+
+### `clear()`
+Clears all pending toast queues.
+
+```js
+juiceToast.clear();
+```
+
+---
+
+### `destroy()`
+Removes all queues and the root DOM element.
+
+```js
+juiceToast.destroy();
+```
+
+---
+
+## 🧾 Toast Payload Interface
+
+```ts
+interface ToastPayload {
+  message?: string;
+  title?: string;
+
+  bg?: string;
+  color?: string;
+  border?: string;
+  theme?: string;
+
+  duration?: number; // milliseconds, 0 = sticky
+  position?: "top" | "center" | "bottom";
+  toast?: "top" | "center" | "bottom"; // legacy support
+
+  closable?: boolean;
+  closeable?: boolean; // legacy support
+
+  icon?: string;
+  iconPack?: string;
+  iconLink?: string;
+  iconAnimate?: string;
+  iconPosition?: "left" | "right" | "top";
+
+  size?: "sm" | "md" | "lg";
+  width?: string;
+  height?: string;
+
+  actions?: {
+    label: string;
+    onClick?: (event: MouseEvent) => void;
+    closeOnClick?: boolean;
+  }[];
+
+  [key: string]: any;
+}
+```
+
+---
+
+## 🔄 Backward Compatibility
+
+JuiceToast automatically maps legacy options to the modern API.
+
+| Legacy Option | Current Option |
+|--------------|----------------|
+| `toast` | `position` |
+| `closeable` | `closable` |
+| `icon_left_top` | `icon` |
+| `icon_config` | `iconPack` |
+| `icon_onClick_url` | `iconLink` |
+| `icon_onClick_animate` | `iconAnimate` |
+
+---
+
+## 🎨 Default Themes
+
+```js
+light: {
+  bg: "#ffffff",
+  color: "#111",
+  border: "1px solid #e5e7eb"
+}
+
+dark: {
+  bg: "#1f2937",
+  color: "#ffffff",
+  border: "1px solid rgba(255,255,255,.08)"
+}
+```
+
+---
+
+## 📌 Notes
+
+- Browser-only (DOM required)
+- Root element is automatically created: `#juice-toast-root`
+- Suitable for frameworks, custom runtimes, etc.
+
+---
+
+## 📄 License
+
+MIT License © OpenDN Foundation

package/dist/juice-toast.d.ts

@@ -0,0 +1,170 @@
+/**
+ * OpenDN Foundation (C) 2026
+ * Juice Toast — Type Definitions
+ * @license MIT
+ */
+
+/* ================= BASIC TYPES ================= */
+
+export type ToastPosition =
+  | "top"
+  | "center"
+  | "bottom"
+  | "top-left"
+  | "top-right"
+  | "top-center"
+  | "bottom-left"
+  | "bottom-right"
+  | "bottom-center";
+
+export type ToastSize = "sm" | "md" | "lg";
+
+export type IconPosition = "left" | "right" | "top";
+
+export type ToastDuration = number; // 0 = persistent
+
+/* ================= THEME ================= */
+
+export interface ToastTheme {
+  bg?: string;
+  color?: string;
+  border?: string;
+  glow?: string;
+}
+
+/* ================= ACTION ================= */
+
+export interface ToastAction {
+  label: string;
+  onClick?: (event: MouseEvent) => void;
+  closeOnClick?: boolean;
+}
+
+/* ================= PAYLOAD ================= */
+
+export interface ToastPayload {
+  /* -------- content -------- */
+  message?: string;
+  title?: string;
+
+  /* -------- appearance -------- */
+  bg?: string;
+  color?: string;
+  border?: string;
+  glow?: string;
+  theme?: string;
+
+  width?: string;
+  height?: string;
+  size?: ToastSize;
+  compact?: boolean;
+
+  /* -------- timing & placement -------- */
+  duration?: ToastDuration;
+  position?: ToastPosition;
+  toast?: ToastPosition; // legacy
+
+  pauseOnHover?: boolean; // default true
+  swipeToDismiss?: boolean; // default true
+
+  /* -------- close -------- */
+  closable?: boolean;
+  closeable?: boolean; // legacy
+
+  /* -------- icon (modern) -------- */
+  icon?: string;
+  iconPack?: string;
+  iconSize?: string;
+  iconPosition?: IconPosition;
+  iconLink?: string;
+  iconAnimate?: string;
+
+  /* -------- icon (legacy) -------- */
+  icon_left_top?: string;
+  icon_config?: string;
+  icon_onClick_url?: string;
+  icon_onClick_animate?: string;
+  
+  playSound ? : string | boolean;
+  glassUI ? : boolean;
+
+  /* -------- actions -------- */
+  actions?: ToastAction[];
+
+  /* -------- advanced -------- */
+  render?: (root: HTMLElement) => void;
+
+  /* -------- escape hatch -------- */
+  [key: string]: unknown;
+}
+
+/* ================= TYPE CONFIG ================= */
+
+export interface ToastTypeConfig extends ToastPayload {}
+
+/* ================= GLOBAL CONFIG ================= */
+
+export interface JuiceToastDefaults {
+  duration?: ToastDuration;
+  position?: ToastPosition;
+  maxVisible?: number;
+  swipeThreshold?: number;
+  pauseOnHover?: boolean;
+  swipeToDismiss?: boolean;
+  closable?: boolean;
+  playSound?: string | boolean;
+  glassUI?: boolean | number;
+}
+
+/* ================= CORE API ================= */
+
+export interface JuiceToastAPI {
+  /**
+   * Register toast types in bulk
+   */
+  setup<T extends Record<string, ToastTypeConfig>>(
+    config?: T & JuiceToastDefaults
+  ): void;
+
+  /**
+   * Add or override a single toast type
+   */
+  addType<T extends ToastTypeConfig>(
+    name: string,
+    config?: T
+  ): void;
+
+  /**
+   * Global defaults
+   */
+  defaults(config: JuiceToastDefaults): 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;
+}
+
+/* ================= EXPORT ================= */
+
+declare const juiceToast: JuiceToastAPI;
+
+export default juiceToast;
+export { juiceToast };

package/dist/juice-toast.esm.js

@@ -0,0 +1,6 @@
+/**
+ * 2026 (C) OpenDN Foundation
+ * v120/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._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){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},_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 i=new Audio(t);i.volume=.6,i.play().catch(()=>{})}catch{}},_showToast(e,t){if(!isBrowser)return;let i=this._config[e]||{},s="object"==typeof t?t:{message:String(t)},o={...i,...s};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");if(a.className="juice-toast",o.size&&sizePreset[o.size]){let l=sizePreset[o.size];l.width&&(a.style.width=l.width),l.padding&&(a.style.padding=l.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 r=0,h=0;a.addEventListener("touchstart",e=>{r=e.touches[0].clientX}),a.addEventListener("touchmove",e=>{h=e.touches[0].clientX-r,a.style.transform=`translateX(${h}px)`}),a.addEventListener("touchend",()=>{Math.abs(h)>this._defaults.swipeThreshold?(a.style.transform=`translateX(${h>0?1e3:-1e3}px)`,setTimeout(()=>{a.remove(),this._next()},200)):a.style.transform="",r=h=0});let p=document.createElement("div");if(p.className="jt-content",o.title){let u=document.createElement("div");u.className="jt-title",u.textContent=o.title,p.appendChild(u)}let m=document.createElement("div");if(m.className="jt-message",m.textContent=o.message||"",p.appendChild(m),c&&"top"===o.iconPosition?(a.classList.add("jt-icon-top"),a.appendChild(c),a.appendChild(p)):c&&"right"===o.iconPosition?(a.appendChild(p),a.appendChild(c)):(c&&a.appendChild(c),a.appendChild(p)),Array.isArray(o.actions)&&o.actions.length){let f=document.createElement("div");f.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())},f.appendChild(t)}),p.appendChild(f)}if(o.closable){let g=document.createElement("span");g.className="juice-toast-close",g.innerHTML="\xd7",g.onclick=()=>{a.remove(),this._next()},a.appendChild(g)}let $=this._getRoot(o.position),y=this._defaults.maxVisible;y&&$.children.length>=y&&$.firstChild.remove(),$.appendChild(a),requestAnimationFrame(()=>a.classList.add("show"));let w=o.duration??2500;if(0===w)return;let b=Date.now(),v=o.duration??this._defaults.duration,x,L=()=>{if(a.__paused)b=Date.now();else{let e=Date.now();v-=e-b,b=e}v<=0?(a.classList.remove("show"),setTimeout(()=>{a.remove(),this._next()},300)):x=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/juice-toast.umd.js

@@ -0,0 +1,6 @@
+/**
+ * 2026 (C) OpenDN Foundation
+ * v120/2026 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._defaults={...this._defaults,...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},_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},_defaults:{duration:2500,maxVisible:3,swipeThreshold:60,glassUI:0,playSound:null},_playSound(t){if(!e)return;let i="string"==typeof t&&t?t:this._defaults.playSound;if(i)try{let s=new Audio(i);s.volume=.6,s.play().catch(()=>{})}catch{}},_showToast(i,s){if(!e)return;let n=this._config[i]||{},o="object"==typeof s?s:{message:String(s)},a={...n,...o};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 l=t[a.theme||this._theme]||{},c=document.createElement("div");if(c.className="juice-toast",a.size&&sizePreset[a.size]){let d=sizePreset[a.size];d.width&&(c.style.width=d.width),d.padding&&(c.style.padding=d.padding)}let r=this._normalizeGlass(a.glassUI??this._defaults.glassUI);r>0&&(c.classList.add("jt-glass"),c.style.setProperty("--jt-glass",r)),r||(c.style.background=a.bg||l.bg),c.style.color=a.color||l.color,c.style.border=a.border||l.border,(a.glassUI??this._defaults.glassUI)&&c.classList.add("jt-glass"),a.width&&(c.style.width=a.width),a.height&&(c.style.height=a.height);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 u=0,p=0;c.addEventListener("touchstart",e=>{u=e.touches[0].clientX}),c.addEventListener("touchmove",e=>{p=e.touches[0].clientX-u,c.style.transform=`translateX(${p}px)`}),c.addEventListener("touchend",()=>{Math.abs(p)>this._defaults.swipeThreshold?(c.style.transform=`translateX(${p>0?1e3:-1e3}px)`,setTimeout(()=>{c.remove(),this._next()},200)):c.style.transform="",u=p=0});let m=document.createElement("div");if(m.className="jt-content",a.title){let f=document.createElement("div");f.className="jt-title",f.textContent=a.title,m.appendChild(f)}let g=document.createElement("div");if(g.className="jt-message",g.textContent=a.message||"",m.appendChild(g),h&&"top"===a.iconPosition?(c.classList.add("jt-icon-top"),c.appendChild(h),c.appendChild(m)):h&&"right"===a.iconPosition?(c.appendChild(m),c.appendChild(h)):(h&&c.appendChild(h),c.appendChild(m)),Array.isArray(a.actions)&&a.actions.length){let $=document.createElement("div");$.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&&(c.remove(),this._next())},$.appendChild(t)}),m.appendChild($)}if(a.closable){let y=document.createElement("span");y.className="juice-toast-close",y.innerHTML="\xd7",y.onclick=()=>{c.remove(),this._next()},c.appendChild(y)}let b=this._getRoot(a.position),v=this._defaults.maxVisible;v&&b.children.length>=v&&b.firstChild.remove(),b.appendChild(c),requestAnimationFrame(()=>c.classList.add("show"));let k=a.duration??2500;if(0===k)return;let C=Date.now(),E=a.duration??this._defaults.duration,L,w=()=>{if(c.__paused)C=Date.now();else{let e=Date.now();E-=e-C,C=e}E<=0?(c.classList.remove("show"),setTimeout(()=>{c.remove(),this._next()},300)):L=requestAnimationFrame(w)};c.addEventListener("mouseenter",()=>c.__paused=!0),c.addEventListener("mouseleave",()=>c.__paused=!1),c.addEventListener("touchstart",()=>c.__paused=!0),c.addEventListener("touchend",()=>c.__paused=!1),requestAnimationFrame(w)}}}()});

package/dist/style.css

@@ -0,0 +1,6 @@
+/*
+ 2026 (C) OpenDN Foundation
+ v120/2026
+ @license MIT
+*/
+#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}}

package/package.json

@@ -0,0 +1,51 @@
+{
+  "name": "juice-toast",
+  "version": "0.0.0-next.1202026",
+  "description": "Lightweight, dependency-free toast notification library",
+  "keywords": [
+    "toast",
+    "notification",
+    "ui",
+    "javascript",
+    "frontend",
+    "browser",
+    "vanilla-js"
+  ],
+  "license": "MIT",
+  "author": "KhairyK",
+  "homepage": "https://github.com/KhairyK/juiceToast",
+  "bugs": {
+    "url": "https://github.com/KhairyK/juiceToast/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/KhairyK/juiceToast.git"
+  },
+  "funding": "https://patreon.com/Khairy47",
+  "engines": {
+    "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", "CHANGELOG.md", "CODE_OF_CONDUCT.md", "LICENSE", "README.md", "CONTRIBUTING.md"],
+  "sideEffects": false,
+  "publishConfig": {
+    "access": "public"
+  },
+  "unpkg": "dist/juice-toast.umd.js",
+  "jsdelivr": "dist/juice-toast.umd.js",
+  "scripts": {
+    "test": "live-server"
+  },
+  "devDependencies": {
+    "live-server": "1.2.2"
+  }
+}