npm - customizable-toast-notification - Versions diffs - 3.5.1 → 3.6.0 - Mend

customizable-toast-notification 3.5.1 → 3.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (8) hide show

package/dist/index.cjs CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
- * Customizable Toast Notifications 3.5.1
- * Build: 2025-08-27 18:05:24
- * Cache-Buster: 1756317924370
+ * Customizable Toast Notifications 3.6.0
+ * Build: 2025-09-01 13:01:31
+ * Cache-Buster: 1756731691017
  * Author: Priyanshu Patel
  * Email: priyanshu.alt191@gmail.com
  * License: Apache-2.0
@@ -12,5 +12,23 @@
  * Supports flexible positioning, theming, icons, animations, and timing options
  * out of the box — with zero dependencies.
  */
-"use strict";async function t(t){return`${t}-${Date.now()}-${Math.floor(1e5*Math.random())}`}async function e(t){try{let e=document.getElementById(`toast-container-${t}`);return e||(e=document.createElement("div"),e.id=`toast-container-${t}`,e.style.position="fixed",e.style.zIndex="9999",await async function(t,e){t.style.top="auto",t.style.bottom="auto",t.style.left="auto",t.style.right="auto",t.style.transform="none",e.includes("bottom")?t.style.bottom="10px":e.includes("top")&&(t.style.top="10px"),e.includes("right")?t.style.right="10px":e.includes("left")?t.style.left="10px":e.includes("center")&&(t.style.top="50%",t.style.left="50%",t.style.transform="translate(-50%, -50%)")}(e,t),await async function(t,e){if(!t||!e)return!1;try{return t.contains(e)||t.appendChild(e),!0}catch(n){try{return t.insertAdjacentElement("beforeend",e),!0}catch(n){try{if(t===document.body)return e.style.position="fixed",e.style.top="10px",e.style.right="10px",e.style.zIndex="99999",document.body.insertAdjacentHTML("beforeend",e.outerHTML||""),!0}catch(t){return!1}}}return!1}(document.body,e)),e}catch(t){return document.body}}function n(t,e,n){const o=function(t){try{if("number"==typeof t&&t>0)return t;if("string"==typeof t){if(t.endsWith("s")&&!t.endsWith("ms")){const e=1e3*parseFloat(t);return e>0?e:500}const e=parseFloat(t);return e>0?e:500}}catch(t){}return 500}(e.animationDuration);Object.assign(t.style,{background:e.backgroundColor||e.color||"#333",color:e.textColor||"white",padding:"12px 20px",marginBottom:"10px",borderRadius:"5px",display:"flex",alignItems:"center",justifyContent:"space-between",boxShadow:"0 4px 6px rgba(0, 0, 0, 0.1)",minWidth:"250px",maxWidth:"400px",opacity:"0",position:"relative",transition:`opacity ${o||"0.5s"} ${e.animationEasing||"ease"}, transform ${o||"0.5s"} ${e.animationEasing||"ease"}`,transform:"translateY(20px)",zIndex:"9999"}),t._animationDuration=o;const r=document.createElement("span");r.textContent=e.message||"Notification",r.style.flex="1",t.appendChild(r),e.showCloseButton&&function(t,e,n){const o=document.createElement("button");o.innerHTML="&times;",Object.assign(o.style,{background:"none",border:"none",color:e.textColor||"white",fontSize:"18px",marginLeft:"10px",cursor:"pointer"}),o.onclick=()=>n(t),t.appendChild(o),t._cleanupCloseButton=()=>{o.onclick=null}}(t,e,n),e.showProgressBar&&function(t,e){const n=document.createElement("div");Object.assign(n.style,{position:"absolute",left:"0",height:e.progressHeight||"4px",background:e.progressColor||"rgba(255, 255, 255, 0.3)",width:"100%",transition:`width ${e.duration||1800}ms linear`,["top"===e.progressPosition?"top":"bottom"]:"0"}),t.appendChild(n),setTimeout(()=>{!function(t){try{return t?.offsetWidth||0}catch(t){return 0}}(n),n.style.width="0%"},100)}(t,e),function(t){setTimeout(()=>{t.style.opacity="1",t.style.transform="translateY(0)"},50)}(t)}function o(t,e){try{const n=document.createElement("div");return n.id=`emergency-${Date.now()}`,n.innerHTML=`\n      <div style="\n        background: #333 !important;\n        color: white !important;\n        padding: 10px 15px !important;\n        position: fixed !important;\n        top: 20px !important;\n        right: 20px !important;\n        z-index: 99999 !important;\n        border-radius: 3px !important;\n        max-width: 250px !important;\n        word-wrap: break-word !important;\n        font-family: Arial, sans-serif !important;\n        font-size: 14px !important;\n        box-shadow: 0 2px 10px rgba(0,0,0,0.3) !important;\n        cursor: pointer !important;\n      " onclick="this.parentNode.removeChild(this)">\n        ${t.message||"Emergency Toast Creation Showing!"}\n        <span style="float: right; margin-left: 10px; font-weight: bold;">&times;</span>\n      </div>\n    `,n._animationDuration=500,n._isEmergencyToast=!0,setTimeout(()=>{try{n.parentNode&&n.parentNode.removeChild(n),e(n)}catch(t){}},t.duration||1800),n}catch(n){return setTimeout(()=>{try{alert(t.message||"Toast Creation Failed!"),e(null)}catch(t){e(null)}},100),null}}async function r(e,r){let a;if(!document.querySelector('[id^="toast-container-"]'))return null;try{return a=await async function(e,n){try{if(!e||!n)throw new Error("tagName and prefix is required");const o=document.createElement(e);return o.id=t(n),o}catch(e){try{const e="div",n="fallback",o=document.createElement(e);return o.id=t(n),o.setAttribute("data-original-tag",e),o}catch(t){}}}("div","toast"),n(a,e,r),a}catch(t){return o(e,r),a}}Object.defineProperty(exports,"__esModule",{value:!0});let a=[],i=[];async function s(t){try{const n=await e(t.position),o=await r(t,c);if(!o)throw new Error("Toast element creation failed!");a.push(o),n.id.includes("toast-container-")&&n.appendChild(o);const s="number"==typeof t.duration&&t.duration>0?t.duration+2:1800,l=await async function(t,e){return setTimeout(()=>{t()},e)}(()=>c(o),s);return void i.push(l)}catch(e){const n=document.querySelector('[id^="toast-container-"]'),r=o(t,c);return void(n&&n?.id?.includes("toast-container-")?n.appendChild(r):alert(e.substring(0,200)))}}async function c(t){if(a.length>0){const e=a.indexOf(t);-1!==e&&a.splice(e,1)}await async function(t){if(!t)return!0;try{if(t?.parentNode?.id.includes("toast-container-"))return t.parentNode.removeChild(t),!0}catch(e){try{if(t.remove)return t.remove(),!0}catch(e){try{return t.style.display="none",t.style.opacity="0",t.style.pointerEvents="none",t.style.position="absolute",t.style.left="-9999px",!0}catch(t){return!1}}}return!0}(t)}let l={success:"#28a745",error:"#dc3545",warning:"#ffc107",info:"#17a2b8"},u={success:"Operation completed successfully!",error:"Something went wrong!",warning:"Warning message!",info:"Information message!"};async function d(t={}){try{const e=await async function(t){const e={duration:1800,position:"bottom-right",type:"info",backgroundColor:void 0,textColor:"white",showCloseButton:!1,animationDuration:"0.5s",animationEasing:"ease",showProgressBar:!1,progressColor:void 0,progressHeight:"4px",progressPosition:"bottom"};let n={...e};t&&"object"==typeof t&&!Array.isArray(t)&&(Object.keys(e).forEach(e=>{t.hasOwnProperty(e)&&(n[e]=t[e])}),void 0===t.message&&"undefined"===t.message||(n.message=t.message));try{!n.backgroundColor&&n.type&&l[n.type]&&(n.backgroundColor=l[n.type]),!n.message&&n.type&&u[n.type]&&(n.message=u[n.type])}catch(t){}n.message&&"string"==typeof n.message||(n.message="No Message Provided!");return n}(t);await s(e)}catch(e){const n="string"==typeof t?.message?`${t.message.substring(0,200)} toast creation failed!`:"Toast creation failed!";alert(n)}}function p(t){try{t&&"object"==typeof t&&!Array.isArray(t)&&(l={...l,...t})}catch(t){}}function y(t){try{t&&"object"==typeof t&&!Array.isArray(t)&&(u={...u,...t})}catch(t){}}try{"undefined"!=typeof window&&(window.customizableToast={createToast:d,setDefaultColors:p,setDefaultMessages:y})}catch(t){}exports.createToast=d,exports.noop=function(){c(document.querySelector('[id^="toast-"]:not([id*="container"])'))},exports.setDefaultColors=p,exports.setDefaultMessages=y;
+"use strict";async function t(t,e){t.style.top="auto",t.style.bottom="auto",t.style.left="auto",t.style.right="auto",t.style.transform="none",e.includes("bottom")?t.style.bottom="10px":e.includes("top")&&(t.style.top="10px"),e.includes("right")?t.style.right="10px":e.includes("left")?t.style.left="10px":e.includes("center")&&(t.style.top="50%",t.style.left="50%",t.style.transform="translate(-50%, -50%)")}async function e(t){return`${t}-${Date.now()}-${Math.floor(1e5*Math.random())}`}async function n(t,e){if(!t||!e)return!1;try{return t.contains(e)||t.appendChild(e),!0}catch(n){try{return t.insertAdjacentElement("beforeend",e),!0}catch(n){try{if(t===document.body){const n=e.cloneNode(!0);return t.appendChild(n),!0}}catch(t){return!1}}}return!1}async function o(t){return t.backgroundColor&&await async function(t){let e,n,o;if(t.startsWith("#")){const a=t.substring(1);3===a.length?(e=parseInt(a[0]+a[0],16),n=parseInt(a[1]+a[1],16),o=parseInt(a[2]+a[2],16)):(e=parseInt(a.substring(0,2),16),n=parseInt(a.substring(2,4),16),o=parseInt(a.substring(4,6),16))}else if(t.startsWith("rgb")||t.startsWith("rgba")){const a=t.match(/^rgba?\((\d+),\s*(\d+),\s*(\d+)(?:,\s*(\d+(?:\.\d+)?))?\)$/);a&&(e=parseInt(a[1]),n=parseInt(a[2]),o=parseInt(a[3]))}else{const a={black:[0,0,0],white:[255,255,255]}[t.toLowerCase()];if(!a)throw new Error(`Unsupported color format: ${t}`);e=a[0],n=a[1],o=a[2]}const a=(.2126*e+.7152*n+.0722*o)/255,r=.05;return(Math.max(a,r)+.05)/Math.min(a,r)}(t.backgroundColor)>3.5?"black":"white"}async function a(t,e,n){const o=await async function(t){try{if("number"==typeof t&&t>0)return t;if("string"==typeof t){if(t.endsWith("s")&&!t.endsWith("ms")){const e=1e3*parseFloat(t);return e>0?e:500}const e=parseFloat(t);return e>0?e:500}}catch(t){}return 500}(e.animationDuration);Object.assign(t.style,{background:e.backgroundColor,padding:"12px 20px",marginBottom:"10px",borderRadius:e.borderRadius,overflow:"hidden",display:"flex",alignItems:"center",justifyContent:"space-between",boxShadow:"0 4px 6px rgba(0, 0, 0, 0.1)",minWidth:"250px",maxWidth:"400px",opacity:"0",position:"relative",transition:`opacity ${e.animationDuration} ${e.animationEasing}, transform ${e.animationDuration} ${e.animationEasing}`,transform:"translateY(20px)",zIndex:"9999"}),t._animationDuration=o;const a=document.createElement("span");a.style.position=e.fontPosition,a.style.display="inline-block",a.style.flex="1",a.style.padding=e.fontPadding,a.style.borderRadius=e.fontBorderRadius,a.style.background=e.fontBackgroundColor,a.style.fontFamily=e.fontFamily,a.style.fontSize=e.fontSize,a.style.fontWeight=e.fontWeight,a.style.lineHeight=e.fontLineHeight,a.style.color=e.textColor,a.style.userSelect="text",a.style.wordBreak="break-word",a.style.direction=e.fontDirection,a.style.webkitLineClamp="3",a.style.webkitBoxOrient="vertical",a.style.whiteSpace=e.wrapText?"normal":"nowrap",a.style.display="block",a.style.overflow="hidden",a.style.textOverflow="ellipsis",a.style.lineClamp="3",a.style.boxOrient="vertical",a.style.display="-webkit-box",a.textContent=e.message,a.setAttribute("aria-label","Toast Notification Center"),a.setAttribute("title",e.message),t.appendChild(a),e.showCloseButton&&await async function(t,e,n){const o=document.createElement("button");o.setAttribute("aria-label","Close notification"),o.setAttribute("title","Close"),o.textContent="×",Object.assign(o.style,{background:"none",border:"none",color:e.textColor,fontSize:"18px",marginLeft:"10px",cursor:"pointer"}),o.onclick=()=>n(t),t.appendChild(o),t._cleanupCloseButton=()=>{o.onclick=null}}(t,e,n),e.showProgressBar&&await async function(t,e){const n=document.createElement("div");Object.assign(n.style,{position:"absolute",left:"0",height:e.progressHeight||"4px",background:e.progressColor||"rgba(255, 255, 255, 0.3)",width:"100%",transition:`width ${e.duration||1800}ms linear`,["top"===e.progressPosition?"top":"bottom"]:"0"}),t.appendChild(n),setTimeout(()=>{!function(t){try{return t?.offsetWidth||0}catch(t){return 0}}(n),n.style.width="0%"},100)}(t,e),await async function(t){setTimeout(()=>{requestAnimationFrame(()=>{t.style.opacity="1",t.style.transform="translateY(0)"})},50)}(t)}async function r(t,e){try{const n=document.createElement("div");return n.id=`emergency-${Date.now()}`,n.innerHTML=`\n      <div style="\n        background: #333 !important;\n        color: white !important;\n        padding: 10px 15px !important;\n        position: fixed !important;\n        top: 20px !important;\n        right: 20px !important;\n        z-index: 99999 !important;\n        border-radius: 3px !important;\n        max-width: 250px !important;\n        word-wrap: break-word !important;\n        font-family: Arial, sans-serif !important;\n        font-size: 14px !important;\n        box-shadow: 0 2px 10px rgba(0,0,0,0.3) !important;\n        cursor: pointer !important;\n      " onclick="this.parentNode.removeChild(this)">\n        ${t.message||"Emergency Toast Creation Showing!"}\n        <span style="float: right; margin-left: 10px; font-weight: bold;">&times;</span>\n      </div>\n    `,n._animationDuration=500,n._isEmergencyToast=!0,setTimeout(()=>{try{n.parentNode&&n.parentNode.removeChild(n),e(n)}catch(t){}},t.duration||1800),n}catch(n){return setTimeout(()=>{try{alert(t.message||"Toast Creation Failed!"),e(null)}catch(t){e(null)}},100),null}}async function i(t,n){let o;if(!document.querySelector('[id^="toast-container-"]'))return null;try{return o=await async function(t,n){try{const o=document.createElement(t);return o.id=await e(n),o}catch(t){try{const t="div",n="fallback",o=document.createElement(t);return o.id=await e(n),o.setAttribute("data-original-tag",t),o}catch(t){}}}("div","toast"),await a(o,t,n),o}catch(e){return await r(t,n),o}}let s=[],c=[];async function l(e){try{const o=await async function(e){try{let o=document.getElementById(`toast-container-${e}`);return o||(o=document.createElement("div"),o.id=`toast-container-${e}`,o.style.position="fixed",o.style.zIndex="9999",await t(o,e),await n(document.body,o)),o}catch(t){return document.body}}(e.position),a=await i(e,d);if(!a)throw new Error("Toast element creation failed!");s.push(a),o.id.includes("toast-container-")&&o.appendChild(a);const r="number"==typeof e.duration&&e.duration>0?e.duration+2:1800,l=await async function(t,e){return setTimeout(()=>{t()},e)}(()=>d(a),r);return void c.push(l)}catch(t){const n=document.querySelector('[id^="toast-container-"]'),o=r(e,d);return void(n&&n?.id?.includes("toast-container-")?n.appendChild(o):alert(t.substring(0,200)))}}async function d(t){if(s.length>0){const e=s.indexOf(t);-1!==e&&s.splice(e,1)}await async function(t){if(!t)return!0;try{if(t?.parentNode?.id.includes("toast-container-"))return t.parentNode.removeChild(t),!0}catch(e){try{if(t.remove)return t.remove(),!0}catch(e){try{return t.style.display="none",t.style.opacity="0",t.style.pointerEvents="none",t.style.position="absolute",t.style.left="-9999px",!0}catch(t){return!1}}}return!0}(t)}
+/**
+ * @fileoverview A simple toast notification library for any JavaScript framework.
+ * @name Customizable Toast Notifications
+ * @author Priyanshu Patel
+ * @version "3.6.0"
+ * @build Production
+ * @license Apache-2.0
+ * @depends None
+ * @description A lightweight and fully customizable toast notification library
+ * designed for seamless integration with any JavaScript or framework-based UI.
+ * Supports flexible positioning, theming, icons, animations, and timing options
+ * out of the box — with zero dependencies.
+ * Author: Priyanshu Patel
+ * Email: priyanshu.alt191@gmail.com
+ * Created: July 31, 2024
+ * License: Apache-2.0
+ * Dependencies: None
+ */let u={success:"#28a745",error:"#dc3545",warning:"#ffc107",info:"#17a2b8"},p={success:"Operation completed successfully!",error:"Something went wrong!",warning:"Warning message!",info:"Information message!"};const y=[];let m=!1;async function f(e={}){try{const a=await async function(t){const e={duration:1800,position:"bottom-right",type:"info",borderRadius:"50px",backgroundColor:void 0,textColor:void 0,showCloseButton:!0,animationDuration:"0.4s",animationType:"fade",animationEasing:"ease",showProgressBar:!0,progressColor:void 0,progressHeight:"4px",progressPosition:"bottom",fontPosition:"relative",fontPadding:void 0,fontBorderRadius:void 0,fontBackgroundColor:void 0,fontFamily:'-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"',fontSize:"14px",fontWeight:"400",fontLineHeight:"1.4",fontDirection:"auto",wrapText:"normal",..."object"!=typeof t||Array.isArray(t)?{}:t};e.message=t?.message??e.message;try{e.backgroundColor||(e.backgroundColor=u?.[e.type]??(window.matchMedia("(prefers-color-scheme: dark)").matches?"#f5f5f5":"#111111")),e.message=e.message||p?.[e.type]||"No Message Provided!",!e.textColor&&e.backgroundColor&&(e.textColor=await o(e)),!e.progressColor&&e.backgroundColor&&(e.progressColor=await o(e))}catch(t){}"string"!=typeof e.message&&(e.message="No Message Provided!");return e}(e);await async function(e){try{let o=document.getElementById(`toast-container-${e}`);return o||(o=document.createElement("div"),o.id=`toast-container-${e}`,o.style.position="fixed",o.style.zIndex="9999",await t(o,e),await n(document.body,o)),o}catch(t){return document.body}}(a.position),await l(a)}catch(t){const n="string"==typeof e?.message?`${e.message.substring(0,200)} toast creation failed!`:"Toast creation failed!";alert(n)}}let g=!1;async function h(t={}){"undefined"!=typeof window&&"undefined"!=typeof document&&(await async function(){m||"undefined"!=typeof window&&"undefined"!=typeof document&&("complete"===document.readyState||"interactive"===document.readyState?(m=!0,y.forEach(t=>setTimeout(()=>f(t),2e3)),y.length=0):document.addEventListener("DOMContentLoaded",()=>{m=!0,y.forEach(t=>setTimeout(()=>f(t),2e3)),y.length=0},{once:!0}))}(),m?g?await f(t):(g=!0,setTimeout(await f(t),2e3)):y.push(t))}function b(t){try{t&&"object"==typeof t&&!Array.isArray(t)&&(u={...u,...t})}catch(t){}}function w(t){try{t&&"object"==typeof t&&!Array.isArray(t)&&(p={...p,...t})}catch(t){}}try{"undefined"!=typeof window&&(window.customizableToast={createToast:h,setDefaultColors:b,setDefaultMessages:w})}catch(t){}exports.createToast=h,exports.noop=function(){d(document.querySelector('[id^="toast-"]:not([id*="container"])'))},exports.setDefaultColors=b,exports.setDefaultMessages=w;
 //# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.cjs","sources":["../src/utils/id.js","../src/components/ToastContainer.js","../src/utils/position.js","../src/utils/dom.js","../src/components/toast-utils.js","../src/components/Toast.js","../src/components/ToastManager.js","../src/index.js"],"sourcesContent":["// src/utils/id.js\r\n\"use strict\";\r\n\r\n/*\r\n Generate unique ID for DOM elements to avoid conflicts\r\n * @param {string} prefix - Optional prefix for ID\r\n * @returns {string} Unique ID\r\n /\r\nexport async function generateUniqueId(prefix) {\r\n return `${prefix}-${Date.now()}-${Math.floor(Math.random() 100000)}`;\r\n}\r\n","// src/components/ToastContainer.js //# Container logic\r\n\"use strict\";\r\n\r\nimport { setPosition } from \"../utils/position.js\";\r\nimport { appendChild } from \"../utils/dom.js\";\r\n\r\n/*\r\n Create toast container with error handling\r\n * @param {string} position - Toast position\r\n * @returns {HTMLElement} Toast container element\r\n /\r\nexport async function createToastContainer(position) {\r\n try {\r\n let toastContainer = document.getElementById(`toast-container-${position}`);\r\n\r\n if (!toastContainer) {\r\n toastContainer = document.createElement(\"div\");\r\n toastContainer.id = `toast-container-${position}`;\r\n toastContainer.style.position = \"fixed\";\r\n toastContainer.style.zIndex = \"9999\";\r\n await setPosition(toastContainer, position);\r\n await appendChild(document.body, toastContainer);\r\n }\r\n\r\n return toastContainer;\r\n } catch (error) {\r\n console.error(\"Failed to create toast container:\", error);\r\n // Fallback: return body element\r\n return document.body;\r\n }\r\n}\r\n","// src/utils/position.js\r\n\"use strict\";\r\n\r\n/\r\n Set position for toast container (EXACT same logic as original)\r\n * @param {HTMLElement} container - Toast container element\r\n * @param {string} position - Position string\r\n /\r\nexport async function setPosition(container, position) {\r\n // Reset all position properties first\r\n container.style.top = \"auto\";\r\n container.style.bottom = \"auto\";\r\n container.style.left = \"auto\";\r\n container.style.right = \"auto\";\r\n container.style.transform = \"none\";\r\n\r\n if (position.includes(\"bottom\")) {\r\n container.style.bottom = \"10px\";\r\n } else if (position.includes(\"top\")) {\r\n container.style.top = \"10px\";\r\n }\r\n\r\n if (position.includes(\"right\")) {\r\n container.style.right = \"10px\";\r\n } else if (position.includes(\"left\")) {\r\n container.style.left = \"10px\";\r\n } else if (position.includes(\"center\")) {\r\n container.style.top = \"50%\";\r\n container.style.left = \"50%\";\r\n container.style.transform = \"translate(-50%, -50%)\";\r\n }\r\n}\r\n","// src/utils/dom.js\r\n\"use strict\";\r\n\r\nimport { generateUniqueId } from \"./id.js\";\r\n\r\n/\r\n Multi-layer fallback DOM element creation\r\n /\r\nexport async function createElementWithId(tagName, prefix) {\r\n // PRIMARY: Standard createElement\r\n try {\r\n if (!tagName \|\| !prefix) throw new Error(`tagName and prefix is required`);\r\n\r\n const el = document.createElement(tagName);\r\n el.id = generateUniqueId(prefix);\r\n return el;\r\n } catch (error) {\r\n console.warn(`Primary createElement failed for`, error);\r\n\r\n // FALLBACK-A: Try div as alternative\r\n try {\r\n const fallbackTag = \"div\";\r\n const fallbackPrefix = \"fallback\";\r\n const fallbackEl = document.createElement(fallbackTag);\r\n fallbackEl.id = generateUniqueId(fallbackPrefix);\r\n fallbackEl.setAttribute(\"data-original-tag\", fallbackTag);\r\n return fallbackEl;\r\n } catch (fallbackError) {\r\n console.error(\"All DOM creation methods failed:\", fallbackError);\r\n }\r\n }\r\n}\r\n\r\n/\r\n Multi-strategy appendChild with graceful degradation\r\n /\r\nexport async function appendChild(parent, child) {\r\n if (!parent \|\| !child) return false;\r\n\r\n // PRIMARY: Standard appendChild\r\n try {\r\n if (!parent.contains(child)) {\r\n parent.appendChild(child);\r\n return true;\r\n }\r\n return true;\r\n } catch (error) {\r\n console.warn(\"Primary appendChild failed:\", error);\r\n\r\n // FALLBACK-A: insertAdjacentElement\r\n try {\r\n parent.insertAdjacentElement(\"beforeend\", child);\r\n return true;\r\n } catch (fallbackError) {\r\n console.warn(\"Fallback appendChild failed:\", fallbackError);\r\n\r\n // FALLBACK-B: Manual positioning\r\n try {\r\n if (parent === document.body) {\r\n child.style.position = \"fixed\";\r\n child.style.top = \"10px\";\r\n child.style.right = \"10px\";\r\n child.style.zIndex = \"99999\";\r\n document.body.insertAdjacentHTML(\"beforeend\", child.outerHTML \|\| \"\");\r\n return true;\r\n }\r\n } catch (emergencyError) {\r\n console.error(\"All append strategies failed:\", emergencyError);\r\n return false;\r\n }\r\n }\r\n }\r\n return false;\r\n}\r\n\r\n/\r\n Safe element removal with multiple strategies\r\n /\r\nexport async function removeElement(el) {\r\n if (!el) return true;\r\n\r\n // PRIMARY: parentNode.removeChild\r\n try {\r\n if (el?.parentNode?.id.includes(\"toast-container-\")) {\r\n el.parentNode.removeChild(el);\r\n return true;\r\n }\r\n } catch (error) {\r\n console.warn(\"Primary removal failed:\", error);\r\n\r\n // FALLBACK-A: element.remove()\r\n try {\r\n if (el.remove) {\r\n el.remove();\r\n return true;\r\n }\r\n } catch (fallbackError) {\r\n console.warn(\"Fallback removal failed:\", fallbackError);\r\n\r\n // FALLBACK-B: Hide instead of remove\r\n try {\r\n el.style.display = \"none\";\r\n el.style.opacity = \"0\";\r\n el.style.pointerEvents = \"none\";\r\n el.style.position = \"absolute\";\r\n el.style.left = \"-9999px\";\r\n return true;\r\n } catch (hideError) {\r\n console.error(\"All removal strategies failed:\", hideError);\r\n return false;\r\n }\r\n }\r\n }\r\n return true;\r\n}\r\n\r\n/\r\n Animation duration parser with fallbacks\r\n /\r\nexport function parseAnimationDuration(duration) {\r\n // PRIMARY: Parse provided duration\r\n try {\r\n if (typeof duration === \"number\" && duration > 0) return duration;\r\n if (typeof duration === \"string\") {\r\n if (duration.endsWith(\"s\") && !duration.endsWith(\"ms\")) {\r\n const parsed = parseFloat(duration) 1000;\r\n return parsed > 0 ? parsed : 500;\r\n }\r\n const parsed = parseFloat(duration);\r\n return parsed > 0 ? parsed : 500;\r\n }\r\n } catch (error) {\r\n console.warn(\"Duration parsing failed:\", error);\r\n }\r\n\r\n // FALLBACK: Safe default\r\n return 500;\r\n}\r\n\r\n/*\r\n Force reflow with error protection\r\n /\r\nexport function forceReflow(el) {\r\n try {\r\n return el?.offsetWidth \|\| 0;\r\n } catch (error) {\r\n console.warn(\"Force reflow failed:\", error);\r\n return 0;\r\n }\r\n}\r\n\r\n/\r\n Query selector shortcut with optional root.\r\n * @param {string} selector\r\n * @param {Document\|HTMLElement} [root=document]\r\n * @returns {Element\|null}\r\n /\r\nexport function query(selector, root = document) {\r\n return root.querySelector(selector);\r\n}\r\n","\"use strict\";\r\n\r\nimport { forceReflow, parseAnimationDuration } from \"../utils/dom.js\";\r\n\r\n/\r\n Create close button for toast\r\n * @param {HTMLElement} toast - Toast element\r\n * @param {Object} options - Toast options\r\n * @param {Function} onClose - Close callback\r\n /\r\nexport function createCloseButton(toast, options, onClose) {\r\n const closeButton = document.createElement(\"button\");\r\n closeButton.innerHTML = \"×\";\r\n Object.assign(closeButton.style, {\r\n background: \"none\",\r\n border: \"none\",\r\n color: options.textColor \|\| \"white\",\r\n fontSize: \"18px\",\r\n marginLeft: \"10px\",\r\n cursor: \"pointer\",\r\n });\r\n\r\n closeButton.onclick = () => onClose(toast);\r\n toast.appendChild(closeButton);\r\n\r\n toast._cleanupCloseButton = () => {\r\n closeButton.onclick = null;\r\n };\r\n}\r\n\r\n/\r\n Create progress bar for toast\r\n * @param {HTMLElement} toast - Toast element\r\n * @param {Object} options - Toast options\r\n /\r\nexport function createProgressBar(toast, options) {\r\n const progressBar = document.createElement(\"div\");\r\n Object.assign(progressBar.style, {\r\n position: \"absolute\",\r\n left: \"0\",\r\n height: options.progressHeight \|\| \"4px\",\r\n background: options.progressColor \|\| \"rgba(255, 255, 255, 0.3)\",\r\n width: \"100%\",\r\n transition: `width ${options.duration \|\| 1800}ms linear`,\r\n [options.progressPosition === \"top\" ? \"top\" : \"bottom\"]: \"0\",\r\n });\r\n\r\n toast.appendChild(progressBar);\r\n\r\n setTimeout(() => {\r\n forceReflow(progressBar);\r\n progressBar.style.width = \"0%\";\r\n }, 100);\r\n}\r\n\r\n/\r\n Run toast fade-in animation\r\n * @param {HTMLElement} toast - Toast element\r\n /\r\nexport function runToastAnimation(toast) {\r\n setTimeout(() => {\r\n toast.style.opacity = \"1\";\r\n toast.style.transform = \"translateY(0)\";\r\n }, 50);\r\n}\r\n\r\n/\r\n Apply rich styling to toast element\r\n * @param {HTMLElement} toast - Toast element\r\n * @param {Object} options - Toast options\r\n * @param {Function} onClose - Close callback\r\n /\r\nexport function applyRichStyling(toast, options, onClose) {\r\n const animDurationMs = parseAnimationDuration(options.animationDuration);\r\n\r\n // Apply full styling\r\n Object.assign(toast.style, {\r\n background: options.backgroundColor \|\| options.color \|\| \"#333\",\r\n color: options.textColor \|\| \"white\",\r\n padding: \"12px 20px\",\r\n marginBottom: \"10px\",\r\n borderRadius: \"5px\",\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n justifyContent: \"space-between\",\r\n boxShadow: \"0 4px 6px rgba(0, 0, 0, 0.1)\",\r\n minWidth: \"250px\",\r\n maxWidth: \"400px\",\r\n opacity: \"0\",\r\n position: \"relative\",\r\n transition: `opacity ${animDurationMs \|\| \"0.5s\"} ${\r\n options.animationEasing \|\| \"ease\"\r\n }, transform ${animDurationMs \|\| \"0.5s\"} ${\r\n options.animationEasing \|\| \"ease\"\r\n }`,\r\n transform: \"translateY(20px)\",\r\n zIndex: \"9999\",\r\n });\r\n\r\n toast._animationDuration = animDurationMs;\r\n\r\n // Message span\r\n const messageSpan = document.createElement(\"span\");\r\n messageSpan.textContent = options.message \|\| \"Notification\";\r\n messageSpan.style.flex = \"1\";\r\n toast.appendChild(messageSpan);\r\n\r\n // Close button\r\n if (options.showCloseButton) {\r\n createCloseButton(toast, options, onClose);\r\n }\r\n\r\n // Progress bar\r\n if (options.showProgressBar) {\r\n createProgressBar(toast, options);\r\n }\r\n\r\n // Animation\r\n runToastAnimation(toast);\r\n}\r\n\r\n/\r\n Create basic fallback toast\r\n * @param {HTMLElement} toast - Toast element\r\n * @param {Object} options - Toast options\r\n * @param {Function} onClose - Close callback\r\n /\r\nexport function createBasicToast(toast, options, onClose) {\r\n // Basic styling only\r\n Object.assign(toast.style, {\r\n background: \"#333\",\r\n color: \"white\",\r\n padding: \"10px 15px\",\r\n margin: \"10px\",\r\n borderRadius: \"3px\",\r\n position: \"fixed\",\r\n top: \"20px\",\r\n right: \"20px\",\r\n zIndex: \"99999\",\r\n maxWidth: \"300px\",\r\n wordWrap: \"break-word\",\r\n });\r\n\r\n toast.textContent = options.message \|\| \"Notification\";\r\n\r\n if (options.showCloseButton) {\r\n toast.style.cursor = \"pointer\";\r\n toast.onclick = () => onClose(toast);\r\n }\r\n\r\n toast._animationDuration = 500;\r\n}\r\n\r\n/\r\n Emergency toast as last resort\r\n * @param {Object} options - Toast options\r\n * @param {Function} onClose - Close callback\r\n /\r\nexport function createEmergencyToast(options, onClose) {\r\n try {\r\n // Create emergency div\r\n const emergency = document.createElement(\"div\");\r\n emergency.id = `emergency-${Date.now()}`;\r\n emergency.innerHTML = `\r\n <div style=\"\r\n background: #333 !important;\r\n color: white !important;\r\n padding: 10px 15px !important;\r\n position: fixed !important;\r\n top: 20px !important;\r\n right: 20px !important;\r\n z-index: 99999 !important;\r\n border-radius: 3px !important;\r\n max-width: 250px !important;\r\n word-wrap: break-word !important;\r\n font-family: Arial, sans-serif !important;\r\n font-size: 14px !important;\r\n box-shadow: 0 2px 10px rgba(0,0,0,0.3) !important;\r\n cursor: pointer !important;\r\n \" onclick=\"this.parentNode.removeChild(this)\">\r\n ${options.message \|\| \"Emergency Toast Creation Showing!\"}\r\n <span style=\"float: right; margin-left: 10px; font-weight: bold;\">×</span>\r\n </div>\r\n `;\r\n\r\n emergency._animationDuration = 500;\r\n emergency._isEmergencyToast = true;\r\n\r\n // Auto remove\r\n setTimeout(() => {\r\n try {\r\n if (emergency.parentNode) {\r\n emergency.parentNode.removeChild(emergency);\r\n }\r\n onClose(emergency);\r\n } catch (error) {\r\n console.warn(\"Emergency cleanup failed:\", error);\r\n }\r\n }, options.duration \|\| 1800);\r\n\r\n return emergency;\r\n } catch (emergencyError) {\r\n console.error(\"Emergency toast creation failed:\", emergencyError);\r\n\r\n // ULTIMATE FALLBACK: Alert\r\n setTimeout(() => {\r\n try {\r\n alert(options.message \|\| \"Toast Creation Failed!\");\r\n onClose(null);\r\n } catch (alertError) {\r\n console.error(\"Ultimate fallback failed:\", alertError);\r\n onClose(null);\r\n }\r\n }, 100);\r\n\r\n return null;\r\n }\r\n}\r\n\r\nexport async function safeSetTimeout(fn, delay) {\r\n const id = setTimeout(() => {\r\n console.warn(\"Timer fired after\", delay, \"ms\");\r\n fn();\r\n }, delay);\r\n\r\n console.warn(\"Timer scheduled with id:\", id, \"delay:\", delay);\r\n return id;\r\n}\r\n","// src/components/Toast.js //# Single responsibility\r\n\"use strict\";\r\n\r\nimport { createElementWithId } from \"../utils/dom.js\";\r\nimport { applyRichStyling, createEmergencyToast } from \"./toast-utils.js\";\r\n\r\n/\r\n Multi-layer toast creation with satellite-grade fallbacks\r\n * @param {Object} options - Toast configuration options\r\n * @param {Function} onClose - Callback when toast closes\r\n * @returns {HTMLElement} Toast element\r\n /\r\nexport async function createToastElement(options, onClose) {\r\n let toastContainer = document.querySelector('[id^=\"toast-container-\"]');\r\n if (!toastContainer) return null;\r\n\r\n let toast;\r\n const tagName = \"div\";\r\n const prefix = \"toast\";\r\n\r\n // PRIMARY: Full-featured toast\r\n try {\r\n toast = await createElementWithId(tagName, prefix);\r\n applyRichStyling(toast, options, onClose);\r\n return toast;\r\n } catch (error) {\r\n console.warn(\"error:\", error);\r\n createEmergencyToast(options, onClose);\r\n return toast;\r\n }\r\n}\r\n","// src/components/ToastManager.js //# State management\r\n\"use strict\";\r\n\r\nimport { createToastContainer } from \"./ToastContainer.js\";\r\nimport { createToastElement } from \"./Toast.js\";\r\nimport { removeElement } from \"../utils/dom.js\";\r\nimport { createEmergencyToast, safeSetTimeout } from \"./toast-utils.js\";\r\n\r\n// State management with fallback tracking\r\nlet isToastShowing = false;\r\nlet emergencyCleanupScheduled = false;\r\nlet currentToast = [];\r\nlet emergencyTimeouts = [];\r\n\r\n/\r\n Show toast with comprehensive fallback system\r\n /\r\nexport async function showToast(options) {\r\n // PRIMARY: Full toast system\r\n try {\r\n const container = await createToastContainer(options.position);\r\n const toast = await createToastElement(options, closeToast);\r\n\r\n if (!toast) {\r\n throw new Error(\"Toast element creation failed!\");\r\n }\r\n\r\n currentToast.push(toast);\r\n\r\n // Append to container\r\n if (container.id.includes(\"toast-container-\")) {\r\n container.appendChild(toast);\r\n }\r\n\r\n // Schedule auto-dismiss\r\n const cleanUpTime =\r\n typeof options.duration === \"number\" && options.duration > 0\r\n ? options.duration + 2\r\n : 1800; //safety margin\r\n const dismissTimeout = await safeSetTimeout(\r\n () => closeToast(toast),\r\n cleanUpTime\r\n );\r\n emergencyTimeouts.push(dismissTimeout);\r\n return;\r\n } catch (primaryError) {\r\n console.warn(\r\n \"Primary toast system failed showing emergency toast:\",\r\n primaryError\r\n );\r\n const elContainer = document.querySelector('[id^=\"toast-container-\"]');\r\n const emergencyToast = createEmergencyToast(options, closeToast);\r\n elContainer && elContainer?.id?.includes(\"toast-container-\")\r\n ? elContainer.appendChild(emergencyToast)\r\n : alert(primaryError.substring(0, 200));\r\n return;\r\n }\r\n}\r\n\r\n/\r\n Create simple toast for fallback\r\n /\r\nfunction createSimpleToast(options) {\r\n const simple = document.createElement(\"div\");\r\n simple.style.cssText = `\r\n position: fixed !important;\r\n top: 20px !important;\r\n right: 20px !important;\r\n background: #333 !important;\r\n color: white !important;\r\n padding: 12px 20px !important;\r\n border-radius: 5px !important;\r\n z-index: 99999 !important;\r\n max-width: 300px !important;\r\n font-family: Arial, sans-serif !important;\r\n cursor: pointer !important;\r\n `;\r\n simple.textContent = options.message \|\| \"Created Simple Toast!\";\r\n simple.onclick = () => closeToast(simple);\r\n return simple;\r\n}\r\n\r\n/\r\n Close toast with multi-strategy cleanup\r\n /\r\nexport async function closeToast(toast) {\r\n if (currentToast.length > 0) {\r\n const index = currentToast.indexOf(toast);\r\n if (index !== -1) {\r\n currentToast.splice(index, 1);\r\n }\r\n }\r\n await removeElement(toast);\r\n}\r\n\r\n/\r\n Perform comprehensive cleanup\r\n /\r\nasync function performCleanup(toast) {\r\n try {\r\n // Cleanup event listeners\r\n if (toast._cleanupCloseButton) {\r\n toast._cleanupCloseButton();\r\n }\r\n\r\n // Remove from DOM\r\n removeElement(toast);\r\n\r\n // Reset state\r\n resetToastState();\r\n } catch (error) {\r\n console.error(\"Cleanup failed:\", error);\r\n forceEmergencyCleanup();\r\n }\r\n}\r\n\r\n/\r\n Reset all toast state\r\n /\r\nfunction resetToastState() {\r\n isToastShowing = false;\r\n currentToast = [];\r\n\r\n // Clear all timeouts\r\n emergencyTimeouts.forEach((id) => {\r\n try {\r\n clearTimeout(id);\r\n } catch (error) {\r\n console.warn(\"Timeout clear failed:\", error);\r\n }\r\n });\r\n emergencyTimeouts.pop();\r\n emergencyCleanupScheduled = false;\r\n}\r\n\r\n/\r\n Schedule emergency cleanup\r\n /\r\nfunction scheduleEmergencyCleanup(duration) {\r\n const cleanUpTime = typeof duration === \"number\" ? duration + 2 : 1800; //safety margin\r\n const emergencyTimeout = setTimeout(() => {\r\n console.warn(\"Emergency cleanup triggered\");\r\n forceEmergencyCleanup();\r\n }, cleanUpTime);\r\n\r\n emergencyTimeouts.push(emergencyTimeout);\r\n}\r\n\r\n/\r\n Force emergency cleanup of everything\r\n /\r\nasync function forceEmergencyCleanup() {\r\n try {\r\n // Remove current toast\r\n if (currentToast) {\r\n removeElement(currentToast);\r\n }\r\n\r\n // Clean up any orphaned toast elements\r\n const orphanedToasts = document.querySelectorAll(\r\n '[id^=\"toast-\"]:not([id=\"container\"]), [id=\"emergency\"]'\r\n );\r\n orphanedToasts.forEach((element) => {\r\n try {\r\n removeElement(element);\r\n } catch (error) {\r\n console.warn(\"Orphaned element cleanup failed:\", error);\r\n }\r\n });\r\n\r\n // Reset all state\r\n resetToastState();\r\n } catch (error) {\r\n console.error(\"Force cleanup failed:\", error);\r\n // Final state reset\r\n isToastShowing = false;\r\n currentToast = [];\r\n }\r\n}\r\n","// src/index.js\r\n/\r\n @fileoverview A simple toast notification library for any JavaScript framework.\r\n * @name Customizable Toast Notifications\r\n * @author Priyanshu Patel\r\n * @version __VERSION__\r\n * @build Production\r\n * @license Apache-2.0\r\n * @depends None\r\n * @description A lightweight and fully customizable toast notification library\r\n * designed for seamless integration with any JavaScript or framework-based UI.\r\n * Supports flexible positioning, theming, icons, animations, and timing options\r\n * out of the box — with zero dependencies.\r\n * Author: Priyanshu Patel\r\n * Email: priyanshu.alt191@gmail.com\r\n * Created: July 31, 2024\r\n * License: Apache-2.0\r\n * Dependencies: None\r\n /\r\n\r\n\"use strict\";\r\n\r\nimport { closeToast, showToast } from \"./components/ToastManager.js\";\r\n\r\n// Protected state with fallbacks\r\nlet defaultColors = {\r\n success: \"#28a745\",\r\n error: \"#dc3545\",\r\n warning: \"#ffc107\",\r\n info: \"#17a2b8\",\r\n};\r\n\r\nlet defaultMessages = {\r\n success: \"Operation completed successfully!\",\r\n error: \"Something went wrong!\",\r\n warning: \"Warning message!\",\r\n info: \"Information message!\",\r\n};\r\n\r\n/\r\n Create toast with satellite-grade reliability\r\n /\r\nasync function createToast(options = {}) {\r\n try {\r\n // Input sanitization and validation\r\n const sanitizedOptions = await sanitizeToastOptions(options);\r\n\r\n // Call main toast system\r\n await showToast(sanitizedOptions);\r\n } catch (error) {\r\n console.error(\"CreateToast failed:\", error);\r\n\r\n // ULTIMATE FALLBACK: Browser alert with sanitized message\r\n const safeMessage =\r\n typeof options?.message === \"string\"\r\n ? `${options.message.substring(0, 200)} toast creation failed!`\r\n : \"Toast creation failed!\";\r\n\r\n alert(safeMessage);\r\n }\r\n}\r\n\r\n// Params sanitization and validation for toast creation\r\nasync function sanitizeToastOptions(options) {\r\n const defaults = {\r\n duration: 1800,\r\n position: \"bottom-right\",\r\n type: \"info\",\r\n backgroundColor: undefined,\r\n textColor: \"white\",\r\n showCloseButton: false,\r\n animationDuration: \"0.5s\",\r\n animationEasing: \"ease\",\r\n showProgressBar: false,\r\n progressColor: undefined,\r\n progressHeight: \"4px\",\r\n progressPosition: \"bottom\",\r\n };\r\n\r\n // Start with safe defaults\r\n let final = { ...defaults };\r\n\r\n // Merge user options safely\r\n if (options && typeof options === \"object\" && !Array.isArray(options)) {\r\n Object.keys(defaults).forEach((key) => {\r\n if (options.hasOwnProperty(key)) {\r\n final[key] = options[key];\r\n }\r\n });\r\n\r\n // Handle message separately\r\n if (options.message !== undefined \|\| options.message !== \"undefined\") {\r\n final.message = options.message;\r\n }\r\n }\r\n\r\n // Validate and apply defaults\r\n try {\r\n if (!final.backgroundColor && final.type && defaultColors[final.type]) {\r\n final.backgroundColor = defaultColors[final.type];\r\n }\r\n\r\n if (!final.message && final.type && defaultMessages[final.type]) {\r\n final.message = defaultMessages[final.type];\r\n }\r\n } catch (error) {\r\n console.warn(\"Option processing failed:\", error);\r\n }\r\n\r\n // Final safety checks\r\n if (!final.message \|\| typeof final.message !== \"string\") {\r\n final.message = \"No Message Provided!\";\r\n }\r\n\r\n // should dlt if (typeof final.duration !== \"number\" \|\| final.duration < 100) {\r\n // final.duration = defaults.duration;\r\n // }\r\n\r\n return final;\r\n}\r\n\r\n/\r\n Set default colors with validation\r\n /\r\nfunction setDefaultColors(colors) {\r\n try {\r\n if (colors && typeof colors === \"object\" && !Array.isArray(colors)) {\r\n defaultColors = { ...defaultColors, ...colors };\r\n }\r\n } catch (error) {\r\n console.error(\"setDefaultColors failed:\", error);\r\n }\r\n}\r\n\r\n/\r\n Set default messages with validation\r\n /\r\nfunction setDefaultMessages(messages) {\r\n try {\r\n if (messages && typeof messages === \"object\" && !Array.isArray(messages)) {\r\n defaultMessages = { ...defaultMessages, ...messages };\r\n }\r\n } catch (error) {\r\n console.error(\"setDefaultMessages failed:\", error);\r\n }\r\n}\r\n\r\nfunction noop() {\r\n const toast = document.querySelector('[id^=\"toast-\"]:not([id=\"container\"])');\r\n closeToast(toast);\r\n}\r\n\r\n// Module exports\r\nexport { createToast, setDefaultColors, setDefaultMessages, noop };\r\n\r\n// Global assignment with protection\r\ntry {\r\n // UMD/Global support\r\n if (typeof window !== \"undefined\") {\r\n window.customizableToast = {\r\n createToast,\r\n setDefaultColors,\r\n setDefaultMessages,\r\n };\r\n }\r\n} catch (error) {\r\n console.error(\"Global assignment failed:\", error);\r\n}\r\n"],"names":["async","generateUniqueId","prefix","Date","now","Math","floor","random","createToastContainer","position","toastContainer","document","getElementById","createElement","id","style","zIndex","container","top","bottom","left","right","transform","includes","setPosition","parent","child","contains","appendChild","error","insertAdjacentElement","fallbackError","body","insertAdjacentHTML","outerHTML","emergencyError","applyRichStyling","toast","options","onClose","animDurationMs","duration","endsWith","parsed","parseFloat","parseAnimationDuration","animationDuration","Object","assign","background","backgroundColor","color","textColor","padding","marginBottom","borderRadius","display","alignItems","justifyContent","boxShadow","minWidth","maxWidth","opacity","transition","animationEasing","_animationDuration","messageSpan","textContent","message","flex","showCloseButton","closeButton","innerHTML","border","fontSize","marginLeft","cursor","onclick","_cleanupCloseButton","createCloseButton","showProgressBar","progressBar","height","progressHeight","progressColor","width","progressPosition","setTimeout","el","offsetWidth","forceReflow","createProgressBar","runToastAnimation","createEmergencyToast","emergency","_isEmergencyToast","parentNode","removeChild","alert","alertError","createToastElement","querySelector","tagName","Error","fallbackTag","fallbackPrefix","fallbackEl","setAttribute","createElementWithId","currentToast","emergencyTimeouts","showToast","closeToast","push","cleanUpTime","dismissTimeout","fn","delay","safeSetTimeout","primaryError","elContainer","emergencyToast","substring","length","index","indexOf","splice","remove","pointerEvents","hideError","removeElement","defaultColors","success","warning","info","defaultMessages","createToast","sanitizedOptions","defaults","type","undefined","final","Array","isArray","keys","forEach","key","hasOwnProperty","sanitizeToastOptions","safeMessage","setDefaultColors","colors","setDefaultMessages","messages","window","customizableToast"],"mappings":"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"}
1	+ {"version":3,"file":"index.cjs","sources":["../src/utils/position.js","../src/utils/id.js","../src/utils/dom.js","../src/components/toast-utils.js","../src/components/Toast.js","../src/components/ToastManager.js","../src/components/ToastContainer.js","../src/index.js"],"sourcesContent":["// src/utils/position.js\r\n\"use strict\";\r\n\r\n/*\r\n Set position for toast container (EXACT same logic as original)\r\n * @param {HTMLElement} container - Toast container element\r\n * @param {string} position - Position string\r\n /\r\nexport async function setPosition(container, position) {\r\n // Reset all position properties first\r\n container.style.top = \"auto\";\r\n container.style.bottom = \"auto\";\r\n container.style.left = \"auto\";\r\n container.style.right = \"auto\";\r\n container.style.transform = \"none\";\r\n\r\n if (position.includes(\"bottom\")) {\r\n container.style.bottom = \"10px\";\r\n } else if (position.includes(\"top\")) {\r\n container.style.top = \"10px\";\r\n }\r\n\r\n if (position.includes(\"right\")) {\r\n container.style.right = \"10px\";\r\n } else if (position.includes(\"left\")) {\r\n container.style.left = \"10px\";\r\n } else if (position.includes(\"center\")) {\r\n container.style.top = \"50%\";\r\n container.style.left = \"50%\";\r\n container.style.transform = \"translate(-50%, -50%)\";\r\n }\r\n}\r\n","// src/utils/id.js\r\n\"use strict\";\r\n\r\n/\r\n Generate unique ID for DOM elements to avoid conflicts\r\n * @param {string} prefix - Optional prefix for ID\r\n * @returns {string} Unique ID\r\n /\r\nexport async function generateUniqueId(prefix) {\r\n return `${prefix}-${Date.now()}-${Math.floor(Math.random() 100000)}`;\r\n}\r\n","// src/utils/dom.js\r\n\"use strict\";\r\n\r\nimport { generateUniqueId } from \"./id.js\";\r\n\r\n/*\r\n Multi-layer fallback DOM element creation\r\n /\r\nexport async function createElementWithId(tagName, prefix) {\r\n // PRIMARY: Standard createElement\r\n try {\r\n if (!tagName \|\| !prefix) throw new Error(`tagName and prefix is required`);\r\n\r\n const el = document.createElement(tagName);\r\n el.id = await generateUniqueId(prefix);\r\n return el;\r\n } catch (error) {\r\n console.warn(`Primary createElement failed for`, error);\r\n\r\n // FALLBACK-A: Try div as alternative\r\n try {\r\n const fallbackTag = \"div\";\r\n const fallbackPrefix = \"fallback\";\r\n const fallbackEl = document.createElement(fallbackTag);\r\n fallbackEl.id = await generateUniqueId(fallbackPrefix);\r\n fallbackEl.setAttribute(\"data-original-tag\", fallbackTag);\r\n return fallbackEl;\r\n } catch (fallbackError) {\r\n console.error(\"All DOM creation methods failed:\", fallbackError);\r\n }\r\n }\r\n}\r\n\r\n/\r\n Multi-strategy appendChild with graceful degradation\r\n /\r\nexport async function appendChild(parent, child) {\r\n if (!parent \|\| !child) return false;\r\n\r\n // PRIMARY: Standard appendChild\r\n try {\r\n if (!parent.contains(child)) {\r\n parent.appendChild(child);\r\n return true;\r\n }\r\n return true;\r\n } catch (error) {\r\n console.warn(\"Primary appendChild failed:\", error);\r\n\r\n // FALLBACK-A: insertAdjacentElement\r\n try {\r\n parent.insertAdjacentElement(\"beforeend\", child);\r\n return true;\r\n } catch (fallbackError) {\r\n console.warn(\"Fallback appendChild failed:\", fallbackError);\r\n\r\n // FALLBACK-B: Manual positioning\r\n // Emergency fallback removed: avoid using outerHTML (drops listeners & risks XSS).\r\n // Final attempt: clone and append using standard APIs.\r\n try {\r\n if (parent === document.body) {\r\n const clone = child.cloneNode(true);\r\n parent.appendChild(clone);\r\n return true;\r\n }\r\n } catch (emergencyError) {\r\n console.error(\"All append strategies failed:\", emergencyError);\r\n return false;\r\n }\r\n }\r\n }\r\n return false;\r\n}\r\n\r\n/\r\n Safe element removal with multiple strategies\r\n /\r\nexport async function removeElement(el) {\r\n if (!el) return true;\r\n\r\n // PRIMARY: parentNode.removeChild\r\n try {\r\n if (el?.parentNode?.id.includes(\"toast-container-\")) {\r\n el.parentNode.removeChild(el);\r\n return true;\r\n }\r\n } catch (error) {\r\n console.warn(\"Primary removal failed:\", error);\r\n\r\n // FALLBACK-A: element.remove()\r\n try {\r\n if (el.remove) {\r\n el.remove();\r\n return true;\r\n }\r\n } catch (fallbackError) {\r\n console.warn(\"Fallback removal failed:\", fallbackError);\r\n\r\n // FALLBACK-B: Hide instead of remove\r\n try {\r\n el.style.display = \"none\";\r\n el.style.opacity = \"0\";\r\n el.style.pointerEvents = \"none\";\r\n el.style.position = \"absolute\";\r\n el.style.left = \"-9999px\";\r\n return true;\r\n } catch (hideError) {\r\n console.error(\"All removal strategies failed:\", hideError);\r\n return false;\r\n }\r\n }\r\n }\r\n return true;\r\n}\r\n\r\n/\r\n Animation duration parser with fallbacks\r\n /\r\nexport async function parseAnimationDuration(duration) {\r\n // PRIMARY: Parse provided duration\r\n try {\r\n if (typeof duration === \"number\" && duration > 0) return duration;\r\n if (typeof duration === \"string\") {\r\n if (duration.endsWith(\"s\") && !duration.endsWith(\"ms\")) {\r\n const parsed = parseFloat(duration) 1000;\r\n return parsed > 0 ? parsed : 500;\r\n }\r\n const parsed = parseFloat(duration);\r\n return parsed > 0 ? parsed : 500;\r\n }\r\n } catch (error) {\r\n console.warn(\"Duration parsing failed:\", error);\r\n }\r\n\r\n // FALLBACK: Safe default\r\n return 500;\r\n}\r\n\r\n/*\r\n Force reflow with error protection\r\n /\r\nexport function forceReflow(el) {\r\n try {\r\n return el?.offsetWidth \|\| 0;\r\n } catch (error) {\r\n console.warn(\"Force reflow failed:\", error);\r\n return 0;\r\n }\r\n}\r\n\r\n/\r\n Query selector shortcut with optional root.\r\n * @param {string} selector\r\n * @param {Document\|HTMLElement} [root=document]\r\n * @returns {Element\|null}\r\n /\r\nexport function query(selector, root = document) {\r\n return root.querySelector(selector);\r\n}\r\n\r\nexport async function getTextColor(options) {\r\n return options.backgroundColor &&\r\n (await contrast(options.backgroundColor)) > 3.5\r\n ? \"black\"\r\n : \"white\";\r\n}\r\n\r\nasync function contrast(color) {\r\n let r, g, b;\r\n\r\n // If color is in hex format\r\n if (color.startsWith(\"#\")) {\r\n const hex = color.substring(1);\r\n if (hex.length === 3) {\r\n r = parseInt(hex[0] + hex[0], 16);\r\n g = parseInt(hex[1] + hex[1], 16);\r\n b = parseInt(hex[2] + hex[2], 16);\r\n } else {\r\n r = parseInt(hex.substring(0, 2), 16);\r\n g = parseInt(hex.substring(2, 4), 16);\r\n b = parseInt(hex.substring(4, 6), 16);\r\n }\r\n }\r\n // If color is in rgb/rgba format\r\n else if (color.startsWith(\"rgb\") \|\| color.startsWith(\"rgba\")) {\r\n const match = color.match(\r\n /^rgba?\$(\\d+),\\s(\\d+),\\s(\\d+)(?:,\\s(\\d+(?:\\.\\d+)?))?\$$/\r\n );\r\n if (match) {\r\n r = parseInt(match[1]);\r\n g = parseInt(match[2]);\r\n b = parseInt(match[3]);\r\n }\r\n }\r\n // If color is a color name\r\n else {\r\n const colorMap = {\r\n black: [0, 0, 0],\r\n white: [255, 255, 255],\r\n // Add more color names as needed\r\n };\r\n const colorArray = colorMap[color.toLowerCase()];\r\n if (colorArray) {\r\n r = colorArray[0];\r\n g = colorArray[1];\r\n b = colorArray[2];\r\n } else {\r\n throw new Error(`Unsupported color format: ${color}`);\r\n }\r\n }\r\n\r\n const l1 = (r * 0.2126 + g * 0.7152 + b * 0.0722) / 255;\r\n const l2 = 0.05;\r\n return (Math.max(l1, l2) + 0.05) / Math.min(l1, l2);\r\n}\r\n","\"use strict\";\r\n\r\nimport { forceReflow, parseAnimationDuration } from \"../utils/dom.js\";\r\n\r\n/*\r\n Create close button for toast\r\n * @param {HTMLElement} toast - Toast element\r\n * @param {Object} options - Toast options\r\n * @param {Function} onClose - Close callback\r\n /\r\nexport async function createCloseButton(toast, options, onClose) {\r\n const closeButton = document.createElement(\"button\");\r\n // Accessibility + avoid innerHTML (XSS surface)\r\n closeButton.setAttribute(\"aria-label\", \"Close notification\");\r\n closeButton.setAttribute(\"title\", \"Close\");\r\n closeButton.textContent = \"×\"; // U+00D7 multiplication sign\r\n Object.assign(closeButton.style, {\r\n background: \"none\",\r\n border: \"none\",\r\n color: options.textColor,\r\n fontSize: \"18px\",\r\n marginLeft: \"10px\",\r\n cursor: \"pointer\",\r\n });\r\n\r\n closeButton.onclick = () => onClose(toast);\r\n toast.appendChild(closeButton);\r\n\r\n toast._cleanupCloseButton = () => {\r\n closeButton.onclick = null;\r\n };\r\n}\r\n\r\n/\r\n Create progress bar for toast\r\n * @param {HTMLElement} toast - Toast element\r\n * @param {Object} options - Toast options\r\n /\r\nexport async function createProgressBar(toast, options) {\r\n const progressBar = document.createElement(\"div\");\r\n Object.assign(progressBar.style, {\r\n position: \"absolute\",\r\n left: \"0\",\r\n height: options.progressHeight \|\| \"4px\",\r\n background: options.progressColor \|\| \"rgba(255, 255, 255, 0.3)\",\r\n width: \"100%\",\r\n transition: `width ${options.duration \|\| 1800}ms linear`,\r\n [options.progressPosition === \"top\" ? \"top\" : \"bottom\"]: \"0\",\r\n });\r\n\r\n toast.appendChild(progressBar);\r\n\r\n setTimeout(() => {\r\n forceReflow(progressBar);\r\n progressBar.style.width = \"0%\";\r\n }, 100);\r\n}\r\n\r\n/\r\n Run toast fade-in animation\r\n * @param {HTMLElement} toast - Toast element\r\n /\r\nexport async function runToastAnimation(toast) {\r\n setTimeout(() => {\r\n requestAnimationFrame(() => {\r\n toast.style.opacity = \"1\";\r\n toast.style.transform = \"translateY(0)\";\r\n });\r\n }, 50);\r\n}\r\n\r\n/\r\n Apply rich styling to toast element\r\n * @param {HTMLElement} toast - Toast element\r\n * @param {Object} options - Toast options\r\n * @param {Function} onClose - Close callback\r\n /\r\nexport async function applyRichStyling(toast, options, onClose) {\r\n const animDurationMs = await parseAnimationDuration(\r\n options.animationDuration\r\n );\r\n\r\n // Apply full styling\r\n Object.assign(toast.style, {\r\n background: options.backgroundColor,\r\n padding: \"12px 20px\",\r\n marginBottom: \"10px\",\r\n borderRadius: options.borderRadius,\r\n overflow: \"hidden\",\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n justifyContent: \"space-between\",\r\n boxShadow: \"0 4px 6px rgba(0, 0, 0, 0.1)\",\r\n minWidth: \"250px\",\r\n maxWidth: \"400px\",\r\n opacity: \"0\",\r\n position: \"relative\",\r\n transition: `opacity ${options.animationDuration} ${options.animationEasing}, transform ${options.animationDuration} ${options.animationEasing}`,\r\n transform: \"translateY(20px)\",\r\n zIndex: \"9999\",\r\n // willChange: \"opacity, transform\",\r\n });\r\n\r\n // TODO! Later\r\n // await animateElement(toast, {\r\n // animationType: options.animationType,\r\n // duration: animDurationMs,\r\n // easing: options.animationEasing,\r\n // });\r\n\r\n toast._animationDuration = animDurationMs;\r\n\r\n // Message span\r\n const messageSpan = document.createElement(\"span\");\r\n\r\n // Layout & positioning\r\n messageSpan.style.position = options.fontPosition;\r\n messageSpan.style.display = \"inline-block\"; // ensure consistent layout\r\n messageSpan.style.flex = \"1\";\r\n\r\n // Spacing & container styling\r\n messageSpan.style.padding = options.fontPadding;\r\n messageSpan.style.borderRadius = options.fontBorderRadius;\r\n messageSpan.style.background = options.fontBackgroundColor;\r\n\r\n // Font stack (system + emoji + fallback)\r\n messageSpan.style.fontFamily = options.fontFamily;\r\n\r\n // Font size & readability\r\n messageSpan.style.fontSize = options.fontSize; // minimum for readability\r\n messageSpan.style.fontWeight = options.fontWeight;\r\n messageSpan.style.lineHeight = options.fontLineHeight; // balance readability\r\n\r\n //TODO LATER Icons (auto dark/light fallback)\r\n // messageSpan.style.color =\r\n // options.iconColor \|\|\r\n // (window.matchMedia(\"(prefers-color-scheme: dark)\").matches\r\n // ? \"#f5f5f5\"\r\n // : \"#111111\");\r\n\r\n // Colors (auto dark/light fallback)\r\n messageSpan.style.color = options.textColor;\r\n\r\n // Accessibility\r\n messageSpan.style.userSelect = \"text\"; // allow copy/paste if needed\r\n messageSpan.style.wordBreak = \"break-word\"; // avoid layout breaking on long strings\r\n messageSpan.style.direction = options.fontDirection; // RTL/LTR auto-detect\r\n // ✅ Multi-line ellipsis (max 3 lines)\r\n messageSpan.style.webkitLineClamp = \"3\"; // maximum 3 lines\r\n messageSpan.style.webkitBoxOrient = \"vertical\";\r\n messageSpan.style.whiteSpace = options.wrapText ? \"normal\" : \"nowrap\"; // allow wrapping if wanted\r\n messageSpan.style.display = \"block\";\r\n messageSpan.style.overflow = \"hidden\";\r\n messageSpan.style.textOverflow = \"ellipsis\";\r\n messageSpan.style.lineClamp = \"3\"; // modern property\r\n messageSpan.style.boxOrient = \"vertical\"; // non-prefixed\r\n messageSpan.style.display = \"-webkit-box\";\r\n // messageSpan.style.mixBlendMode = \"difference\";\r\n // Assign message\r\n messageSpan.textContent = options.message;\r\n messageSpan.setAttribute(\"aria-label\", \"Toast Notification Center\");\r\n messageSpan.setAttribute(\"title\", options.message);\r\n // Add to toast\r\n toast.appendChild(messageSpan);\r\n\r\n // TODO Icon Later\r\n // if (options.icon) {\r\n // createIcon(toast, options);\r\n // }\r\n\r\n // Close button\r\n if (options.showCloseButton) {\r\n await createCloseButton(toast, options, onClose);\r\n }\r\n\r\n // Progress bar\r\n if (options.showProgressBar) {\r\n await createProgressBar(toast, options);\r\n }\r\n\r\n // Animation\r\n await runToastAnimation(toast);\r\n}\r\n\r\n/\r\n Create basic fallback toast\r\n * @param {HTMLElement} toast - Toast element\r\n * @param {Object} options - Toast options\r\n * @param {Function} onClose - Close callback\r\n /\r\nexport async function createBasicToast(toast, options, onClose) {\r\n // Basic styling only\r\n Object.assign(toast.style, {\r\n background: \"#333\",\r\n color: \"white\",\r\n padding: \"10px 15px\",\r\n margin: \"10px\",\r\n borderRadius: \"3px\",\r\n position: \"fixed\",\r\n top: \"20px\",\r\n right: \"20px\",\r\n zIndex: \"99999\",\r\n maxWidth: \"300px\",\r\n wordWrap: \"break-word\",\r\n });\r\n\r\n toast.textContent = options.message;\r\n\r\n if (options.showCloseButton) {\r\n toast.style.cursor = \"pointer\";\r\n toast.onclick = () => onClose(toast);\r\n }\r\n\r\n toast._animationDuration = 500;\r\n}\r\n\r\n// CSS injection function\r\nasync function injectToastStyles() {\r\n if (document.getElementById(\"ctoast-styles\")) return; // Already injected\r\n\r\n const style = document.createElement(\"style\");\r\n style.id = \"ctoast-styles\";\r\n style.textContent = `\r\n .ctoast-toast {\r\n padding: 12px 20px;\r\n margin-bottom: 10px;\r\n border-radius: 5px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n box-shadow: 0 4px 6px rgba(0,0,0,0.1);\r\n min-width: 250px;\r\n max-width: 400px;\r\n opacity: 0;\r\n position: relative;\r\n transform: translateY(20px);\r\n z-index: 9999;\r\n }\r\n\r\n .ctoast-message {\r\n flex: 1;\r\n }\r\n\r\n .ctoast-close {\r\n cursor: pointer;\r\n margin-left: 10px;\r\n font-weight: bold;\r\n background: transparent;\r\n border: none;\r\n }\r\n\r\n .ctoast-progress {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n height: 4px;\r\n background: rgba(255,255,255,0.7);\r\n width: 100%;\r\n transform-origin: left;\r\n }\r\n\r\n .ctoast-show {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n `;\r\n document.head.appendChild(style);\r\n}\r\n\r\n/\r\n Emergency toast as last resort\r\n * @param {Object} options - Toast options\r\n * @param {Function} onClose - Close callback\r\n /\r\nexport async function createEmergencyToast(options, onClose) {\r\n try {\r\n // Create emergency div\r\n const emergency = document.createElement(\"div\");\r\n emergency.id = `emergency-${Date.now()}`;\r\n emergency.innerHTML = `\r\n <div style=\"\r\n background: #333 !important;\r\n color: white !important;\r\n padding: 10px 15px !important;\r\n position: fixed !important;\r\n top: 20px !important;\r\n right: 20px !important;\r\n z-index: 99999 !important;\r\n border-radius: 3px !important;\r\n max-width: 250px !important;\r\n word-wrap: break-word !important;\r\n font-family: Arial, sans-serif !important;\r\n font-size: 14px !important;\r\n box-shadow: 0 2px 10px rgba(0,0,0,0.3) !important;\r\n cursor: pointer !important;\r\n \" onclick=\"this.parentNode.removeChild(this)\">\r\n ${options.message \|\| \"Emergency Toast Creation Showing!\"}\r\n <span style=\"float: right; margin-left: 10px; font-weight: bold;\">×</span>\r\n </div>\r\n `;\r\n\r\n emergency._animationDuration = 500;\r\n emergency._isEmergencyToast = true;\r\n\r\n // Auto remove\r\n setTimeout(() => {\r\n try {\r\n if (emergency.parentNode) {\r\n emergency.parentNode.removeChild(emergency);\r\n }\r\n onClose(emergency);\r\n } catch (error) {\r\n console.warn(\"Emergency cleanup failed:\", error);\r\n }\r\n }, options.duration \|\| 1800);\r\n\r\n return emergency;\r\n } catch (emergencyError) {\r\n console.error(\"Emergency toast creation failed:\", emergencyError);\r\n\r\n // ULTIMATE FALLBACK: Alert\r\n setTimeout(() => {\r\n try {\r\n alert(options.message \|\| \"Toast Creation Failed!\");\r\n onClose(null);\r\n } catch (alertError) {\r\n console.error(\"Ultimate fallback failed:\", alertError);\r\n onClose(null);\r\n }\r\n }, 100);\r\n\r\n return null;\r\n }\r\n}\r\n\r\nexport async function safeSetTimeout(fn, delay) {\r\n const id = setTimeout(() => {\r\n console.warn(\"Timer fired after\", delay, \"ms\");\r\n fn();\r\n }, delay);\r\n\r\n console.warn(\"Timer scheduled with id:\", id, \"delay:\", delay);\r\n return id;\r\n}\r\n","// src/components/Toast.js //# Single responsibility\r\n\"use strict\";\r\n\r\nimport { createElementWithId } from \"../utils/dom.js\";\r\nimport { applyRichStyling, createEmergencyToast } from \"./toast-utils.js\";\r\n\r\n/\r\n Multi-layer toast creation with satellite-grade fallbacks\r\n * @param {Object} options - Toast configuration options\r\n * @param {Function} onClose - Callback when toast closes\r\n * @returns {HTMLElement} Toast element\r\n /\r\nexport async function createToastElement(options, onClose) {\r\n let toastContainer = document.querySelector('[id^=\"toast-container-\"]');\r\n if (!toastContainer) return null;\r\n\r\n let toast;\r\n const tagName = \"div\";\r\n const prefix = \"toast\";\r\n\r\n // PRIMARY: Full-featured toast\r\n try {\r\n toast = await createElementWithId(tagName, prefix);\r\n await applyRichStyling(toast, options, onClose);\r\n return toast;\r\n } catch (error) {\r\n console.warn(\"error:\", error);\r\n await createEmergencyToast(options, onClose);\r\n return toast;\r\n }\r\n}\r\n","// src/components/ToastManager.js //# State management\r\n\"use strict\";\r\n\r\nimport { createToastContainer } from \"./ToastContainer.js\";\r\nimport { createToastElement } from \"./Toast.js\";\r\nimport { removeElement } from \"../utils/dom.js\";\r\nimport { createEmergencyToast, safeSetTimeout } from \"./toast-utils.js\";\r\n\r\n// State management with fallback tracking\r\nlet isToastShowing = false;\r\nlet emergencyCleanupScheduled = false;\r\nlet currentToast = [];\r\nlet emergencyTimeouts = [];\r\n\r\n/\r\n Show toast with comprehensive fallback system\r\n /\r\nexport async function showToast(options) {\r\n // PRIMARY: Full toast system\r\n try {\r\n const container = await createToastContainer(options.position);\r\n const toast = await createToastElement(options, closeToast);\r\n\r\n if (!toast) {\r\n throw new Error(\"Toast element creation failed!\");\r\n }\r\n\r\n currentToast.push(toast);\r\n\r\n // Append to container\r\n if (container.id.includes(\"toast-container-\")) {\r\n container.appendChild(toast);\r\n }\r\n\r\n // Schedule auto-dismiss\r\n const cleanUpTime =\r\n typeof options.duration === \"number\" && options.duration > 0\r\n ? options.duration + 2\r\n : 1800; //safety margin\r\n const dismissTimeout = await safeSetTimeout(\r\n () => closeToast(toast),\r\n cleanUpTime\r\n );\r\n emergencyTimeouts.push(dismissTimeout);\r\n return;\r\n } catch (primaryError) {\r\n console.warn(\r\n \"Primary toast system failed showing emergency toast:\",\r\n primaryError\r\n );\r\n const elContainer = document.querySelector('[id^=\"toast-container-\"]');\r\n const emergencyToast = createEmergencyToast(options, closeToast);\r\n elContainer && elContainer?.id?.includes(\"toast-container-\")\r\n ? elContainer.appendChild(emergencyToast)\r\n : alert(primaryError.substring(0, 200));\r\n return;\r\n }\r\n}\r\n\r\n/\r\n Create simple toast for fallback\r\n /\r\nfunction createSimpleToast(options) {\r\n const simple = document.createElement(\"div\");\r\n simple.style.cssText = `\r\n position: fixed !important;\r\n top: 20px !important;\r\n right: 20px !important;\r\n background: #333 !important;\r\n color: white !important;\r\n padding: 12px 20px !important;\r\n border-radius: 5px !important;\r\n z-index: 99999 !important;\r\n max-width: 300px !important;\r\n font-family: Arial, sans-serif !important;\r\n cursor: pointer !important;\r\n `;\r\n simple.textContent = options.message \|\| \"Created Simple Toast!\";\r\n simple.onclick = () => closeToast(simple);\r\n return simple;\r\n}\r\n\r\n/\r\n Close toast with multi-strategy cleanup\r\n /\r\nexport async function closeToast(toast) {\r\n if (currentToast.length > 0) {\r\n const index = currentToast.indexOf(toast);\r\n if (index !== -1) {\r\n currentToast.splice(index, 1);\r\n }\r\n }\r\n await removeElement(toast);\r\n}\r\n\r\n/\r\n Perform comprehensive cleanup\r\n /\r\nasync function performCleanup(toast) {\r\n try {\r\n // Cleanup event listeners\r\n if (toast._cleanupCloseButton) {\r\n toast._cleanupCloseButton();\r\n }\r\n\r\n // Remove from DOM\r\n removeElement(toast);\r\n\r\n // Reset state\r\n resetToastState();\r\n } catch (error) {\r\n console.error(\"Cleanup failed:\", error);\r\n forceEmergencyCleanup();\r\n }\r\n}\r\n\r\n/\r\n Reset all toast state\r\n /\r\nfunction resetToastState() {\r\n isToastShowing = false;\r\n currentToast = [];\r\n\r\n // Clear all timeouts\r\n emergencyTimeouts.forEach((id) => {\r\n try {\r\n clearTimeout(id);\r\n } catch (error) {\r\n console.warn(\"Timeout clear failed:\", error);\r\n }\r\n });\r\n emergencyTimeouts.pop();\r\n emergencyCleanupScheduled = false;\r\n}\r\n\r\n/\r\n Schedule emergency cleanup\r\n /\r\nfunction scheduleEmergencyCleanup(duration) {\r\n const cleanUpTime = typeof duration === \"number\" ? duration + 2 : 1800; //safety margin\r\n const emergencyTimeout = setTimeout(() => {\r\n console.warn(\"Emergency cleanup triggered\");\r\n forceEmergencyCleanup();\r\n }, cleanUpTime);\r\n\r\n emergencyTimeouts.push(emergencyTimeout);\r\n}\r\n\r\n/\r\n Force emergency cleanup of everything\r\n /\r\nasync function forceEmergencyCleanup() {\r\n try {\r\n // Remove current toast\r\n if (currentToast) {\r\n removeElement(currentToast);\r\n }\r\n\r\n // Clean up any orphaned toast elements\r\n const orphanedToasts = document.querySelectorAll(\r\n '[id^=\"toast-\"]:not([id=\"container\"]), [id=\"emergency\"]'\r\n );\r\n orphanedToasts.forEach((element) => {\r\n try {\r\n removeElement(element);\r\n } catch (error) {\r\n console.warn(\"Orphaned element cleanup failed:\", error);\r\n }\r\n });\r\n\r\n // Reset all state\r\n resetToastState();\r\n } catch (error) {\r\n console.error(\"Force cleanup failed:\", error);\r\n // Final state reset\r\n isToastShowing = false;\r\n currentToast = [];\r\n }\r\n}\r\n","// src/components/ToastContainer.js //# Container logic\r\n\"use strict\";\r\n\r\nimport { setPosition } from \"../utils/position.js\";\r\nimport { appendChild } from \"../utils/dom.js\";\r\n\r\n/\r\n Create toast container with error handling\r\n * @param {string} position - Toast position\r\n * @returns {HTMLElement} Toast container element\r\n /\r\nexport async function createToastContainer(position) {\r\n try {\r\n let toastContainer = document.getElementById(`toast-container-${position}`);\r\n\r\n if (!toastContainer) {\r\n toastContainer = document.createElement(\"div\");\r\n toastContainer.id = `toast-container-${position}`;\r\n toastContainer.style.position = \"fixed\";\r\n toastContainer.style.zIndex = \"9999\";\r\n await setPosition(toastContainer, position);\r\n await appendChild(document.body, toastContainer);\r\n }\r\n\r\n return toastContainer;\r\n } catch (error) {\r\n console.error(\"Failed to create toast container:\", error);\r\n // Fallback: return body element\r\n return document.body;\r\n }\r\n}\r\n","// src/index.js\r\n/\r\n @fileoverview A simple toast notification library for any JavaScript framework.\r\n * @name Customizable Toast Notifications\r\n * @author Priyanshu Patel\r\n * @version __VERSION__\r\n * @build Production\r\n * @license Apache-2.0\r\n * @depends None\r\n * @description A lightweight and fully customizable toast notification library\r\n * designed for seamless integration with any JavaScript or framework-based UI.\r\n * Supports flexible positioning, theming, icons, animations, and timing options\r\n * out of the box — with zero dependencies.\r\n * Author: Priyanshu Patel\r\n * Email: priyanshu.alt191@gmail.com\r\n * Created: July 31, 2024\r\n * License: Apache-2.0\r\n * Dependencies: None\r\n /\r\n\r\n\"use strict\";\r\n\r\nimport { closeToast, showToast } from \"./components/ToastManager.js\";\r\nimport { appendChild, getTextColor } from \"./utils/dom.js\";\r\nimport { setPosition } from \"./utils/position.js\";\r\n\r\n// Protected state with fallbacks\r\nlet defaultColors = {\r\n success: \"#28a745\",\r\n error: \"#dc3545\",\r\n warning: \"#ffc107\",\r\n info: \"#17a2b8\",\r\n};\r\n\r\nlet defaultMessages = {\r\n success: \"Operation completed successfully!\",\r\n error: \"Something went wrong!\",\r\n warning: \"Warning message!\",\r\n info: \"Information message!\",\r\n};\r\n\r\n/\r\n Create toast with satellite-grade reliability\r\n /\r\n// Toast queue for calls before DOM ready\r\nconst pendingToasts = [];\r\n\r\n// Flag to indicate DOM ready for toast execution\r\nlet domReady = false;\r\n\r\n// DOM ready check\r\nasync function checkDOMReady() {\r\n if (domReady) return;\r\n\r\n if (typeof window !== \"undefined\" && typeof document !== \"undefined\") {\r\n if (\r\n document.readyState === \"complete\" \|\|\r\n document.readyState === \"interactive\"\r\n ) {\r\n domReady = true;\r\n // Flush queued toasts after 2s delay\r\n pendingToasts.forEach((options) =>\r\n setTimeout(() => createToastNow(options), 2000)\r\n );\r\n pendingToasts.length = 0;\r\n } else {\r\n // Wait for DOMContentLoaded\r\n document.addEventListener(\r\n \"DOMContentLoaded\",\r\n () => {\r\n domReady = true;\r\n pendingToasts.forEach((options) =>\r\n setTimeout(() => createToastNow(options), 2000)\r\n );\r\n pendingToasts.length = 0;\r\n },\r\n { once: true }\r\n );\r\n }\r\n }\r\n}\r\n\r\n// Core toast creation logic\r\nasync function createToastNow(options = {}) {\r\n try {\r\n const sanitizedOptions = await sanitizeToastOptions(options);\r\n await createFirstToastContainer(sanitizedOptions.position);\r\n await showToast(sanitizedOptions);\r\n } catch (error) {\r\n console.error(\"CreateToast failed:\", error);\r\n\r\n const safeMessage =\r\n typeof options?.message === \"string\"\r\n ? `${options.message.substring(0, 200)} toast creation failed!`\r\n : \"Toast creation failed!\";\r\n\r\n alert(safeMessage);\r\n }\r\n}\r\n\r\nlet initialDelayDone = false; // flag to ensure single execution\r\n\r\n// Public API\r\nasync function createToast(options = {}) {\r\n // Check browser environment\r\n const isBrowser =\r\n typeof window !== \"undefined\" && typeof document !== \"undefined\";\r\n\r\n if (!isBrowser) {\r\n console.warn(\r\n \"ToastNotification: running in non-browser environment, no DOM available.\"\r\n );\r\n return;\r\n }\r\n\r\n // Check if DOM ready\r\n await checkDOMReady();\r\n\r\n if (!domReady) {\r\n // Queue for later execution\r\n pendingToasts.push(options);\r\n return;\r\n }\r\n\r\n // If DOM ready → execute after 2s delay\r\n if (!initialDelayDone) {\r\n // First call → wait 2 seconds\r\n initialDelayDone = true;\r\n setTimeout(await createToastNow(options), 2000);\r\n } else {\r\n // Subsequent calls → run immediately\r\n await createToastNow(options);\r\n }\r\n}\r\n\r\nasync function createFirstToastContainer(position) {\r\n try {\r\n let toastContainer = document.getElementById(`toast-container-${position}`);\r\n\r\n if (!toastContainer) {\r\n toastContainer = document.createElement(\"div\");\r\n toastContainer.id = `toast-container-${position}`;\r\n toastContainer.style.position = \"fixed\";\r\n toastContainer.style.zIndex = \"9999\";\r\n await setPosition(toastContainer, position);\r\n await appendChild(document.body, toastContainer);\r\n }\r\n\r\n return toastContainer;\r\n } catch (error) {\r\n console.error(\"Failed to create toast container:\", error);\r\n // Fallback: return body element\r\n return document.body;\r\n }\r\n}\r\n\r\n/\r\n Sanitizes and normalizes toast options.\r\n * Fills in defaults, validates input, and ensures colors & messages are set.\r\n * @param {Object} options - User-provided toast options\r\n * @returns {Promise<Object>} final sanitized toast options\r\n /\r\nasync function sanitizeToastOptions(options) {\r\n const defaults = {\r\n duration: 1800,\r\n position: \"bottom-right\",\r\n type: \"info\",\r\n borderRadius: \"50px\",\r\n backgroundColor: undefined,\r\n textColor: undefined,\r\n showCloseButton: true,\r\n animationDuration: \"0.4s\",\r\n animationType: \"fade\",\r\n animationEasing: \"ease\",\r\n showProgressBar: true,\r\n progressColor: undefined,\r\n progressHeight: \"4px\",\r\n progressPosition: \"bottom\",\r\n fontPosition: \"relative\",\r\n fontPadding: undefined,\r\n fontBorderRadius: undefined,\r\n fontBackgroundColor: undefined,\r\n fontFamily:\r\n '-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"',\r\n fontSize: \"14px\",\r\n fontWeight: \"400\",\r\n fontLineHeight: \"1.4\",\r\n fontDirection: \"auto\",\r\n wrapText: \"normal\",\r\n };\r\n\r\n // Merge defaults with user options\r\n const final = {\r\n ...defaults,\r\n ...(typeof options === \"object\" && !Array.isArray(options) ? options : {}),\r\n };\r\n\r\n // Ensure message property separately\r\n final.message = options?.message ?? final.message;\r\n\r\n try {\r\n // Background color fallback based on type or system preference\r\n if (!final.backgroundColor) {\r\n final.backgroundColor =\r\n defaultColors?.[final.type] ??\r\n (window.matchMedia(\"(prefers-color-scheme: dark)\").matches\r\n ? \"#f5f5f5\"\r\n : \"#111111\");\r\n }\r\n\r\n // Default message if not provided\r\n final.message =\r\n final.message \|\| defaultMessages?.[final.type] \|\| \"No Message Provided!\";\r\n\r\n // Ensure textColor is set\r\n if (!final.textColor && final.backgroundColor) {\r\n final.textColor = await getTextColor(final);\r\n }\r\n\r\n // Ensure progressColor is set\r\n if (!final.progressColor && final.backgroundColor) {\r\n final.progressColor = await getTextColor(final);\r\n }\r\n } catch (error) {\r\n console.warn(\"Option processing failed:\", error);\r\n }\r\n\r\n // Safety check for message type\r\n if (typeof final.message !== \"string\") {\r\n final.message = \"No Message Provided!\";\r\n }\r\n\r\n return final;\r\n}\r\n\r\n/\r\n Set default colors with validation\r\n /\r\nfunction setDefaultColors(colors) {\r\n try {\r\n if (colors && typeof colors === \"object\" && !Array.isArray(colors)) {\r\n defaultColors = { ...defaultColors, ...colors };\r\n }\r\n } catch (error) {\r\n console.error(\"setDefaultColors failed:\", error);\r\n }\r\n}\r\n\r\n/\r\n Set default messages with validation\r\n /\r\nfunction setDefaultMessages(messages) {\r\n try {\r\n if (messages && typeof messages === \"object\" && !Array.isArray(messages)) {\r\n defaultMessages = { ...defaultMessages, ...messages };\r\n }\r\n } catch (error) {\r\n console.error(\"setDefaultMessages failed:\", error);\r\n }\r\n}\r\n\r\nfunction noop() {\r\n const toast = document.querySelector('[id^=\"toast-\"]:not([id=\"container\"])');\r\n closeToast(toast);\r\n}\r\n\r\n// Module exports\r\nexport { createToast, setDefaultColors, setDefaultMessages, noop };\r\n\r\n// Global assignment with protection\r\ntry {\r\n // UMD/Global support\r\n if (typeof window !== \"undefined\") {\r\n window.customizableToast = {\r\n createToast,\r\n setDefaultColors,\r\n setDefaultMessages,\r\n };\r\n }\r\n} catch (error) {\r\n console.error(\"Global assignment failed:\", error);\r\n}\r\n"],"names":["async","setPosition","container","position","style","top","bottom","left","right","transform","includes","generateUniqueId","prefix","Date","now","Math","floor","random","appendChild","parent","child","contains","error","insertAdjacentElement","fallbackError","document","body","clone","cloneNode","emergencyError","getTextColor","options","backgroundColor","color","r","g","b","startsWith","hex","substring","length","parseInt","match","colorArray","black","white","toLowerCase","Error","l1","l2","max","min","contrast","applyRichStyling","toast","onClose","animDurationMs","duration","endsWith","parsed","parseFloat","parseAnimationDuration","animationDuration","Object","assign","background","padding","marginBottom","borderRadius","overflow","display","alignItems","justifyContent","boxShadow","minWidth","maxWidth","opacity","transition","animationEasing","zIndex","_animationDuration","messageSpan","createElement","fontPosition","flex","fontPadding","fontBorderRadius","fontBackgroundColor","fontFamily","fontSize","fontWeight","lineHeight","fontLineHeight","textColor","userSelect","wordBreak","direction","fontDirection","webkitLineClamp","webkitBoxOrient","whiteSpace","wrapText","textOverflow","lineClamp","boxOrient","textContent","message","setAttribute","showCloseButton","closeButton","border","marginLeft","cursor","onclick","_cleanupCloseButton","createCloseButton","showProgressBar","progressBar","height","progressHeight","progressColor","width","progressPosition","setTimeout","el","offsetWidth","forceReflow","createProgressBar","requestAnimationFrame","runToastAnimation","createEmergencyToast","emergency","id","innerHTML","_isEmergencyToast","parentNode","removeChild","alert","alertError","createToastElement","querySelector","tagName","fallbackTag","fallbackPrefix","fallbackEl","createElementWithId","currentToast","emergencyTimeouts","showToast","toastContainer","getElementById","createToastContainer","closeToast","push","cleanUpTime","dismissTimeout","fn","delay","safeSetTimeout","primaryError","elContainer","emergencyToast","index","indexOf","splice","remove","pointerEvents","hideError","removeElement","defaultColors","success","warning","info","defaultMessages","pendingToasts","domReady","createToastNow","sanitizedOptions","final","type","undefined","animationType","Array","isArray","window","matchMedia","matches","sanitizeToastOptions","createFirstToastContainer","safeMessage","initialDelayDone","createToast","readyState","forEach","addEventListener","once","checkDOMReady","setDefaultColors","colors","setDefaultMessages","messages","customizableToast"],"mappings":"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"}

package/dist/index.d.ts ADDED Viewed

@@ -0,0 +1,12 @@
+declare function createToast(options?: {}): Promise<void>;
+/**
+ * Set default colors with validation
+ */
+declare function setDefaultColors(colors: any): void;
+/**
+ * Set default messages with validation
+ */
+declare function setDefaultMessages(messages: any): void;
+declare function noop(): void;
+export { createToast, noop, setDefaultColors, setDefaultMessages };

package/dist/index.esm.mjs CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
- * Customizable Toast Notifications 3.5.1
- * Build: 2025-08-27 18:05:24
- * Cache-Buster: 1756317924370
+ * Customizable Toast Notifications 3.6.0
+ * Build: 2025-09-01 13:01:31
+ * Cache-Buster: 1756731691017
  * Author: Priyanshu Patel
  * Email: priyanshu.alt191@gmail.com
  * License: Apache-2.0
@@ -12,5 +12,23 @@
  * Supports flexible positioning, theming, icons, animations, and timing options
  * out of the box — with zero dependencies.
  */
-async function t(t){return`${t}-${Date.now()}-${Math.floor(1e5*Math.random())}`}async function e(t){try{let e=document.getElementById(`toast-container-${t}`);return e||(e=document.createElement("div"),e.id=`toast-container-${t}`,e.style.position="fixed",e.style.zIndex="9999",await async function(t,e){t.style.top="auto",t.style.bottom="auto",t.style.left="auto",t.style.right="auto",t.style.transform="none",e.includes("bottom")?t.style.bottom="10px":e.includes("top")&&(t.style.top="10px"),e.includes("right")?t.style.right="10px":e.includes("left")?t.style.left="10px":e.includes("center")&&(t.style.top="50%",t.style.left="50%",t.style.transform="translate(-50%, -50%)")}(e,t),await async function(t,e){if(!t||!e)return!1;try{return t.contains(e)||t.appendChild(e),!0}catch(n){try{return t.insertAdjacentElement("beforeend",e),!0}catch(n){try{if(t===document.body)return e.style.position="fixed",e.style.top="10px",e.style.right="10px",e.style.zIndex="99999",document.body.insertAdjacentHTML("beforeend",e.outerHTML||""),!0}catch(t){return!1}}}return!1}(document.body,e)),e}catch(t){return document.body}}function n(t,e,n){const o=function(t){try{if("number"==typeof t&&t>0)return t;if("string"==typeof t){if(t.endsWith("s")&&!t.endsWith("ms")){const e=1e3*parseFloat(t);return e>0?e:500}const e=parseFloat(t);return e>0?e:500}}catch(t){}return 500}(e.animationDuration);Object.assign(t.style,{background:e.backgroundColor||e.color||"#333",color:e.textColor||"white",padding:"12px 20px",marginBottom:"10px",borderRadius:"5px",display:"flex",alignItems:"center",justifyContent:"space-between",boxShadow:"0 4px 6px rgba(0, 0, 0, 0.1)",minWidth:"250px",maxWidth:"400px",opacity:"0",position:"relative",transition:`opacity ${o||"0.5s"} ${e.animationEasing||"ease"}, transform ${o||"0.5s"} ${e.animationEasing||"ease"}`,transform:"translateY(20px)",zIndex:"9999"}),t._animationDuration=o;const r=document.createElement("span");r.textContent=e.message||"Notification",r.style.flex="1",t.appendChild(r),e.showCloseButton&&function(t,e,n){const o=document.createElement("button");o.innerHTML="&times;",Object.assign(o.style,{background:"none",border:"none",color:e.textColor||"white",fontSize:"18px",marginLeft:"10px",cursor:"pointer"}),o.onclick=()=>n(t),t.appendChild(o),t._cleanupCloseButton=()=>{o.onclick=null}}(t,e,n),e.showProgressBar&&function(t,e){const n=document.createElement("div");Object.assign(n.style,{position:"absolute",left:"0",height:e.progressHeight||"4px",background:e.progressColor||"rgba(255, 255, 255, 0.3)",width:"100%",transition:`width ${e.duration||1800}ms linear`,["top"===e.progressPosition?"top":"bottom"]:"0"}),t.appendChild(n),setTimeout(()=>{!function(t){try{return t?.offsetWidth||0}catch(t){return 0}}(n),n.style.width="0%"},100)}(t,e),function(t){setTimeout(()=>{t.style.opacity="1",t.style.transform="translateY(0)"},50)}(t)}function o(t,e){try{const n=document.createElement("div");return n.id=`emergency-${Date.now()}`,n.innerHTML=`\n      <div style="\n        background: #333 !important;\n        color: white !important;\n        padding: 10px 15px !important;\n        position: fixed !important;\n        top: 20px !important;\n        right: 20px !important;\n        z-index: 99999 !important;\n        border-radius: 3px !important;\n        max-width: 250px !important;\n        word-wrap: break-word !important;\n        font-family: Arial, sans-serif !important;\n        font-size: 14px !important;\n        box-shadow: 0 2px 10px rgba(0,0,0,0.3) !important;\n        cursor: pointer !important;\n      " onclick="this.parentNode.removeChild(this)">\n        ${t.message||"Emergency Toast Creation Showing!"}\n        <span style="float: right; margin-left: 10px; font-weight: bold;">&times;</span>\n      </div>\n    `,n._animationDuration=500,n._isEmergencyToast=!0,setTimeout(()=>{try{n.parentNode&&n.parentNode.removeChild(n),e(n)}catch(t){}},t.duration||1800),n}catch(n){return setTimeout(()=>{try{alert(t.message||"Toast Creation Failed!"),e(null)}catch(t){e(null)}},100),null}}async function r(e,r){let a;if(!document.querySelector('[id^="toast-container-"]'))return null;try{return a=await async function(e,n){try{if(!e||!n)throw new Error("tagName and prefix is required");const o=document.createElement(e);return o.id=t(n),o}catch(e){try{const e="div",n="fallback",o=document.createElement(e);return o.id=t(n),o.setAttribute("data-original-tag",e),o}catch(t){}}}("div","toast"),n(a,e,r),a}catch(t){return o(e,r),a}}let a=[],i=[];async function s(t){try{const n=await e(t.position),o=await r(t,c);if(!o)throw new Error("Toast element creation failed!");a.push(o),n.id.includes("toast-container-")&&n.appendChild(o);const s="number"==typeof t.duration&&t.duration>0?t.duration+2:1800,l=await async function(t,e){return setTimeout(()=>{t()},e)}(()=>c(o),s);return void i.push(l)}catch(e){const n=document.querySelector('[id^="toast-container-"]'),r=o(t,c);return void(n&&n?.id?.includes("toast-container-")?n.appendChild(r):alert(e.substring(0,200)))}}async function c(t){if(a.length>0){const e=a.indexOf(t);-1!==e&&a.splice(e,1)}await async function(t){if(!t)return!0;try{if(t?.parentNode?.id.includes("toast-container-"))return t.parentNode.removeChild(t),!0}catch(e){try{if(t.remove)return t.remove(),!0}catch(e){try{return t.style.display="none",t.style.opacity="0",t.style.pointerEvents="none",t.style.position="absolute",t.style.left="-9999px",!0}catch(t){return!1}}}return!0}(t)}let l={success:"#28a745",error:"#dc3545",warning:"#ffc107",info:"#17a2b8"},u={success:"Operation completed successfully!",error:"Something went wrong!",warning:"Warning message!",info:"Information message!"};async function d(t={}){try{const e=await async function(t){const e={duration:1800,position:"bottom-right",type:"info",backgroundColor:void 0,textColor:"white",showCloseButton:!1,animationDuration:"0.5s",animationEasing:"ease",showProgressBar:!1,progressColor:void 0,progressHeight:"4px",progressPosition:"bottom"};let n={...e};t&&"object"==typeof t&&!Array.isArray(t)&&(Object.keys(e).forEach(e=>{t.hasOwnProperty(e)&&(n[e]=t[e])}),void 0===t.message&&"undefined"===t.message||(n.message=t.message));try{!n.backgroundColor&&n.type&&l[n.type]&&(n.backgroundColor=l[n.type]),!n.message&&n.type&&u[n.type]&&(n.message=u[n.type])}catch(t){}n.message&&"string"==typeof n.message||(n.message="No Message Provided!");return n}(t);await s(e)}catch(e){const n="string"==typeof t?.message?`${t.message.substring(0,200)} toast creation failed!`:"Toast creation failed!";alert(n)}}function p(t){try{t&&"object"==typeof t&&!Array.isArray(t)&&(l={...l,...t})}catch(t){}}function y(t){try{t&&"object"==typeof t&&!Array.isArray(t)&&(u={...u,...t})}catch(t){}}function m(){c(document.querySelector('[id^="toast-"]:not([id*="container"])'))}try{"undefined"!=typeof window&&(window.customizableToast={createToast:d,setDefaultColors:p,setDefaultMessages:y})}catch(t){}export{d as createToast,m as noop,p as setDefaultColors,y as setDefaultMessages};
+async function t(t,e){t.style.top="auto",t.style.bottom="auto",t.style.left="auto",t.style.right="auto",t.style.transform="none",e.includes("bottom")?t.style.bottom="10px":e.includes("top")&&(t.style.top="10px"),e.includes("right")?t.style.right="10px":e.includes("left")?t.style.left="10px":e.includes("center")&&(t.style.top="50%",t.style.left="50%",t.style.transform="translate(-50%, -50%)")}async function e(t){return`${t}-${Date.now()}-${Math.floor(1e5*Math.random())}`}async function n(t,e){if(!t||!e)return!1;try{return t.contains(e)||t.appendChild(e),!0}catch(n){try{return t.insertAdjacentElement("beforeend",e),!0}catch(n){try{if(t===document.body){const n=e.cloneNode(!0);return t.appendChild(n),!0}}catch(t){return!1}}}return!1}async function o(t){return t.backgroundColor&&await async function(t){let e,n,o;if(t.startsWith("#")){const a=t.substring(1);3===a.length?(e=parseInt(a[0]+a[0],16),n=parseInt(a[1]+a[1],16),o=parseInt(a[2]+a[2],16)):(e=parseInt(a.substring(0,2),16),n=parseInt(a.substring(2,4),16),o=parseInt(a.substring(4,6),16))}else if(t.startsWith("rgb")||t.startsWith("rgba")){const a=t.match(/^rgba?\((\d+),\s*(\d+),\s*(\d+)(?:,\s*(\d+(?:\.\d+)?))?\)$/);a&&(e=parseInt(a[1]),n=parseInt(a[2]),o=parseInt(a[3]))}else{const a={black:[0,0,0],white:[255,255,255]}[t.toLowerCase()];if(!a)throw new Error(`Unsupported color format: ${t}`);e=a[0],n=a[1],o=a[2]}const a=(.2126*e+.7152*n+.0722*o)/255,i=.05;return(Math.max(a,i)+.05)/Math.min(a,i)}(t.backgroundColor)>3.5?"black":"white"}async function a(t,e,n){const o=await async function(t){try{if("number"==typeof t&&t>0)return t;if("string"==typeof t){if(t.endsWith("s")&&!t.endsWith("ms")){const e=1e3*parseFloat(t);return e>0?e:500}const e=parseFloat(t);return e>0?e:500}}catch(t){}return 500}(e.animationDuration);Object.assign(t.style,{background:e.backgroundColor,padding:"12px 20px",marginBottom:"10px",borderRadius:e.borderRadius,overflow:"hidden",display:"flex",alignItems:"center",justifyContent:"space-between",boxShadow:"0 4px 6px rgba(0, 0, 0, 0.1)",minWidth:"250px",maxWidth:"400px",opacity:"0",position:"relative",transition:`opacity ${e.animationDuration} ${e.animationEasing}, transform ${e.animationDuration} ${e.animationEasing}`,transform:"translateY(20px)",zIndex:"9999"}),t._animationDuration=o;const a=document.createElement("span");a.style.position=e.fontPosition,a.style.display="inline-block",a.style.flex="1",a.style.padding=e.fontPadding,a.style.borderRadius=e.fontBorderRadius,a.style.background=e.fontBackgroundColor,a.style.fontFamily=e.fontFamily,a.style.fontSize=e.fontSize,a.style.fontWeight=e.fontWeight,a.style.lineHeight=e.fontLineHeight,a.style.color=e.textColor,a.style.userSelect="text",a.style.wordBreak="break-word",a.style.direction=e.fontDirection,a.style.webkitLineClamp="3",a.style.webkitBoxOrient="vertical",a.style.whiteSpace=e.wrapText?"normal":"nowrap",a.style.display="block",a.style.overflow="hidden",a.style.textOverflow="ellipsis",a.style.lineClamp="3",a.style.boxOrient="vertical",a.style.display="-webkit-box",a.textContent=e.message,a.setAttribute("aria-label","Toast Notification Center"),a.setAttribute("title",e.message),t.appendChild(a),e.showCloseButton&&await async function(t,e,n){const o=document.createElement("button");o.setAttribute("aria-label","Close notification"),o.setAttribute("title","Close"),o.textContent="×",Object.assign(o.style,{background:"none",border:"none",color:e.textColor,fontSize:"18px",marginLeft:"10px",cursor:"pointer"}),o.onclick=()=>n(t),t.appendChild(o),t._cleanupCloseButton=()=>{o.onclick=null}}(t,e,n),e.showProgressBar&&await async function(t,e){const n=document.createElement("div");Object.assign(n.style,{position:"absolute",left:"0",height:e.progressHeight||"4px",background:e.progressColor||"rgba(255, 255, 255, 0.3)",width:"100%",transition:`width ${e.duration||1800}ms linear`,["top"===e.progressPosition?"top":"bottom"]:"0"}),t.appendChild(n),setTimeout(()=>{!function(t){try{return t?.offsetWidth||0}catch(t){return 0}}(n),n.style.width="0%"},100)}(t,e),await async function(t){setTimeout(()=>{requestAnimationFrame(()=>{t.style.opacity="1",t.style.transform="translateY(0)"})},50)}(t)}async function i(t,e){try{const n=document.createElement("div");return n.id=`emergency-${Date.now()}`,n.innerHTML=`\n      <div style="\n        background: #333 !important;\n        color: white !important;\n        padding: 10px 15px !important;\n        position: fixed !important;\n        top: 20px !important;\n        right: 20px !important;\n        z-index: 99999 !important;\n        border-radius: 3px !important;\n        max-width: 250px !important;\n        word-wrap: break-word !important;\n        font-family: Arial, sans-serif !important;\n        font-size: 14px !important;\n        box-shadow: 0 2px 10px rgba(0,0,0,0.3) !important;\n        cursor: pointer !important;\n      " onclick="this.parentNode.removeChild(this)">\n        ${t.message||"Emergency Toast Creation Showing!"}\n        <span style="float: right; margin-left: 10px; font-weight: bold;">&times;</span>\n      </div>\n    `,n._animationDuration=500,n._isEmergencyToast=!0,setTimeout(()=>{try{n.parentNode&&n.parentNode.removeChild(n),e(n)}catch(t){}},t.duration||1800),n}catch(n){return setTimeout(()=>{try{alert(t.message||"Toast Creation Failed!"),e(null)}catch(t){e(null)}},100),null}}async function r(t,n){let o;if(!document.querySelector('[id^="toast-container-"]'))return null;try{return o=await async function(t,n){try{const o=document.createElement(t);return o.id=await e(n),o}catch(t){try{const t="div",n="fallback",o=document.createElement(t);return o.id=await e(n),o.setAttribute("data-original-tag",t),o}catch(t){}}}("div","toast"),await a(o,t,n),o}catch(e){return await i(t,n),o}}let s=[],c=[];async function l(e){try{const o=await async function(e){try{let o=document.getElementById(`toast-container-${e}`);return o||(o=document.createElement("div"),o.id=`toast-container-${e}`,o.style.position="fixed",o.style.zIndex="9999",await t(o,e),await n(document.body,o)),o}catch(t){return document.body}}(e.position),a=await r(e,d);if(!a)throw new Error("Toast element creation failed!");s.push(a),o.id.includes("toast-container-")&&o.appendChild(a);const i="number"==typeof e.duration&&e.duration>0?e.duration+2:1800,l=await async function(t,e){return setTimeout(()=>{t()},e)}(()=>d(a),i);return void c.push(l)}catch(t){const n=document.querySelector('[id^="toast-container-"]'),o=i(e,d);return void(n&&n?.id?.includes("toast-container-")?n.appendChild(o):alert(t.substring(0,200)))}}async function d(t){if(s.length>0){const e=s.indexOf(t);-1!==e&&s.splice(e,1)}await async function(t){if(!t)return!0;try{if(t?.parentNode?.id.includes("toast-container-"))return t.parentNode.removeChild(t),!0}catch(e){try{if(t.remove)return t.remove(),!0}catch(e){try{return t.style.display="none",t.style.opacity="0",t.style.pointerEvents="none",t.style.position="absolute",t.style.left="-9999px",!0}catch(t){return!1}}}return!0}(t)}
+/**
+ * @fileoverview A simple toast notification library for any JavaScript framework.
+ * @name Customizable Toast Notifications
+ * @author Priyanshu Patel
+ * @version "3.6.0"
+ * @build Production
+ * @license Apache-2.0
+ * @depends None
+ * @description A lightweight and fully customizable toast notification library
+ * designed for seamless integration with any JavaScript or framework-based UI.
+ * Supports flexible positioning, theming, icons, animations, and timing options
+ * out of the box — with zero dependencies.
+ * Author: Priyanshu Patel
+ * Email: priyanshu.alt191@gmail.com
+ * Created: July 31, 2024
+ * License: Apache-2.0
+ * Dependencies: None
+ */let u={success:"#28a745",error:"#dc3545",warning:"#ffc107",info:"#17a2b8"},p={success:"Operation completed successfully!",error:"Something went wrong!",warning:"Warning message!",info:"Information message!"};const y=[];let m=!1;async function f(e={}){try{const a=await async function(t){const e={duration:1800,position:"bottom-right",type:"info",borderRadius:"50px",backgroundColor:void 0,textColor:void 0,showCloseButton:!0,animationDuration:"0.4s",animationType:"fade",animationEasing:"ease",showProgressBar:!0,progressColor:void 0,progressHeight:"4px",progressPosition:"bottom",fontPosition:"relative",fontPadding:void 0,fontBorderRadius:void 0,fontBackgroundColor:void 0,fontFamily:'-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"',fontSize:"14px",fontWeight:"400",fontLineHeight:"1.4",fontDirection:"auto",wrapText:"normal",..."object"!=typeof t||Array.isArray(t)?{}:t};e.message=t?.message??e.message;try{e.backgroundColor||(e.backgroundColor=u?.[e.type]??(window.matchMedia("(prefers-color-scheme: dark)").matches?"#f5f5f5":"#111111")),e.message=e.message||p?.[e.type]||"No Message Provided!",!e.textColor&&e.backgroundColor&&(e.textColor=await o(e)),!e.progressColor&&e.backgroundColor&&(e.progressColor=await o(e))}catch(t){}"string"!=typeof e.message&&(e.message="No Message Provided!");return e}(e);await async function(e){try{let o=document.getElementById(`toast-container-${e}`);return o||(o=document.createElement("div"),o.id=`toast-container-${e}`,o.style.position="fixed",o.style.zIndex="9999",await t(o,e),await n(document.body,o)),o}catch(t){return document.body}}(a.position),await l(a)}catch(t){const n="string"==typeof e?.message?`${e.message.substring(0,200)} toast creation failed!`:"Toast creation failed!";alert(n)}}let g=!1;async function h(t={}){"undefined"!=typeof window&&"undefined"!=typeof document&&(await async function(){m||"undefined"!=typeof window&&"undefined"!=typeof document&&("complete"===document.readyState||"interactive"===document.readyState?(m=!0,y.forEach(t=>setTimeout(()=>f(t),2e3)),y.length=0):document.addEventListener("DOMContentLoaded",()=>{m=!0,y.forEach(t=>setTimeout(()=>f(t),2e3)),y.length=0},{once:!0}))}(),m?g?await f(t):(g=!0,setTimeout(await f(t),2e3)):y.push(t))}function b(t){try{t&&"object"==typeof t&&!Array.isArray(t)&&(u={...u,...t})}catch(t){}}function w(t){try{t&&"object"==typeof t&&!Array.isArray(t)&&(p={...p,...t})}catch(t){}}function x(){d(document.querySelector('[id^="toast-"]:not([id*="container"])'))}try{"undefined"!=typeof window&&(window.customizableToast={createToast:h,setDefaultColors:b,setDefaultMessages:w})}catch(t){}export{h as createToast,x as noop,b as setDefaultColors,w as setDefaultMessages};
 //# sourceMappingURL=index.esm.mjs.map

package/dist/index.esm.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.esm.mjs","sources":["../src/utils/id.js","../src/components/ToastContainer.js","../src/utils/position.js","../src/utils/dom.js","../src/components/toast-utils.js","../src/components/Toast.js","../src/components/ToastManager.js","../src/index.js"],"sourcesContent":["// src/utils/id.js\r\n\"use strict\";\r\n\r\n/*\r\n Generate unique ID for DOM elements to avoid conflicts\r\n * @param {string} prefix - Optional prefix for ID\r\n * @returns {string} Unique ID\r\n /\r\nexport async function generateUniqueId(prefix) {\r\n return `${prefix}-${Date.now()}-${Math.floor(Math.random() 100000)}`;\r\n}\r\n","// src/components/ToastContainer.js //# Container logic\r\n\"use strict\";\r\n\r\nimport { setPosition } from \"../utils/position.js\";\r\nimport { appendChild } from \"../utils/dom.js\";\r\n\r\n/*\r\n Create toast container with error handling\r\n * @param {string} position - Toast position\r\n * @returns {HTMLElement} Toast container element\r\n /\r\nexport async function createToastContainer(position) {\r\n try {\r\n let toastContainer = document.getElementById(`toast-container-${position}`);\r\n\r\n if (!toastContainer) {\r\n toastContainer = document.createElement(\"div\");\r\n toastContainer.id = `toast-container-${position}`;\r\n toastContainer.style.position = \"fixed\";\r\n toastContainer.style.zIndex = \"9999\";\r\n await setPosition(toastContainer, position);\r\n await appendChild(document.body, toastContainer);\r\n }\r\n\r\n return toastContainer;\r\n } catch (error) {\r\n console.error(\"Failed to create toast container:\", error);\r\n // Fallback: return body element\r\n return document.body;\r\n }\r\n}\r\n","// src/utils/position.js\r\n\"use strict\";\r\n\r\n/\r\n Set position for toast container (EXACT same logic as original)\r\n * @param {HTMLElement} container - Toast container element\r\n * @param {string} position - Position string\r\n /\r\nexport async function setPosition(container, position) {\r\n // Reset all position properties first\r\n container.style.top = \"auto\";\r\n container.style.bottom = \"auto\";\r\n container.style.left = \"auto\";\r\n container.style.right = \"auto\";\r\n container.style.transform = \"none\";\r\n\r\n if (position.includes(\"bottom\")) {\r\n container.style.bottom = \"10px\";\r\n } else if (position.includes(\"top\")) {\r\n container.style.top = \"10px\";\r\n }\r\n\r\n if (position.includes(\"right\")) {\r\n container.style.right = \"10px\";\r\n } else if (position.includes(\"left\")) {\r\n container.style.left = \"10px\";\r\n } else if (position.includes(\"center\")) {\r\n container.style.top = \"50%\";\r\n container.style.left = \"50%\";\r\n container.style.transform = \"translate(-50%, -50%)\";\r\n }\r\n}\r\n","// src/utils/dom.js\r\n\"use strict\";\r\n\r\nimport { generateUniqueId } from \"./id.js\";\r\n\r\n/\r\n Multi-layer fallback DOM element creation\r\n /\r\nexport async function createElementWithId(tagName, prefix) {\r\n // PRIMARY: Standard createElement\r\n try {\r\n if (!tagName \|\| !prefix) throw new Error(`tagName and prefix is required`);\r\n\r\n const el = document.createElement(tagName);\r\n el.id = generateUniqueId(prefix);\r\n return el;\r\n } catch (error) {\r\n console.warn(`Primary createElement failed for`, error);\r\n\r\n // FALLBACK-A: Try div as alternative\r\n try {\r\n const fallbackTag = \"div\";\r\n const fallbackPrefix = \"fallback\";\r\n const fallbackEl = document.createElement(fallbackTag);\r\n fallbackEl.id = generateUniqueId(fallbackPrefix);\r\n fallbackEl.setAttribute(\"data-original-tag\", fallbackTag);\r\n return fallbackEl;\r\n } catch (fallbackError) {\r\n console.error(\"All DOM creation methods failed:\", fallbackError);\r\n }\r\n }\r\n}\r\n\r\n/\r\n Multi-strategy appendChild with graceful degradation\r\n /\r\nexport async function appendChild(parent, child) {\r\n if (!parent \|\| !child) return false;\r\n\r\n // PRIMARY: Standard appendChild\r\n try {\r\n if (!parent.contains(child)) {\r\n parent.appendChild(child);\r\n return true;\r\n }\r\n return true;\r\n } catch (error) {\r\n console.warn(\"Primary appendChild failed:\", error);\r\n\r\n // FALLBACK-A: insertAdjacentElement\r\n try {\r\n parent.insertAdjacentElement(\"beforeend\", child);\r\n return true;\r\n } catch (fallbackError) {\r\n console.warn(\"Fallback appendChild failed:\", fallbackError);\r\n\r\n // FALLBACK-B: Manual positioning\r\n try {\r\n if (parent === document.body) {\r\n child.style.position = \"fixed\";\r\n child.style.top = \"10px\";\r\n child.style.right = \"10px\";\r\n child.style.zIndex = \"99999\";\r\n document.body.insertAdjacentHTML(\"beforeend\", child.outerHTML \|\| \"\");\r\n return true;\r\n }\r\n } catch (emergencyError) {\r\n console.error(\"All append strategies failed:\", emergencyError);\r\n return false;\r\n }\r\n }\r\n }\r\n return false;\r\n}\r\n\r\n/\r\n Safe element removal with multiple strategies\r\n /\r\nexport async function removeElement(el) {\r\n if (!el) return true;\r\n\r\n // PRIMARY: parentNode.removeChild\r\n try {\r\n if (el?.parentNode?.id.includes(\"toast-container-\")) {\r\n el.parentNode.removeChild(el);\r\n return true;\r\n }\r\n } catch (error) {\r\n console.warn(\"Primary removal failed:\", error);\r\n\r\n // FALLBACK-A: element.remove()\r\n try {\r\n if (el.remove) {\r\n el.remove();\r\n return true;\r\n }\r\n } catch (fallbackError) {\r\n console.warn(\"Fallback removal failed:\", fallbackError);\r\n\r\n // FALLBACK-B: Hide instead of remove\r\n try {\r\n el.style.display = \"none\";\r\n el.style.opacity = \"0\";\r\n el.style.pointerEvents = \"none\";\r\n el.style.position = \"absolute\";\r\n el.style.left = \"-9999px\";\r\n return true;\r\n } catch (hideError) {\r\n console.error(\"All removal strategies failed:\", hideError);\r\n return false;\r\n }\r\n }\r\n }\r\n return true;\r\n}\r\n\r\n/\r\n Animation duration parser with fallbacks\r\n /\r\nexport function parseAnimationDuration(duration) {\r\n // PRIMARY: Parse provided duration\r\n try {\r\n if (typeof duration === \"number\" && duration > 0) return duration;\r\n if (typeof duration === \"string\") {\r\n if (duration.endsWith(\"s\") && !duration.endsWith(\"ms\")) {\r\n const parsed = parseFloat(duration) 1000;\r\n return parsed > 0 ? parsed : 500;\r\n }\r\n const parsed = parseFloat(duration);\r\n return parsed > 0 ? parsed : 500;\r\n }\r\n } catch (error) {\r\n console.warn(\"Duration parsing failed:\", error);\r\n }\r\n\r\n // FALLBACK: Safe default\r\n return 500;\r\n}\r\n\r\n/*\r\n Force reflow with error protection\r\n /\r\nexport function forceReflow(el) {\r\n try {\r\n return el?.offsetWidth \|\| 0;\r\n } catch (error) {\r\n console.warn(\"Force reflow failed:\", error);\r\n return 0;\r\n }\r\n}\r\n\r\n/\r\n Query selector shortcut with optional root.\r\n * @param {string} selector\r\n * @param {Document\|HTMLElement} [root=document]\r\n * @returns {Element\|null}\r\n /\r\nexport function query(selector, root = document) {\r\n return root.querySelector(selector);\r\n}\r\n","\"use strict\";\r\n\r\nimport { forceReflow, parseAnimationDuration } from \"../utils/dom.js\";\r\n\r\n/\r\n Create close button for toast\r\n * @param {HTMLElement} toast - Toast element\r\n * @param {Object} options - Toast options\r\n * @param {Function} onClose - Close callback\r\n /\r\nexport function createCloseButton(toast, options, onClose) {\r\n const closeButton = document.createElement(\"button\");\r\n closeButton.innerHTML = \"×\";\r\n Object.assign(closeButton.style, {\r\n background: \"none\",\r\n border: \"none\",\r\n color: options.textColor \|\| \"white\",\r\n fontSize: \"18px\",\r\n marginLeft: \"10px\",\r\n cursor: \"pointer\",\r\n });\r\n\r\n closeButton.onclick = () => onClose(toast);\r\n toast.appendChild(closeButton);\r\n\r\n toast._cleanupCloseButton = () => {\r\n closeButton.onclick = null;\r\n };\r\n}\r\n\r\n/\r\n Create progress bar for toast\r\n * @param {HTMLElement} toast - Toast element\r\n * @param {Object} options - Toast options\r\n /\r\nexport function createProgressBar(toast, options) {\r\n const progressBar = document.createElement(\"div\");\r\n Object.assign(progressBar.style, {\r\n position: \"absolute\",\r\n left: \"0\",\r\n height: options.progressHeight \|\| \"4px\",\r\n background: options.progressColor \|\| \"rgba(255, 255, 255, 0.3)\",\r\n width: \"100%\",\r\n transition: `width ${options.duration \|\| 1800}ms linear`,\r\n [options.progressPosition === \"top\" ? \"top\" : \"bottom\"]: \"0\",\r\n });\r\n\r\n toast.appendChild(progressBar);\r\n\r\n setTimeout(() => {\r\n forceReflow(progressBar);\r\n progressBar.style.width = \"0%\";\r\n }, 100);\r\n}\r\n\r\n/\r\n Run toast fade-in animation\r\n * @param {HTMLElement} toast - Toast element\r\n /\r\nexport function runToastAnimation(toast) {\r\n setTimeout(() => {\r\n toast.style.opacity = \"1\";\r\n toast.style.transform = \"translateY(0)\";\r\n }, 50);\r\n}\r\n\r\n/\r\n Apply rich styling to toast element\r\n * @param {HTMLElement} toast - Toast element\r\n * @param {Object} options - Toast options\r\n * @param {Function} onClose - Close callback\r\n /\r\nexport function applyRichStyling(toast, options, onClose) {\r\n const animDurationMs = parseAnimationDuration(options.animationDuration);\r\n\r\n // Apply full styling\r\n Object.assign(toast.style, {\r\n background: options.backgroundColor \|\| options.color \|\| \"#333\",\r\n color: options.textColor \|\| \"white\",\r\n padding: \"12px 20px\",\r\n marginBottom: \"10px\",\r\n borderRadius: \"5px\",\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n justifyContent: \"space-between\",\r\n boxShadow: \"0 4px 6px rgba(0, 0, 0, 0.1)\",\r\n minWidth: \"250px\",\r\n maxWidth: \"400px\",\r\n opacity: \"0\",\r\n position: \"relative\",\r\n transition: `opacity ${animDurationMs \|\| \"0.5s\"} ${\r\n options.animationEasing \|\| \"ease\"\r\n }, transform ${animDurationMs \|\| \"0.5s\"} ${\r\n options.animationEasing \|\| \"ease\"\r\n }`,\r\n transform: \"translateY(20px)\",\r\n zIndex: \"9999\",\r\n });\r\n\r\n toast._animationDuration = animDurationMs;\r\n\r\n // Message span\r\n const messageSpan = document.createElement(\"span\");\r\n messageSpan.textContent = options.message \|\| \"Notification\";\r\n messageSpan.style.flex = \"1\";\r\n toast.appendChild(messageSpan);\r\n\r\n // Close button\r\n if (options.showCloseButton) {\r\n createCloseButton(toast, options, onClose);\r\n }\r\n\r\n // Progress bar\r\n if (options.showProgressBar) {\r\n createProgressBar(toast, options);\r\n }\r\n\r\n // Animation\r\n runToastAnimation(toast);\r\n}\r\n\r\n/\r\n Create basic fallback toast\r\n * @param {HTMLElement} toast - Toast element\r\n * @param {Object} options - Toast options\r\n * @param {Function} onClose - Close callback\r\n /\r\nexport function createBasicToast(toast, options, onClose) {\r\n // Basic styling only\r\n Object.assign(toast.style, {\r\n background: \"#333\",\r\n color: \"white\",\r\n padding: \"10px 15px\",\r\n margin: \"10px\",\r\n borderRadius: \"3px\",\r\n position: \"fixed\",\r\n top: \"20px\",\r\n right: \"20px\",\r\n zIndex: \"99999\",\r\n maxWidth: \"300px\",\r\n wordWrap: \"break-word\",\r\n });\r\n\r\n toast.textContent = options.message \|\| \"Notification\";\r\n\r\n if (options.showCloseButton) {\r\n toast.style.cursor = \"pointer\";\r\n toast.onclick = () => onClose(toast);\r\n }\r\n\r\n toast._animationDuration = 500;\r\n}\r\n\r\n/\r\n Emergency toast as last resort\r\n * @param {Object} options - Toast options\r\n * @param {Function} onClose - Close callback\r\n /\r\nexport function createEmergencyToast(options, onClose) {\r\n try {\r\n // Create emergency div\r\n const emergency = document.createElement(\"div\");\r\n emergency.id = `emergency-${Date.now()}`;\r\n emergency.innerHTML = `\r\n <div style=\"\r\n background: #333 !important;\r\n color: white !important;\r\n padding: 10px 15px !important;\r\n position: fixed !important;\r\n top: 20px !important;\r\n right: 20px !important;\r\n z-index: 99999 !important;\r\n border-radius: 3px !important;\r\n max-width: 250px !important;\r\n word-wrap: break-word !important;\r\n font-family: Arial, sans-serif !important;\r\n font-size: 14px !important;\r\n box-shadow: 0 2px 10px rgba(0,0,0,0.3) !important;\r\n cursor: pointer !important;\r\n \" onclick=\"this.parentNode.removeChild(this)\">\r\n ${options.message \|\| \"Emergency Toast Creation Showing!\"}\r\n <span style=\"float: right; margin-left: 10px; font-weight: bold;\">×</span>\r\n </div>\r\n `;\r\n\r\n emergency._animationDuration = 500;\r\n emergency._isEmergencyToast = true;\r\n\r\n // Auto remove\r\n setTimeout(() => {\r\n try {\r\n if (emergency.parentNode) {\r\n emergency.parentNode.removeChild(emergency);\r\n }\r\n onClose(emergency);\r\n } catch (error) {\r\n console.warn(\"Emergency cleanup failed:\", error);\r\n }\r\n }, options.duration \|\| 1800);\r\n\r\n return emergency;\r\n } catch (emergencyError) {\r\n console.error(\"Emergency toast creation failed:\", emergencyError);\r\n\r\n // ULTIMATE FALLBACK: Alert\r\n setTimeout(() => {\r\n try {\r\n alert(options.message \|\| \"Toast Creation Failed!\");\r\n onClose(null);\r\n } catch (alertError) {\r\n console.error(\"Ultimate fallback failed:\", alertError);\r\n onClose(null);\r\n }\r\n }, 100);\r\n\r\n return null;\r\n }\r\n}\r\n\r\nexport async function safeSetTimeout(fn, delay) {\r\n const id = setTimeout(() => {\r\n console.warn(\"Timer fired after\", delay, \"ms\");\r\n fn();\r\n }, delay);\r\n\r\n console.warn(\"Timer scheduled with id:\", id, \"delay:\", delay);\r\n return id;\r\n}\r\n","// src/components/Toast.js //# Single responsibility\r\n\"use strict\";\r\n\r\nimport { createElementWithId } from \"../utils/dom.js\";\r\nimport { applyRichStyling, createEmergencyToast } from \"./toast-utils.js\";\r\n\r\n/\r\n Multi-layer toast creation with satellite-grade fallbacks\r\n * @param {Object} options - Toast configuration options\r\n * @param {Function} onClose - Callback when toast closes\r\n * @returns {HTMLElement} Toast element\r\n /\r\nexport async function createToastElement(options, onClose) {\r\n let toastContainer = document.querySelector('[id^=\"toast-container-\"]');\r\n if (!toastContainer) return null;\r\n\r\n let toast;\r\n const tagName = \"div\";\r\n const prefix = \"toast\";\r\n\r\n // PRIMARY: Full-featured toast\r\n try {\r\n toast = await createElementWithId(tagName, prefix);\r\n applyRichStyling(toast, options, onClose);\r\n return toast;\r\n } catch (error) {\r\n console.warn(\"error:\", error);\r\n createEmergencyToast(options, onClose);\r\n return toast;\r\n }\r\n}\r\n","// src/components/ToastManager.js //# State management\r\n\"use strict\";\r\n\r\nimport { createToastContainer } from \"./ToastContainer.js\";\r\nimport { createToastElement } from \"./Toast.js\";\r\nimport { removeElement } from \"../utils/dom.js\";\r\nimport { createEmergencyToast, safeSetTimeout } from \"./toast-utils.js\";\r\n\r\n// State management with fallback tracking\r\nlet isToastShowing = false;\r\nlet emergencyCleanupScheduled = false;\r\nlet currentToast = [];\r\nlet emergencyTimeouts = [];\r\n\r\n/\r\n Show toast with comprehensive fallback system\r\n /\r\nexport async function showToast(options) {\r\n // PRIMARY: Full toast system\r\n try {\r\n const container = await createToastContainer(options.position);\r\n const toast = await createToastElement(options, closeToast);\r\n\r\n if (!toast) {\r\n throw new Error(\"Toast element creation failed!\");\r\n }\r\n\r\n currentToast.push(toast);\r\n\r\n // Append to container\r\n if (container.id.includes(\"toast-container-\")) {\r\n container.appendChild(toast);\r\n }\r\n\r\n // Schedule auto-dismiss\r\n const cleanUpTime =\r\n typeof options.duration === \"number\" && options.duration > 0\r\n ? options.duration + 2\r\n : 1800; //safety margin\r\n const dismissTimeout = await safeSetTimeout(\r\n () => closeToast(toast),\r\n cleanUpTime\r\n );\r\n emergencyTimeouts.push(dismissTimeout);\r\n return;\r\n } catch (primaryError) {\r\n console.warn(\r\n \"Primary toast system failed showing emergency toast:\",\r\n primaryError\r\n );\r\n const elContainer = document.querySelector('[id^=\"toast-container-\"]');\r\n const emergencyToast = createEmergencyToast(options, closeToast);\r\n elContainer && elContainer?.id?.includes(\"toast-container-\")\r\n ? elContainer.appendChild(emergencyToast)\r\n : alert(primaryError.substring(0, 200));\r\n return;\r\n }\r\n}\r\n\r\n/\r\n Create simple toast for fallback\r\n /\r\nfunction createSimpleToast(options) {\r\n const simple = document.createElement(\"div\");\r\n simple.style.cssText = `\r\n position: fixed !important;\r\n top: 20px !important;\r\n right: 20px !important;\r\n background: #333 !important;\r\n color: white !important;\r\n padding: 12px 20px !important;\r\n border-radius: 5px !important;\r\n z-index: 99999 !important;\r\n max-width: 300px !important;\r\n font-family: Arial, sans-serif !important;\r\n cursor: pointer !important;\r\n `;\r\n simple.textContent = options.message \|\| \"Created Simple Toast!\";\r\n simple.onclick = () => closeToast(simple);\r\n return simple;\r\n}\r\n\r\n/\r\n Close toast with multi-strategy cleanup\r\n /\r\nexport async function closeToast(toast) {\r\n if (currentToast.length > 0) {\r\n const index = currentToast.indexOf(toast);\r\n if (index !== -1) {\r\n currentToast.splice(index, 1);\r\n }\r\n }\r\n await removeElement(toast);\r\n}\r\n\r\n/\r\n Perform comprehensive cleanup\r\n /\r\nasync function performCleanup(toast) {\r\n try {\r\n // Cleanup event listeners\r\n if (toast._cleanupCloseButton) {\r\n toast._cleanupCloseButton();\r\n }\r\n\r\n // Remove from DOM\r\n removeElement(toast);\r\n\r\n // Reset state\r\n resetToastState();\r\n } catch (error) {\r\n console.error(\"Cleanup failed:\", error);\r\n forceEmergencyCleanup();\r\n }\r\n}\r\n\r\n/\r\n Reset all toast state\r\n /\r\nfunction resetToastState() {\r\n isToastShowing = false;\r\n currentToast = [];\r\n\r\n // Clear all timeouts\r\n emergencyTimeouts.forEach((id) => {\r\n try {\r\n clearTimeout(id);\r\n } catch (error) {\r\n console.warn(\"Timeout clear failed:\", error);\r\n }\r\n });\r\n emergencyTimeouts.pop();\r\n emergencyCleanupScheduled = false;\r\n}\r\n\r\n/\r\n Schedule emergency cleanup\r\n /\r\nfunction scheduleEmergencyCleanup(duration) {\r\n const cleanUpTime = typeof duration === \"number\" ? duration + 2 : 1800; //safety margin\r\n const emergencyTimeout = setTimeout(() => {\r\n console.warn(\"Emergency cleanup triggered\");\r\n forceEmergencyCleanup();\r\n }, cleanUpTime);\r\n\r\n emergencyTimeouts.push(emergencyTimeout);\r\n}\r\n\r\n/\r\n Force emergency cleanup of everything\r\n /\r\nasync function forceEmergencyCleanup() {\r\n try {\r\n // Remove current toast\r\n if (currentToast) {\r\n removeElement(currentToast);\r\n }\r\n\r\n // Clean up any orphaned toast elements\r\n const orphanedToasts = document.querySelectorAll(\r\n '[id^=\"toast-\"]:not([id=\"container\"]), [id=\"emergency\"]'\r\n );\r\n orphanedToasts.forEach((element) => {\r\n try {\r\n removeElement(element);\r\n } catch (error) {\r\n console.warn(\"Orphaned element cleanup failed:\", error);\r\n }\r\n });\r\n\r\n // Reset all state\r\n resetToastState();\r\n } catch (error) {\r\n console.error(\"Force cleanup failed:\", error);\r\n // Final state reset\r\n isToastShowing = false;\r\n currentToast = [];\r\n }\r\n}\r\n","// src/index.js\r\n/\r\n @fileoverview A simple toast notification library for any JavaScript framework.\r\n * @name Customizable Toast Notifications\r\n * @author Priyanshu Patel\r\n * @version __VERSION__\r\n * @build Production\r\n * @license Apache-2.0\r\n * @depends None\r\n * @description A lightweight and fully customizable toast notification library\r\n * designed for seamless integration with any JavaScript or framework-based UI.\r\n * Supports flexible positioning, theming, icons, animations, and timing options\r\n * out of the box — with zero dependencies.\r\n * Author: Priyanshu Patel\r\n * Email: priyanshu.alt191@gmail.com\r\n * Created: July 31, 2024\r\n * License: Apache-2.0\r\n * Dependencies: None\r\n /\r\n\r\n\"use strict\";\r\n\r\nimport { closeToast, showToast } from \"./components/ToastManager.js\";\r\n\r\n// Protected state with fallbacks\r\nlet defaultColors = {\r\n success: \"#28a745\",\r\n error: \"#dc3545\",\r\n warning: \"#ffc107\",\r\n info: \"#17a2b8\",\r\n};\r\n\r\nlet defaultMessages = {\r\n success: \"Operation completed successfully!\",\r\n error: \"Something went wrong!\",\r\n warning: \"Warning message!\",\r\n info: \"Information message!\",\r\n};\r\n\r\n/\r\n Create toast with satellite-grade reliability\r\n /\r\nasync function createToast(options = {}) {\r\n try {\r\n // Input sanitization and validation\r\n const sanitizedOptions = await sanitizeToastOptions(options);\r\n\r\n // Call main toast system\r\n await showToast(sanitizedOptions);\r\n } catch (error) {\r\n console.error(\"CreateToast failed:\", error);\r\n\r\n // ULTIMATE FALLBACK: Browser alert with sanitized message\r\n const safeMessage =\r\n typeof options?.message === \"string\"\r\n ? `${options.message.substring(0, 200)} toast creation failed!`\r\n : \"Toast creation failed!\";\r\n\r\n alert(safeMessage);\r\n }\r\n}\r\n\r\n// Params sanitization and validation for toast creation\r\nasync function sanitizeToastOptions(options) {\r\n const defaults = {\r\n duration: 1800,\r\n position: \"bottom-right\",\r\n type: \"info\",\r\n backgroundColor: undefined,\r\n textColor: \"white\",\r\n showCloseButton: false,\r\n animationDuration: \"0.5s\",\r\n animationEasing: \"ease\",\r\n showProgressBar: false,\r\n progressColor: undefined,\r\n progressHeight: \"4px\",\r\n progressPosition: \"bottom\",\r\n };\r\n\r\n // Start with safe defaults\r\n let final = { ...defaults };\r\n\r\n // Merge user options safely\r\n if (options && typeof options === \"object\" && !Array.isArray(options)) {\r\n Object.keys(defaults).forEach((key) => {\r\n if (options.hasOwnProperty(key)) {\r\n final[key] = options[key];\r\n }\r\n });\r\n\r\n // Handle message separately\r\n if (options.message !== undefined \|\| options.message !== \"undefined\") {\r\n final.message = options.message;\r\n }\r\n }\r\n\r\n // Validate and apply defaults\r\n try {\r\n if (!final.backgroundColor && final.type && defaultColors[final.type]) {\r\n final.backgroundColor = defaultColors[final.type];\r\n }\r\n\r\n if (!final.message && final.type && defaultMessages[final.type]) {\r\n final.message = defaultMessages[final.type];\r\n }\r\n } catch (error) {\r\n console.warn(\"Option processing failed:\", error);\r\n }\r\n\r\n // Final safety checks\r\n if (!final.message \|\| typeof final.message !== \"string\") {\r\n final.message = \"No Message Provided!\";\r\n }\r\n\r\n // should dlt if (typeof final.duration !== \"number\" \|\| final.duration < 100) {\r\n // final.duration = defaults.duration;\r\n // }\r\n\r\n return final;\r\n}\r\n\r\n/\r\n Set default colors with validation\r\n /\r\nfunction setDefaultColors(colors) {\r\n try {\r\n if (colors && typeof colors === \"object\" && !Array.isArray(colors)) {\r\n defaultColors = { ...defaultColors, ...colors };\r\n }\r\n } catch (error) {\r\n console.error(\"setDefaultColors failed:\", error);\r\n }\r\n}\r\n\r\n/\r\n Set default messages with validation\r\n /\r\nfunction setDefaultMessages(messages) {\r\n try {\r\n if (messages && typeof messages === \"object\" && !Array.isArray(messages)) {\r\n defaultMessages = { ...defaultMessages, ...messages };\r\n }\r\n } catch (error) {\r\n console.error(\"setDefaultMessages failed:\", error);\r\n }\r\n}\r\n\r\nfunction noop() {\r\n const toast = document.querySelector('[id^=\"toast-\"]:not([id=\"container\"])');\r\n closeToast(toast);\r\n}\r\n\r\n// Module exports\r\nexport { createToast, setDefaultColors, setDefaultMessages, noop };\r\n\r\n// Global assignment with protection\r\ntry {\r\n // UMD/Global support\r\n if (typeof window !== \"undefined\") {\r\n window.customizableToast = {\r\n createToast,\r\n setDefaultColors,\r\n setDefaultMessages,\r\n };\r\n }\r\n} catch (error) {\r\n console.error(\"Global assignment failed:\", error);\r\n}\r\n"],"names":["async","generateUniqueId","prefix","Date","now","Math","floor","random","createToastContainer","position","toastContainer","document","getElementById","createElement","id","style","zIndex","container","top","bottom","left","right","transform","includes","setPosition","parent","child","contains","appendChild","error","insertAdjacentElement","fallbackError","body","insertAdjacentHTML","outerHTML","emergencyError","applyRichStyling","toast","options","onClose","animDurationMs","duration","endsWith","parsed","parseFloat","parseAnimationDuration","animationDuration","Object","assign","background","backgroundColor","color","textColor","padding","marginBottom","borderRadius","display","alignItems","justifyContent","boxShadow","minWidth","maxWidth","opacity","transition","animationEasing","_animationDuration","messageSpan","textContent","message","flex","showCloseButton","closeButton","innerHTML","border","fontSize","marginLeft","cursor","onclick","_cleanupCloseButton","createCloseButton","showProgressBar","progressBar","height","progressHeight","progressColor","width","progressPosition","setTimeout","el","offsetWidth","forceReflow","createProgressBar","runToastAnimation","createEmergencyToast","emergency","_isEmergencyToast","parentNode","removeChild","alert","alertError","createToastElement","querySelector","tagName","Error","fallbackTag","fallbackPrefix","fallbackEl","setAttribute","createElementWithId","currentToast","emergencyTimeouts","showToast","closeToast","push","cleanUpTime","dismissTimeout","fn","delay","safeSetTimeout","primaryError","elContainer","emergencyToast","substring","length","index","indexOf","splice","remove","pointerEvents","hideError","removeElement","defaultColors","success","warning","info","defaultMessages","createToast","sanitizedOptions","defaults","type","undefined","final","Array","isArray","keys","forEach","key","hasOwnProperty","sanitizeToastOptions","safeMessage","setDefaultColors","colors","setDefaultMessages","messages","noop","window","customizableToast"],"mappings":"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"}
1	+ {"version":3,"file":"index.esm.mjs","sources":["../src/utils/position.js","../src/utils/id.js","../src/utils/dom.js","../src/components/toast-utils.js","../src/components/Toast.js","../src/components/ToastManager.js","../src/components/ToastContainer.js","../src/index.js"],"sourcesContent":["// src/utils/position.js\r\n\"use strict\";\r\n\r\n/*\r\n Set position for toast container (EXACT same logic as original)\r\n * @param {HTMLElement} container - Toast container element\r\n * @param {string} position - Position string\r\n /\r\nexport async function setPosition(container, position) {\r\n // Reset all position properties first\r\n container.style.top = \"auto\";\r\n container.style.bottom = \"auto\";\r\n container.style.left = \"auto\";\r\n container.style.right = \"auto\";\r\n container.style.transform = \"none\";\r\n\r\n if (position.includes(\"bottom\")) {\r\n container.style.bottom = \"10px\";\r\n } else if (position.includes(\"top\")) {\r\n container.style.top = \"10px\";\r\n }\r\n\r\n if (position.includes(\"right\")) {\r\n container.style.right = \"10px\";\r\n } else if (position.includes(\"left\")) {\r\n container.style.left = \"10px\";\r\n } else if (position.includes(\"center\")) {\r\n container.style.top = \"50%\";\r\n container.style.left = \"50%\";\r\n container.style.transform = \"translate(-50%, -50%)\";\r\n }\r\n}\r\n","// src/utils/id.js\r\n\"use strict\";\r\n\r\n/\r\n Generate unique ID for DOM elements to avoid conflicts\r\n * @param {string} prefix - Optional prefix for ID\r\n * @returns {string} Unique ID\r\n /\r\nexport async function generateUniqueId(prefix) {\r\n return `${prefix}-${Date.now()}-${Math.floor(Math.random() 100000)}`;\r\n}\r\n","// src/utils/dom.js\r\n\"use strict\";\r\n\r\nimport { generateUniqueId } from \"./id.js\";\r\n\r\n/*\r\n Multi-layer fallback DOM element creation\r\n /\r\nexport async function createElementWithId(tagName, prefix) {\r\n // PRIMARY: Standard createElement\r\n try {\r\n if (!tagName \|\| !prefix) throw new Error(`tagName and prefix is required`);\r\n\r\n const el = document.createElement(tagName);\r\n el.id = await generateUniqueId(prefix);\r\n return el;\r\n } catch (error) {\r\n console.warn(`Primary createElement failed for`, error);\r\n\r\n // FALLBACK-A: Try div as alternative\r\n try {\r\n const fallbackTag = \"div\";\r\n const fallbackPrefix = \"fallback\";\r\n const fallbackEl = document.createElement(fallbackTag);\r\n fallbackEl.id = await generateUniqueId(fallbackPrefix);\r\n fallbackEl.setAttribute(\"data-original-tag\", fallbackTag);\r\n return fallbackEl;\r\n } catch (fallbackError) {\r\n console.error(\"All DOM creation methods failed:\", fallbackError);\r\n }\r\n }\r\n}\r\n\r\n/\r\n Multi-strategy appendChild with graceful degradation\r\n /\r\nexport async function appendChild(parent, child) {\r\n if (!parent \|\| !child) return false;\r\n\r\n // PRIMARY: Standard appendChild\r\n try {\r\n if (!parent.contains(child)) {\r\n parent.appendChild(child);\r\n return true;\r\n }\r\n return true;\r\n } catch (error) {\r\n console.warn(\"Primary appendChild failed:\", error);\r\n\r\n // FALLBACK-A: insertAdjacentElement\r\n try {\r\n parent.insertAdjacentElement(\"beforeend\", child);\r\n return true;\r\n } catch (fallbackError) {\r\n console.warn(\"Fallback appendChild failed:\", fallbackError);\r\n\r\n // FALLBACK-B: Manual positioning\r\n // Emergency fallback removed: avoid using outerHTML (drops listeners & risks XSS).\r\n // Final attempt: clone and append using standard APIs.\r\n try {\r\n if (parent === document.body) {\r\n const clone = child.cloneNode(true);\r\n parent.appendChild(clone);\r\n return true;\r\n }\r\n } catch (emergencyError) {\r\n console.error(\"All append strategies failed:\", emergencyError);\r\n return false;\r\n }\r\n }\r\n }\r\n return false;\r\n}\r\n\r\n/\r\n Safe element removal with multiple strategies\r\n /\r\nexport async function removeElement(el) {\r\n if (!el) return true;\r\n\r\n // PRIMARY: parentNode.removeChild\r\n try {\r\n if (el?.parentNode?.id.includes(\"toast-container-\")) {\r\n el.parentNode.removeChild(el);\r\n return true;\r\n }\r\n } catch (error) {\r\n console.warn(\"Primary removal failed:\", error);\r\n\r\n // FALLBACK-A: element.remove()\r\n try {\r\n if (el.remove) {\r\n el.remove();\r\n return true;\r\n }\r\n } catch (fallbackError) {\r\n console.warn(\"Fallback removal failed:\", fallbackError);\r\n\r\n // FALLBACK-B: Hide instead of remove\r\n try {\r\n el.style.display = \"none\";\r\n el.style.opacity = \"0\";\r\n el.style.pointerEvents = \"none\";\r\n el.style.position = \"absolute\";\r\n el.style.left = \"-9999px\";\r\n return true;\r\n } catch (hideError) {\r\n console.error(\"All removal strategies failed:\", hideError);\r\n return false;\r\n }\r\n }\r\n }\r\n return true;\r\n}\r\n\r\n/\r\n Animation duration parser with fallbacks\r\n /\r\nexport async function parseAnimationDuration(duration) {\r\n // PRIMARY: Parse provided duration\r\n try {\r\n if (typeof duration === \"number\" && duration > 0) return duration;\r\n if (typeof duration === \"string\") {\r\n if (duration.endsWith(\"s\") && !duration.endsWith(\"ms\")) {\r\n const parsed = parseFloat(duration) 1000;\r\n return parsed > 0 ? parsed : 500;\r\n }\r\n const parsed = parseFloat(duration);\r\n return parsed > 0 ? parsed : 500;\r\n }\r\n } catch (error) {\r\n console.warn(\"Duration parsing failed:\", error);\r\n }\r\n\r\n // FALLBACK: Safe default\r\n return 500;\r\n}\r\n\r\n/*\r\n Force reflow with error protection\r\n /\r\nexport function forceReflow(el) {\r\n try {\r\n return el?.offsetWidth \|\| 0;\r\n } catch (error) {\r\n console.warn(\"Force reflow failed:\", error);\r\n return 0;\r\n }\r\n}\r\n\r\n/\r\n Query selector shortcut with optional root.\r\n * @param {string} selector\r\n * @param {Document\|HTMLElement} [root=document]\r\n * @returns {Element\|null}\r\n /\r\nexport function query(selector, root = document) {\r\n return root.querySelector(selector);\r\n}\r\n\r\nexport async function getTextColor(options) {\r\n return options.backgroundColor &&\r\n (await contrast(options.backgroundColor)) > 3.5\r\n ? \"black\"\r\n : \"white\";\r\n}\r\n\r\nasync function contrast(color) {\r\n let r, g, b;\r\n\r\n // If color is in hex format\r\n if (color.startsWith(\"#\")) {\r\n const hex = color.substring(1);\r\n if (hex.length === 3) {\r\n r = parseInt(hex[0] + hex[0], 16);\r\n g = parseInt(hex[1] + hex[1], 16);\r\n b = parseInt(hex[2] + hex[2], 16);\r\n } else {\r\n r = parseInt(hex.substring(0, 2), 16);\r\n g = parseInt(hex.substring(2, 4), 16);\r\n b = parseInt(hex.substring(4, 6), 16);\r\n }\r\n }\r\n // If color is in rgb/rgba format\r\n else if (color.startsWith(\"rgb\") \|\| color.startsWith(\"rgba\")) {\r\n const match = color.match(\r\n /^rgba?\$(\\d+),\\s(\\d+),\\s(\\d+)(?:,\\s(\\d+(?:\\.\\d+)?))?\$$/\r\n );\r\n if (match) {\r\n r = parseInt(match[1]);\r\n g = parseInt(match[2]);\r\n b = parseInt(match[3]);\r\n }\r\n }\r\n // If color is a color name\r\n else {\r\n const colorMap = {\r\n black: [0, 0, 0],\r\n white: [255, 255, 255],\r\n // Add more color names as needed\r\n };\r\n const colorArray = colorMap[color.toLowerCase()];\r\n if (colorArray) {\r\n r = colorArray[0];\r\n g = colorArray[1];\r\n b = colorArray[2];\r\n } else {\r\n throw new Error(`Unsupported color format: ${color}`);\r\n }\r\n }\r\n\r\n const l1 = (r * 0.2126 + g * 0.7152 + b * 0.0722) / 255;\r\n const l2 = 0.05;\r\n return (Math.max(l1, l2) + 0.05) / Math.min(l1, l2);\r\n}\r\n","\"use strict\";\r\n\r\nimport { forceReflow, parseAnimationDuration } from \"../utils/dom.js\";\r\n\r\n/*\r\n Create close button for toast\r\n * @param {HTMLElement} toast - Toast element\r\n * @param {Object} options - Toast options\r\n * @param {Function} onClose - Close callback\r\n /\r\nexport async function createCloseButton(toast, options, onClose) {\r\n const closeButton = document.createElement(\"button\");\r\n // Accessibility + avoid innerHTML (XSS surface)\r\n closeButton.setAttribute(\"aria-label\", \"Close notification\");\r\n closeButton.setAttribute(\"title\", \"Close\");\r\n closeButton.textContent = \"×\"; // U+00D7 multiplication sign\r\n Object.assign(closeButton.style, {\r\n background: \"none\",\r\n border: \"none\",\r\n color: options.textColor,\r\n fontSize: \"18px\",\r\n marginLeft: \"10px\",\r\n cursor: \"pointer\",\r\n });\r\n\r\n closeButton.onclick = () => onClose(toast);\r\n toast.appendChild(closeButton);\r\n\r\n toast._cleanupCloseButton = () => {\r\n closeButton.onclick = null;\r\n };\r\n}\r\n\r\n/\r\n Create progress bar for toast\r\n * @param {HTMLElement} toast - Toast element\r\n * @param {Object} options - Toast options\r\n /\r\nexport async function createProgressBar(toast, options) {\r\n const progressBar = document.createElement(\"div\");\r\n Object.assign(progressBar.style, {\r\n position: \"absolute\",\r\n left: \"0\",\r\n height: options.progressHeight \|\| \"4px\",\r\n background: options.progressColor \|\| \"rgba(255, 255, 255, 0.3)\",\r\n width: \"100%\",\r\n transition: `width ${options.duration \|\| 1800}ms linear`,\r\n [options.progressPosition === \"top\" ? \"top\" : \"bottom\"]: \"0\",\r\n });\r\n\r\n toast.appendChild(progressBar);\r\n\r\n setTimeout(() => {\r\n forceReflow(progressBar);\r\n progressBar.style.width = \"0%\";\r\n }, 100);\r\n}\r\n\r\n/\r\n Run toast fade-in animation\r\n * @param {HTMLElement} toast - Toast element\r\n /\r\nexport async function runToastAnimation(toast) {\r\n setTimeout(() => {\r\n requestAnimationFrame(() => {\r\n toast.style.opacity = \"1\";\r\n toast.style.transform = \"translateY(0)\";\r\n });\r\n }, 50);\r\n}\r\n\r\n/\r\n Apply rich styling to toast element\r\n * @param {HTMLElement} toast - Toast element\r\n * @param {Object} options - Toast options\r\n * @param {Function} onClose - Close callback\r\n /\r\nexport async function applyRichStyling(toast, options, onClose) {\r\n const animDurationMs = await parseAnimationDuration(\r\n options.animationDuration\r\n );\r\n\r\n // Apply full styling\r\n Object.assign(toast.style, {\r\n background: options.backgroundColor,\r\n padding: \"12px 20px\",\r\n marginBottom: \"10px\",\r\n borderRadius: options.borderRadius,\r\n overflow: \"hidden\",\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n justifyContent: \"space-between\",\r\n boxShadow: \"0 4px 6px rgba(0, 0, 0, 0.1)\",\r\n minWidth: \"250px\",\r\n maxWidth: \"400px\",\r\n opacity: \"0\",\r\n position: \"relative\",\r\n transition: `opacity ${options.animationDuration} ${options.animationEasing}, transform ${options.animationDuration} ${options.animationEasing}`,\r\n transform: \"translateY(20px)\",\r\n zIndex: \"9999\",\r\n // willChange: \"opacity, transform\",\r\n });\r\n\r\n // TODO! Later\r\n // await animateElement(toast, {\r\n // animationType: options.animationType,\r\n // duration: animDurationMs,\r\n // easing: options.animationEasing,\r\n // });\r\n\r\n toast._animationDuration = animDurationMs;\r\n\r\n // Message span\r\n const messageSpan = document.createElement(\"span\");\r\n\r\n // Layout & positioning\r\n messageSpan.style.position = options.fontPosition;\r\n messageSpan.style.display = \"inline-block\"; // ensure consistent layout\r\n messageSpan.style.flex = \"1\";\r\n\r\n // Spacing & container styling\r\n messageSpan.style.padding = options.fontPadding;\r\n messageSpan.style.borderRadius = options.fontBorderRadius;\r\n messageSpan.style.background = options.fontBackgroundColor;\r\n\r\n // Font stack (system + emoji + fallback)\r\n messageSpan.style.fontFamily = options.fontFamily;\r\n\r\n // Font size & readability\r\n messageSpan.style.fontSize = options.fontSize; // minimum for readability\r\n messageSpan.style.fontWeight = options.fontWeight;\r\n messageSpan.style.lineHeight = options.fontLineHeight; // balance readability\r\n\r\n //TODO LATER Icons (auto dark/light fallback)\r\n // messageSpan.style.color =\r\n // options.iconColor \|\|\r\n // (window.matchMedia(\"(prefers-color-scheme: dark)\").matches\r\n // ? \"#f5f5f5\"\r\n // : \"#111111\");\r\n\r\n // Colors (auto dark/light fallback)\r\n messageSpan.style.color = options.textColor;\r\n\r\n // Accessibility\r\n messageSpan.style.userSelect = \"text\"; // allow copy/paste if needed\r\n messageSpan.style.wordBreak = \"break-word\"; // avoid layout breaking on long strings\r\n messageSpan.style.direction = options.fontDirection; // RTL/LTR auto-detect\r\n // ✅ Multi-line ellipsis (max 3 lines)\r\n messageSpan.style.webkitLineClamp = \"3\"; // maximum 3 lines\r\n messageSpan.style.webkitBoxOrient = \"vertical\";\r\n messageSpan.style.whiteSpace = options.wrapText ? \"normal\" : \"nowrap\"; // allow wrapping if wanted\r\n messageSpan.style.display = \"block\";\r\n messageSpan.style.overflow = \"hidden\";\r\n messageSpan.style.textOverflow = \"ellipsis\";\r\n messageSpan.style.lineClamp = \"3\"; // modern property\r\n messageSpan.style.boxOrient = \"vertical\"; // non-prefixed\r\n messageSpan.style.display = \"-webkit-box\";\r\n // messageSpan.style.mixBlendMode = \"difference\";\r\n // Assign message\r\n messageSpan.textContent = options.message;\r\n messageSpan.setAttribute(\"aria-label\", \"Toast Notification Center\");\r\n messageSpan.setAttribute(\"title\", options.message);\r\n // Add to toast\r\n toast.appendChild(messageSpan);\r\n\r\n // TODO Icon Later\r\n // if (options.icon) {\r\n // createIcon(toast, options);\r\n // }\r\n\r\n // Close button\r\n if (options.showCloseButton) {\r\n await createCloseButton(toast, options, onClose);\r\n }\r\n\r\n // Progress bar\r\n if (options.showProgressBar) {\r\n await createProgressBar(toast, options);\r\n }\r\n\r\n // Animation\r\n await runToastAnimation(toast);\r\n}\r\n\r\n/\r\n Create basic fallback toast\r\n * @param {HTMLElement} toast - Toast element\r\n * @param {Object} options - Toast options\r\n * @param {Function} onClose - Close callback\r\n /\r\nexport async function createBasicToast(toast, options, onClose) {\r\n // Basic styling only\r\n Object.assign(toast.style, {\r\n background: \"#333\",\r\n color: \"white\",\r\n padding: \"10px 15px\",\r\n margin: \"10px\",\r\n borderRadius: \"3px\",\r\n position: \"fixed\",\r\n top: \"20px\",\r\n right: \"20px\",\r\n zIndex: \"99999\",\r\n maxWidth: \"300px\",\r\n wordWrap: \"break-word\",\r\n });\r\n\r\n toast.textContent = options.message;\r\n\r\n if (options.showCloseButton) {\r\n toast.style.cursor = \"pointer\";\r\n toast.onclick = () => onClose(toast);\r\n }\r\n\r\n toast._animationDuration = 500;\r\n}\r\n\r\n// CSS injection function\r\nasync function injectToastStyles() {\r\n if (document.getElementById(\"ctoast-styles\")) return; // Already injected\r\n\r\n const style = document.createElement(\"style\");\r\n style.id = \"ctoast-styles\";\r\n style.textContent = `\r\n .ctoast-toast {\r\n padding: 12px 20px;\r\n margin-bottom: 10px;\r\n border-radius: 5px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n box-shadow: 0 4px 6px rgba(0,0,0,0.1);\r\n min-width: 250px;\r\n max-width: 400px;\r\n opacity: 0;\r\n position: relative;\r\n transform: translateY(20px);\r\n z-index: 9999;\r\n }\r\n\r\n .ctoast-message {\r\n flex: 1;\r\n }\r\n\r\n .ctoast-close {\r\n cursor: pointer;\r\n margin-left: 10px;\r\n font-weight: bold;\r\n background: transparent;\r\n border: none;\r\n }\r\n\r\n .ctoast-progress {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n height: 4px;\r\n background: rgba(255,255,255,0.7);\r\n width: 100%;\r\n transform-origin: left;\r\n }\r\n\r\n .ctoast-show {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n `;\r\n document.head.appendChild(style);\r\n}\r\n\r\n/\r\n Emergency toast as last resort\r\n * @param {Object} options - Toast options\r\n * @param {Function} onClose - Close callback\r\n /\r\nexport async function createEmergencyToast(options, onClose) {\r\n try {\r\n // Create emergency div\r\n const emergency = document.createElement(\"div\");\r\n emergency.id = `emergency-${Date.now()}`;\r\n emergency.innerHTML = `\r\n <div style=\"\r\n background: #333 !important;\r\n color: white !important;\r\n padding: 10px 15px !important;\r\n position: fixed !important;\r\n top: 20px !important;\r\n right: 20px !important;\r\n z-index: 99999 !important;\r\n border-radius: 3px !important;\r\n max-width: 250px !important;\r\n word-wrap: break-word !important;\r\n font-family: Arial, sans-serif !important;\r\n font-size: 14px !important;\r\n box-shadow: 0 2px 10px rgba(0,0,0,0.3) !important;\r\n cursor: pointer !important;\r\n \" onclick=\"this.parentNode.removeChild(this)\">\r\n ${options.message \|\| \"Emergency Toast Creation Showing!\"}\r\n <span style=\"float: right; margin-left: 10px; font-weight: bold;\">×</span>\r\n </div>\r\n `;\r\n\r\n emergency._animationDuration = 500;\r\n emergency._isEmergencyToast = true;\r\n\r\n // Auto remove\r\n setTimeout(() => {\r\n try {\r\n if (emergency.parentNode) {\r\n emergency.parentNode.removeChild(emergency);\r\n }\r\n onClose(emergency);\r\n } catch (error) {\r\n console.warn(\"Emergency cleanup failed:\", error);\r\n }\r\n }, options.duration \|\| 1800);\r\n\r\n return emergency;\r\n } catch (emergencyError) {\r\n console.error(\"Emergency toast creation failed:\", emergencyError);\r\n\r\n // ULTIMATE FALLBACK: Alert\r\n setTimeout(() => {\r\n try {\r\n alert(options.message \|\| \"Toast Creation Failed!\");\r\n onClose(null);\r\n } catch (alertError) {\r\n console.error(\"Ultimate fallback failed:\", alertError);\r\n onClose(null);\r\n }\r\n }, 100);\r\n\r\n return null;\r\n }\r\n}\r\n\r\nexport async function safeSetTimeout(fn, delay) {\r\n const id = setTimeout(() => {\r\n console.warn(\"Timer fired after\", delay, \"ms\");\r\n fn();\r\n }, delay);\r\n\r\n console.warn(\"Timer scheduled with id:\", id, \"delay:\", delay);\r\n return id;\r\n}\r\n","// src/components/Toast.js //# Single responsibility\r\n\"use strict\";\r\n\r\nimport { createElementWithId } from \"../utils/dom.js\";\r\nimport { applyRichStyling, createEmergencyToast } from \"./toast-utils.js\";\r\n\r\n/\r\n Multi-layer toast creation with satellite-grade fallbacks\r\n * @param {Object} options - Toast configuration options\r\n * @param {Function} onClose - Callback when toast closes\r\n * @returns {HTMLElement} Toast element\r\n /\r\nexport async function createToastElement(options, onClose) {\r\n let toastContainer = document.querySelector('[id^=\"toast-container-\"]');\r\n if (!toastContainer) return null;\r\n\r\n let toast;\r\n const tagName = \"div\";\r\n const prefix = \"toast\";\r\n\r\n // PRIMARY: Full-featured toast\r\n try {\r\n toast = await createElementWithId(tagName, prefix);\r\n await applyRichStyling(toast, options, onClose);\r\n return toast;\r\n } catch (error) {\r\n console.warn(\"error:\", error);\r\n await createEmergencyToast(options, onClose);\r\n return toast;\r\n }\r\n}\r\n","// src/components/ToastManager.js //# State management\r\n\"use strict\";\r\n\r\nimport { createToastContainer } from \"./ToastContainer.js\";\r\nimport { createToastElement } from \"./Toast.js\";\r\nimport { removeElement } from \"../utils/dom.js\";\r\nimport { createEmergencyToast, safeSetTimeout } from \"./toast-utils.js\";\r\n\r\n// State management with fallback tracking\r\nlet isToastShowing = false;\r\nlet emergencyCleanupScheduled = false;\r\nlet currentToast = [];\r\nlet emergencyTimeouts = [];\r\n\r\n/\r\n Show toast with comprehensive fallback system\r\n /\r\nexport async function showToast(options) {\r\n // PRIMARY: Full toast system\r\n try {\r\n const container = await createToastContainer(options.position);\r\n const toast = await createToastElement(options, closeToast);\r\n\r\n if (!toast) {\r\n throw new Error(\"Toast element creation failed!\");\r\n }\r\n\r\n currentToast.push(toast);\r\n\r\n // Append to container\r\n if (container.id.includes(\"toast-container-\")) {\r\n container.appendChild(toast);\r\n }\r\n\r\n // Schedule auto-dismiss\r\n const cleanUpTime =\r\n typeof options.duration === \"number\" && options.duration > 0\r\n ? options.duration + 2\r\n : 1800; //safety margin\r\n const dismissTimeout = await safeSetTimeout(\r\n () => closeToast(toast),\r\n cleanUpTime\r\n );\r\n emergencyTimeouts.push(dismissTimeout);\r\n return;\r\n } catch (primaryError) {\r\n console.warn(\r\n \"Primary toast system failed showing emergency toast:\",\r\n primaryError\r\n );\r\n const elContainer = document.querySelector('[id^=\"toast-container-\"]');\r\n const emergencyToast = createEmergencyToast(options, closeToast);\r\n elContainer && elContainer?.id?.includes(\"toast-container-\")\r\n ? elContainer.appendChild(emergencyToast)\r\n : alert(primaryError.substring(0, 200));\r\n return;\r\n }\r\n}\r\n\r\n/\r\n Create simple toast for fallback\r\n /\r\nfunction createSimpleToast(options) {\r\n const simple = document.createElement(\"div\");\r\n simple.style.cssText = `\r\n position: fixed !important;\r\n top: 20px !important;\r\n right: 20px !important;\r\n background: #333 !important;\r\n color: white !important;\r\n padding: 12px 20px !important;\r\n border-radius: 5px !important;\r\n z-index: 99999 !important;\r\n max-width: 300px !important;\r\n font-family: Arial, sans-serif !important;\r\n cursor: pointer !important;\r\n `;\r\n simple.textContent = options.message \|\| \"Created Simple Toast!\";\r\n simple.onclick = () => closeToast(simple);\r\n return simple;\r\n}\r\n\r\n/\r\n Close toast with multi-strategy cleanup\r\n /\r\nexport async function closeToast(toast) {\r\n if (currentToast.length > 0) {\r\n const index = currentToast.indexOf(toast);\r\n if (index !== -1) {\r\n currentToast.splice(index, 1);\r\n }\r\n }\r\n await removeElement(toast);\r\n}\r\n\r\n/\r\n Perform comprehensive cleanup\r\n /\r\nasync function performCleanup(toast) {\r\n try {\r\n // Cleanup event listeners\r\n if (toast._cleanupCloseButton) {\r\n toast._cleanupCloseButton();\r\n }\r\n\r\n // Remove from DOM\r\n removeElement(toast);\r\n\r\n // Reset state\r\n resetToastState();\r\n } catch (error) {\r\n console.error(\"Cleanup failed:\", error);\r\n forceEmergencyCleanup();\r\n }\r\n}\r\n\r\n/\r\n Reset all toast state\r\n /\r\nfunction resetToastState() {\r\n isToastShowing = false;\r\n currentToast = [];\r\n\r\n // Clear all timeouts\r\n emergencyTimeouts.forEach((id) => {\r\n try {\r\n clearTimeout(id);\r\n } catch (error) {\r\n console.warn(\"Timeout clear failed:\", error);\r\n }\r\n });\r\n emergencyTimeouts.pop();\r\n emergencyCleanupScheduled = false;\r\n}\r\n\r\n/\r\n Schedule emergency cleanup\r\n /\r\nfunction scheduleEmergencyCleanup(duration) {\r\n const cleanUpTime = typeof duration === \"number\" ? duration + 2 : 1800; //safety margin\r\n const emergencyTimeout = setTimeout(() => {\r\n console.warn(\"Emergency cleanup triggered\");\r\n forceEmergencyCleanup();\r\n }, cleanUpTime);\r\n\r\n emergencyTimeouts.push(emergencyTimeout);\r\n}\r\n\r\n/\r\n Force emergency cleanup of everything\r\n /\r\nasync function forceEmergencyCleanup() {\r\n try {\r\n // Remove current toast\r\n if (currentToast) {\r\n removeElement(currentToast);\r\n }\r\n\r\n // Clean up any orphaned toast elements\r\n const orphanedToasts = document.querySelectorAll(\r\n '[id^=\"toast-\"]:not([id=\"container\"]), [id=\"emergency\"]'\r\n );\r\n orphanedToasts.forEach((element) => {\r\n try {\r\n removeElement(element);\r\n } catch (error) {\r\n console.warn(\"Orphaned element cleanup failed:\", error);\r\n }\r\n });\r\n\r\n // Reset all state\r\n resetToastState();\r\n } catch (error) {\r\n console.error(\"Force cleanup failed:\", error);\r\n // Final state reset\r\n isToastShowing = false;\r\n currentToast = [];\r\n }\r\n}\r\n","// src/components/ToastContainer.js //# Container logic\r\n\"use strict\";\r\n\r\nimport { setPosition } from \"../utils/position.js\";\r\nimport { appendChild } from \"../utils/dom.js\";\r\n\r\n/\r\n Create toast container with error handling\r\n * @param {string} position - Toast position\r\n * @returns {HTMLElement} Toast container element\r\n /\r\nexport async function createToastContainer(position) {\r\n try {\r\n let toastContainer = document.getElementById(`toast-container-${position}`);\r\n\r\n if (!toastContainer) {\r\n toastContainer = document.createElement(\"div\");\r\n toastContainer.id = `toast-container-${position}`;\r\n toastContainer.style.position = \"fixed\";\r\n toastContainer.style.zIndex = \"9999\";\r\n await setPosition(toastContainer, position);\r\n await appendChild(document.body, toastContainer);\r\n }\r\n\r\n return toastContainer;\r\n } catch (error) {\r\n console.error(\"Failed to create toast container:\", error);\r\n // Fallback: return body element\r\n return document.body;\r\n }\r\n}\r\n","// src/index.js\r\n/\r\n @fileoverview A simple toast notification library for any JavaScript framework.\r\n * @name Customizable Toast Notifications\r\n * @author Priyanshu Patel\r\n * @version __VERSION__\r\n * @build Production\r\n * @license Apache-2.0\r\n * @depends None\r\n * @description A lightweight and fully customizable toast notification library\r\n * designed for seamless integration with any JavaScript or framework-based UI.\r\n * Supports flexible positioning, theming, icons, animations, and timing options\r\n * out of the box — with zero dependencies.\r\n * Author: Priyanshu Patel\r\n * Email: priyanshu.alt191@gmail.com\r\n * Created: July 31, 2024\r\n * License: Apache-2.0\r\n * Dependencies: None\r\n /\r\n\r\n\"use strict\";\r\n\r\nimport { closeToast, showToast } from \"./components/ToastManager.js\";\r\nimport { appendChild, getTextColor } from \"./utils/dom.js\";\r\nimport { setPosition } from \"./utils/position.js\";\r\n\r\n// Protected state with fallbacks\r\nlet defaultColors = {\r\n success: \"#28a745\",\r\n error: \"#dc3545\",\r\n warning: \"#ffc107\",\r\n info: \"#17a2b8\",\r\n};\r\n\r\nlet defaultMessages = {\r\n success: \"Operation completed successfully!\",\r\n error: \"Something went wrong!\",\r\n warning: \"Warning message!\",\r\n info: \"Information message!\",\r\n};\r\n\r\n/\r\n Create toast with satellite-grade reliability\r\n /\r\n// Toast queue for calls before DOM ready\r\nconst pendingToasts = [];\r\n\r\n// Flag to indicate DOM ready for toast execution\r\nlet domReady = false;\r\n\r\n// DOM ready check\r\nasync function checkDOMReady() {\r\n if (domReady) return;\r\n\r\n if (typeof window !== \"undefined\" && typeof document !== \"undefined\") {\r\n if (\r\n document.readyState === \"complete\" \|\|\r\n document.readyState === \"interactive\"\r\n ) {\r\n domReady = true;\r\n // Flush queued toasts after 2s delay\r\n pendingToasts.forEach((options) =>\r\n setTimeout(() => createToastNow(options), 2000)\r\n );\r\n pendingToasts.length = 0;\r\n } else {\r\n // Wait for DOMContentLoaded\r\n document.addEventListener(\r\n \"DOMContentLoaded\",\r\n () => {\r\n domReady = true;\r\n pendingToasts.forEach((options) =>\r\n setTimeout(() => createToastNow(options), 2000)\r\n );\r\n pendingToasts.length = 0;\r\n },\r\n { once: true }\r\n );\r\n }\r\n }\r\n}\r\n\r\n// Core toast creation logic\r\nasync function createToastNow(options = {}) {\r\n try {\r\n const sanitizedOptions = await sanitizeToastOptions(options);\r\n await createFirstToastContainer(sanitizedOptions.position);\r\n await showToast(sanitizedOptions);\r\n } catch (error) {\r\n console.error(\"CreateToast failed:\", error);\r\n\r\n const safeMessage =\r\n typeof options?.message === \"string\"\r\n ? `${options.message.substring(0, 200)} toast creation failed!`\r\n : \"Toast creation failed!\";\r\n\r\n alert(safeMessage);\r\n }\r\n}\r\n\r\nlet initialDelayDone = false; // flag to ensure single execution\r\n\r\n// Public API\r\nasync function createToast(options = {}) {\r\n // Check browser environment\r\n const isBrowser =\r\n typeof window !== \"undefined\" && typeof document !== \"undefined\";\r\n\r\n if (!isBrowser) {\r\n console.warn(\r\n \"ToastNotification: running in non-browser environment, no DOM available.\"\r\n );\r\n return;\r\n }\r\n\r\n // Check if DOM ready\r\n await checkDOMReady();\r\n\r\n if (!domReady) {\r\n // Queue for later execution\r\n pendingToasts.push(options);\r\n return;\r\n }\r\n\r\n // If DOM ready → execute after 2s delay\r\n if (!initialDelayDone) {\r\n // First call → wait 2 seconds\r\n initialDelayDone = true;\r\n setTimeout(await createToastNow(options), 2000);\r\n } else {\r\n // Subsequent calls → run immediately\r\n await createToastNow(options);\r\n }\r\n}\r\n\r\nasync function createFirstToastContainer(position) {\r\n try {\r\n let toastContainer = document.getElementById(`toast-container-${position}`);\r\n\r\n if (!toastContainer) {\r\n toastContainer = document.createElement(\"div\");\r\n toastContainer.id = `toast-container-${position}`;\r\n toastContainer.style.position = \"fixed\";\r\n toastContainer.style.zIndex = \"9999\";\r\n await setPosition(toastContainer, position);\r\n await appendChild(document.body, toastContainer);\r\n }\r\n\r\n return toastContainer;\r\n } catch (error) {\r\n console.error(\"Failed to create toast container:\", error);\r\n // Fallback: return body element\r\n return document.body;\r\n }\r\n}\r\n\r\n/\r\n Sanitizes and normalizes toast options.\r\n * Fills in defaults, validates input, and ensures colors & messages are set.\r\n * @param {Object} options - User-provided toast options\r\n * @returns {Promise<Object>} final sanitized toast options\r\n /\r\nasync function sanitizeToastOptions(options) {\r\n const defaults = {\r\n duration: 1800,\r\n position: \"bottom-right\",\r\n type: \"info\",\r\n borderRadius: \"50px\",\r\n backgroundColor: undefined,\r\n textColor: undefined,\r\n showCloseButton: true,\r\n animationDuration: \"0.4s\",\r\n animationType: \"fade\",\r\n animationEasing: \"ease\",\r\n showProgressBar: true,\r\n progressColor: undefined,\r\n progressHeight: \"4px\",\r\n progressPosition: \"bottom\",\r\n fontPosition: \"relative\",\r\n fontPadding: undefined,\r\n fontBorderRadius: undefined,\r\n fontBackgroundColor: undefined,\r\n fontFamily:\r\n '-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"',\r\n fontSize: \"14px\",\r\n fontWeight: \"400\",\r\n fontLineHeight: \"1.4\",\r\n fontDirection: \"auto\",\r\n wrapText: \"normal\",\r\n };\r\n\r\n // Merge defaults with user options\r\n const final = {\r\n ...defaults,\r\n ...(typeof options === \"object\" && !Array.isArray(options) ? options : {}),\r\n };\r\n\r\n // Ensure message property separately\r\n final.message = options?.message ?? final.message;\r\n\r\n try {\r\n // Background color fallback based on type or system preference\r\n if (!final.backgroundColor) {\r\n final.backgroundColor =\r\n defaultColors?.[final.type] ??\r\n (window.matchMedia(\"(prefers-color-scheme: dark)\").matches\r\n ? \"#f5f5f5\"\r\n : \"#111111\");\r\n }\r\n\r\n // Default message if not provided\r\n final.message =\r\n final.message \|\| defaultMessages?.[final.type] \|\| \"No Message Provided!\";\r\n\r\n // Ensure textColor is set\r\n if (!final.textColor && final.backgroundColor) {\r\n final.textColor = await getTextColor(final);\r\n }\r\n\r\n // Ensure progressColor is set\r\n if (!final.progressColor && final.backgroundColor) {\r\n final.progressColor = await getTextColor(final);\r\n }\r\n } catch (error) {\r\n console.warn(\"Option processing failed:\", error);\r\n }\r\n\r\n // Safety check for message type\r\n if (typeof final.message !== \"string\") {\r\n final.message = \"No Message Provided!\";\r\n }\r\n\r\n return final;\r\n}\r\n\r\n/\r\n Set default colors with validation\r\n /\r\nfunction setDefaultColors(colors) {\r\n try {\r\n if (colors && typeof colors === \"object\" && !Array.isArray(colors)) {\r\n defaultColors = { ...defaultColors, ...colors };\r\n }\r\n } catch (error) {\r\n console.error(\"setDefaultColors failed:\", error);\r\n }\r\n}\r\n\r\n/\r\n Set default messages with validation\r\n /\r\nfunction setDefaultMessages(messages) {\r\n try {\r\n if (messages && typeof messages === \"object\" && !Array.isArray(messages)) {\r\n defaultMessages = { ...defaultMessages, ...messages };\r\n }\r\n } catch (error) {\r\n console.error(\"setDefaultMessages failed:\", error);\r\n }\r\n}\r\n\r\nfunction noop() {\r\n const toast = document.querySelector('[id^=\"toast-\"]:not([id=\"container\"])');\r\n closeToast(toast);\r\n}\r\n\r\n// Module exports\r\nexport { createToast, setDefaultColors, setDefaultMessages, noop };\r\n\r\n// Global assignment with protection\r\ntry {\r\n // UMD/Global support\r\n if (typeof window !== \"undefined\") {\r\n window.customizableToast = {\r\n createToast,\r\n setDefaultColors,\r\n setDefaultMessages,\r\n };\r\n }\r\n} catch (error) {\r\n console.error(\"Global assignment failed:\", error);\r\n}\r\n"],"names":["async","setPosition","container","position","style","top","bottom","left","right","transform","includes","generateUniqueId","prefix","Date","now","Math","floor","random","appendChild","parent","child","contains","error","insertAdjacentElement","fallbackError","document","body","clone","cloneNode","emergencyError","getTextColor","options","backgroundColor","color","r","g","b","startsWith","hex","substring","length","parseInt","match","colorArray","black","white","toLowerCase","Error","l1","l2","max","min","contrast","applyRichStyling","toast","onClose","animDurationMs","duration","endsWith","parsed","parseFloat","parseAnimationDuration","animationDuration","Object","assign","background","padding","marginBottom","borderRadius","overflow","display","alignItems","justifyContent","boxShadow","minWidth","maxWidth","opacity","transition","animationEasing","zIndex","_animationDuration","messageSpan","createElement","fontPosition","flex","fontPadding","fontBorderRadius","fontBackgroundColor","fontFamily","fontSize","fontWeight","lineHeight","fontLineHeight","textColor","userSelect","wordBreak","direction","fontDirection","webkitLineClamp","webkitBoxOrient","whiteSpace","wrapText","textOverflow","lineClamp","boxOrient","textContent","message","setAttribute","showCloseButton","closeButton","border","marginLeft","cursor","onclick","_cleanupCloseButton","createCloseButton","showProgressBar","progressBar","height","progressHeight","progressColor","width","progressPosition","setTimeout","el","offsetWidth","forceReflow","createProgressBar","requestAnimationFrame","runToastAnimation","createEmergencyToast","emergency","id","innerHTML","_isEmergencyToast","parentNode","removeChild","alert","alertError","createToastElement","querySelector","tagName","fallbackTag","fallbackPrefix","fallbackEl","createElementWithId","currentToast","emergencyTimeouts","showToast","toastContainer","getElementById","createToastContainer","closeToast","push","cleanUpTime","dismissTimeout","fn","delay","safeSetTimeout","primaryError","elContainer","emergencyToast","index","indexOf","splice","remove","pointerEvents","hideError","removeElement","defaultColors","success","warning","info","defaultMessages","pendingToasts","domReady","createToastNow","sanitizedOptions","final","type","undefined","animationType","Array","isArray","window","matchMedia","matches","sanitizeToastOptions","createFirstToastContainer","safeMessage","initialDelayDone","createToast","readyState","forEach","addEventListener","once","checkDOMReady","setDefaultColors","colors","setDefaultMessages","messages","noop","customizableToast"],"mappings":"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"}

package/dist/index.umd.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
- * Customizable Toast Notifications 3.5.1
- * Build: 2025-08-27 18:05:24
- * Cache-Buster: 1756317924370
+ * Customizable Toast Notifications 3.6.0
+ * Build: 2025-09-01 13:01:31
+ * Cache-Buster: 1756731691017
  * Author: Priyanshu Patel
  * Email: priyanshu.alt191@gmail.com
  * License: Apache-2.0
@@ -12,5 +12,23 @@
  * Supports flexible positioning, theming, icons, animations, and timing options
  * out of the box — with zero dependencies.
  */
-!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports):"function"==typeof define&&define.amd?define(["exports"],e):e((t="undefined"!=typeof globalThis?globalThis:t||self).customizableToast={})}(this,function(t){"use strict";async function e(t){return`${t}-${Date.now()}-${Math.floor(1e5*Math.random())}`}async function n(t){try{let e=document.getElementById(`toast-container-${t}`);return e||(e=document.createElement("div"),e.id=`toast-container-${t}`,e.style.position="fixed",e.style.zIndex="9999",await async function(t,e){t.style.top="auto",t.style.bottom="auto",t.style.left="auto",t.style.right="auto",t.style.transform="none",e.includes("bottom")?t.style.bottom="10px":e.includes("top")&&(t.style.top="10px"),e.includes("right")?t.style.right="10px":e.includes("left")?t.style.left="10px":e.includes("center")&&(t.style.top="50%",t.style.left="50%",t.style.transform="translate(-50%, -50%)")}(e,t),await async function(t,e){if(!t||!e)return!1;try{return t.contains(e)||t.appendChild(e),!0}catch(n){try{return t.insertAdjacentElement("beforeend",e),!0}catch(n){try{if(t===document.body)return e.style.position="fixed",e.style.top="10px",e.style.right="10px",e.style.zIndex="99999",document.body.insertAdjacentHTML("beforeend",e.outerHTML||""),!0}catch(t){return!1}}}return!1}(document.body,e)),e}catch(t){return document.body}}function o(t,e,n){const o=function(t){try{if("number"==typeof t&&t>0)return t;if("string"==typeof t){if(t.endsWith("s")&&!t.endsWith("ms")){const e=1e3*parseFloat(t);return e>0?e:500}const e=parseFloat(t);return e>0?e:500}}catch(t){}return 500}(e.animationDuration);Object.assign(t.style,{background:e.backgroundColor||e.color||"#333",color:e.textColor||"white",padding:"12px 20px",marginBottom:"10px",borderRadius:"5px",display:"flex",alignItems:"center",justifyContent:"space-between",boxShadow:"0 4px 6px rgba(0, 0, 0, 0.1)",minWidth:"250px",maxWidth:"400px",opacity:"0",position:"relative",transition:`opacity ${o||"0.5s"} ${e.animationEasing||"ease"}, transform ${o||"0.5s"} ${e.animationEasing||"ease"}`,transform:"translateY(20px)",zIndex:"9999"}),t._animationDuration=o;const r=document.createElement("span");r.textContent=e.message||"Notification",r.style.flex="1",t.appendChild(r),e.showCloseButton&&function(t,e,n){const o=document.createElement("button");o.innerHTML="&times;",Object.assign(o.style,{background:"none",border:"none",color:e.textColor||"white",fontSize:"18px",marginLeft:"10px",cursor:"pointer"}),o.onclick=()=>n(t),t.appendChild(o),t._cleanupCloseButton=()=>{o.onclick=null}}(t,e,n),e.showProgressBar&&function(t,e){const n=document.createElement("div");Object.assign(n.style,{position:"absolute",left:"0",height:e.progressHeight||"4px",background:e.progressColor||"rgba(255, 255, 255, 0.3)",width:"100%",transition:`width ${e.duration||1800}ms linear`,["top"===e.progressPosition?"top":"bottom"]:"0"}),t.appendChild(n),setTimeout(()=>{!function(t){try{return t?.offsetWidth||0}catch(t){return 0}}(n),n.style.width="0%"},100)}(t,e),function(t){setTimeout(()=>{t.style.opacity="1",t.style.transform="translateY(0)"},50)}(t)}function r(t,e){try{const n=document.createElement("div");return n.id=`emergency-${Date.now()}`,n.innerHTML=`\n      <div style="\n        background: #333 !important;\n        color: white !important;\n        padding: 10px 15px !important;\n        position: fixed !important;\n        top: 20px !important;\n        right: 20px !important;\n        z-index: 99999 !important;\n        border-radius: 3px !important;\n        max-width: 250px !important;\n        word-wrap: break-word !important;\n        font-family: Arial, sans-serif !important;\n        font-size: 14px !important;\n        box-shadow: 0 2px 10px rgba(0,0,0,0.3) !important;\n        cursor: pointer !important;\n      " onclick="this.parentNode.removeChild(this)">\n        ${t.message||"Emergency Toast Creation Showing!"}\n        <span style="float: right; margin-left: 10px; font-weight: bold;">&times;</span>\n      </div>\n    `,n._animationDuration=500,n._isEmergencyToast=!0,setTimeout(()=>{try{n.parentNode&&n.parentNode.removeChild(n),e(n)}catch(t){}},t.duration||1800),n}catch(n){return setTimeout(()=>{try{alert(t.message||"Toast Creation Failed!"),e(null)}catch(t){e(null)}},100),null}}async function i(t,n){let i;if(!document.querySelector('[id^="toast-container-"]'))return null;try{return i=await async function(t,n){try{if(!t||!n)throw new Error("tagName and prefix is required");const o=document.createElement(t);return o.id=e(n),o}catch(t){try{const t="div",n="fallback",o=document.createElement(t);return o.id=e(n),o.setAttribute("data-original-tag",t),o}catch(t){}}}("div","toast"),o(i,t,n),i}catch(e){return r(t,n),i}}let a=[],s=[];async function c(t){try{const e=await n(t.position),o=await i(t,l);if(!o)throw new Error("Toast element creation failed!");a.push(o),e.id.includes("toast-container-")&&e.appendChild(o);const r="number"==typeof t.duration&&t.duration>0?t.duration+2:1800,c=await async function(t,e){return setTimeout(()=>{t()},e)}(()=>l(o),r);return void s.push(c)}catch(e){const n=document.querySelector('[id^="toast-container-"]'),o=r(t,l);return void(n&&n?.id?.includes("toast-container-")?n.appendChild(o):alert(e.substring(0,200)))}}async function l(t){if(a.length>0){const e=a.indexOf(t);-1!==e&&a.splice(e,1)}await async function(t){if(!t)return!0;try{if(t?.parentNode?.id.includes("toast-container-"))return t.parentNode.removeChild(t),!0}catch(e){try{if(t.remove)return t.remove(),!0}catch(e){try{return t.style.display="none",t.style.opacity="0",t.style.pointerEvents="none",t.style.position="absolute",t.style.left="-9999px",!0}catch(t){return!1}}}return!0}(t)}let u={success:"#28a745",error:"#dc3545",warning:"#ffc107",info:"#17a2b8"},d={success:"Operation completed successfully!",error:"Something went wrong!",warning:"Warning message!",info:"Information message!"};async function p(t={}){try{const e=await async function(t){const e={duration:1800,position:"bottom-right",type:"info",backgroundColor:void 0,textColor:"white",showCloseButton:!1,animationDuration:"0.5s",animationEasing:"ease",showProgressBar:!1,progressColor:void 0,progressHeight:"4px",progressPosition:"bottom"};let n={...e};t&&"object"==typeof t&&!Array.isArray(t)&&(Object.keys(e).forEach(e=>{t.hasOwnProperty(e)&&(n[e]=t[e])}),void 0===t.message&&"undefined"===t.message||(n.message=t.message));try{!n.backgroundColor&&n.type&&u[n.type]&&(n.backgroundColor=u[n.type]),!n.message&&n.type&&d[n.type]&&(n.message=d[n.type])}catch(t){}n.message&&"string"==typeof n.message||(n.message="No Message Provided!");return n}(t);await c(e)}catch(e){const n="string"==typeof t?.message?`${t.message.substring(0,200)} toast creation failed!`:"Toast creation failed!";alert(n)}}function y(t){try{t&&"object"==typeof t&&!Array.isArray(t)&&(u={...u,...t})}catch(t){}}function m(t){try{t&&"object"==typeof t&&!Array.isArray(t)&&(d={...d,...t})}catch(t){}}try{"undefined"!=typeof window&&(window.customizableToast={createToast:p,setDefaultColors:y,setDefaultMessages:m})}catch(t){}t.createToast=p,t.noop=function(){l(document.querySelector('[id^="toast-"]:not([id*="container"])'))},t.setDefaultColors=y,t.setDefaultMessages=m,Object.defineProperty(t,"__esModule",{value:!0})});
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports):"function"==typeof define&&define.amd?define(["exports"],e):e((t="undefined"!=typeof globalThis?globalThis:t||self).customizableToast={})}(this,function(t){"use strict";async function e(t,e){t.style.top="auto",t.style.bottom="auto",t.style.left="auto",t.style.right="auto",t.style.transform="none",e.includes("bottom")?t.style.bottom="10px":e.includes("top")&&(t.style.top="10px"),e.includes("right")?t.style.right="10px":e.includes("left")?t.style.left="10px":e.includes("center")&&(t.style.top="50%",t.style.left="50%",t.style.transform="translate(-50%, -50%)")}async function n(t){return`${t}-${Date.now()}-${Math.floor(1e5*Math.random())}`}async function o(t,e){if(!t||!e)return!1;try{return t.contains(e)||t.appendChild(e),!0}catch(n){try{return t.insertAdjacentElement("beforeend",e),!0}catch(n){try{if(t===document.body){const n=e.cloneNode(!0);return t.appendChild(n),!0}}catch(t){return!1}}}return!1}async function a(t){return t.backgroundColor&&await async function(t){let e,n,o;if(t.startsWith("#")){const a=t.substring(1);3===a.length?(e=parseInt(a[0]+a[0],16),n=parseInt(a[1]+a[1],16),o=parseInt(a[2]+a[2],16)):(e=parseInt(a.substring(0,2),16),n=parseInt(a.substring(2,4),16),o=parseInt(a.substring(4,6),16))}else if(t.startsWith("rgb")||t.startsWith("rgba")){const a=t.match(/^rgba?\((\d+),\s*(\d+),\s*(\d+)(?:,\s*(\d+(?:\.\d+)?))?\)$/);a&&(e=parseInt(a[1]),n=parseInt(a[2]),o=parseInt(a[3]))}else{const a={black:[0,0,0],white:[255,255,255]}[t.toLowerCase()];if(!a)throw new Error(`Unsupported color format: ${t}`);e=a[0],n=a[1],o=a[2]}const a=(.2126*e+.7152*n+.0722*o)/255,i=.05;return(Math.max(a,i)+.05)/Math.min(a,i)}(t.backgroundColor)>3.5?"black":"white"}async function i(t,e,n){const o=await async function(t){try{if("number"==typeof t&&t>0)return t;if("string"==typeof t){if(t.endsWith("s")&&!t.endsWith("ms")){const e=1e3*parseFloat(t);return e>0?e:500}const e=parseFloat(t);return e>0?e:500}}catch(t){}return 500}(e.animationDuration);Object.assign(t.style,{background:e.backgroundColor,padding:"12px 20px",marginBottom:"10px",borderRadius:e.borderRadius,overflow:"hidden",display:"flex",alignItems:"center",justifyContent:"space-between",boxShadow:"0 4px 6px rgba(0, 0, 0, 0.1)",minWidth:"250px",maxWidth:"400px",opacity:"0",position:"relative",transition:`opacity ${e.animationDuration} ${e.animationEasing}, transform ${e.animationDuration} ${e.animationEasing}`,transform:"translateY(20px)",zIndex:"9999"}),t._animationDuration=o;const a=document.createElement("span");a.style.position=e.fontPosition,a.style.display="inline-block",a.style.flex="1",a.style.padding=e.fontPadding,a.style.borderRadius=e.fontBorderRadius,a.style.background=e.fontBackgroundColor,a.style.fontFamily=e.fontFamily,a.style.fontSize=e.fontSize,a.style.fontWeight=e.fontWeight,a.style.lineHeight=e.fontLineHeight,a.style.color=e.textColor,a.style.userSelect="text",a.style.wordBreak="break-word",a.style.direction=e.fontDirection,a.style.webkitLineClamp="3",a.style.webkitBoxOrient="vertical",a.style.whiteSpace=e.wrapText?"normal":"nowrap",a.style.display="block",a.style.overflow="hidden",a.style.textOverflow="ellipsis",a.style.lineClamp="3",a.style.boxOrient="vertical",a.style.display="-webkit-box",a.textContent=e.message,a.setAttribute("aria-label","Toast Notification Center"),a.setAttribute("title",e.message),t.appendChild(a),e.showCloseButton&&await async function(t,e,n){const o=document.createElement("button");o.setAttribute("aria-label","Close notification"),o.setAttribute("title","Close"),o.textContent="×",Object.assign(o.style,{background:"none",border:"none",color:e.textColor,fontSize:"18px",marginLeft:"10px",cursor:"pointer"}),o.onclick=()=>n(t),t.appendChild(o),t._cleanupCloseButton=()=>{o.onclick=null}}(t,e,n),e.showProgressBar&&await async function(t,e){const n=document.createElement("div");Object.assign(n.style,{position:"absolute",left:"0",height:e.progressHeight||"4px",background:e.progressColor||"rgba(255, 255, 255, 0.3)",width:"100%",transition:`width ${e.duration||1800}ms linear`,["top"===e.progressPosition?"top":"bottom"]:"0"}),t.appendChild(n),setTimeout(()=>{!function(t){try{return t?.offsetWidth||0}catch(t){return 0}}(n),n.style.width="0%"},100)}(t,e),await async function(t){setTimeout(()=>{requestAnimationFrame(()=>{t.style.opacity="1",t.style.transform="translateY(0)"})},50)}(t)}async function r(t,e){try{const n=document.createElement("div");return n.id=`emergency-${Date.now()}`,n.innerHTML=`\n      <div style="\n        background: #333 !important;\n        color: white !important;\n        padding: 10px 15px !important;\n        position: fixed !important;\n        top: 20px !important;\n        right: 20px !important;\n        z-index: 99999 !important;\n        border-radius: 3px !important;\n        max-width: 250px !important;\n        word-wrap: break-word !important;\n        font-family: Arial, sans-serif !important;\n        font-size: 14px !important;\n        box-shadow: 0 2px 10px rgba(0,0,0,0.3) !important;\n        cursor: pointer !important;\n      " onclick="this.parentNode.removeChild(this)">\n        ${t.message||"Emergency Toast Creation Showing!"}\n        <span style="float: right; margin-left: 10px; font-weight: bold;">&times;</span>\n      </div>\n    `,n._animationDuration=500,n._isEmergencyToast=!0,setTimeout(()=>{try{n.parentNode&&n.parentNode.removeChild(n),e(n)}catch(t){}},t.duration||1800),n}catch(n){return setTimeout(()=>{try{alert(t.message||"Toast Creation Failed!"),e(null)}catch(t){e(null)}},100),null}}async function s(t,e){let o;if(!document.querySelector('[id^="toast-container-"]'))return null;try{return o=await async function(t,e){try{const o=document.createElement(t);return o.id=await n(e),o}catch(t){try{const t="div",e="fallback",o=document.createElement(t);return o.id=await n(e),o.setAttribute("data-original-tag",t),o}catch(t){}}}("div","toast"),await i(o,t,e),o}catch(n){return await r(t,e),o}}let c=[],l=[];async function d(t){try{const n=await async function(t){try{let n=document.getElementById(`toast-container-${t}`);return n||(n=document.createElement("div"),n.id=`toast-container-${t}`,n.style.position="fixed",n.style.zIndex="9999",await e(n,t),await o(document.body,n)),n}catch(t){return document.body}}(t.position),a=await s(t,u);if(!a)throw new Error("Toast element creation failed!");c.push(a),n.id.includes("toast-container-")&&n.appendChild(a);const i="number"==typeof t.duration&&t.duration>0?t.duration+2:1800,r=await async function(t,e){return setTimeout(()=>{t()},e)}(()=>u(a),i);return void l.push(r)}catch(e){const n=document.querySelector('[id^="toast-container-"]'),o=r(t,u);return void(n&&n?.id?.includes("toast-container-")?n.appendChild(o):alert(e.substring(0,200)))}}async function u(t){if(c.length>0){const e=c.indexOf(t);-1!==e&&c.splice(e,1)}await async function(t){if(!t)return!0;try{if(t?.parentNode?.id.includes("toast-container-"))return t.parentNode.removeChild(t),!0}catch(e){try{if(t.remove)return t.remove(),!0}catch(e){try{return t.style.display="none",t.style.opacity="0",t.style.pointerEvents="none",t.style.position="absolute",t.style.left="-9999px",!0}catch(t){return!1}}}return!0}(t)}
+/**
+   * @fileoverview A simple toast notification library for any JavaScript framework.
+   * @name Customizable Toast Notifications
+   * @author Priyanshu Patel
+   * @version "3.6.0"
+   * @build Production
+   * @license Apache-2.0
+   * @depends None
+   * @description A lightweight and fully customizable toast notification library
+   * designed for seamless integration with any JavaScript or framework-based UI.
+   * Supports flexible positioning, theming, icons, animations, and timing options
+   * out of the box — with zero dependencies.
+   * Author: Priyanshu Patel
+   * Email: priyanshu.alt191@gmail.com
+   * Created: July 31, 2024
+   * License: Apache-2.0
+   * Dependencies: None
+   */let p={success:"#28a745",error:"#dc3545",warning:"#ffc107",info:"#17a2b8"},y={success:"Operation completed successfully!",error:"Something went wrong!",warning:"Warning message!",info:"Information message!"};const f=[];let m=!1;async function g(t={}){try{const n=await async function(t){const e={duration:1800,position:"bottom-right",type:"info",borderRadius:"50px",backgroundColor:void 0,textColor:void 0,showCloseButton:!0,animationDuration:"0.4s",animationType:"fade",animationEasing:"ease",showProgressBar:!0,progressColor:void 0,progressHeight:"4px",progressPosition:"bottom",fontPosition:"relative",fontPadding:void 0,fontBorderRadius:void 0,fontBackgroundColor:void 0,fontFamily:'-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"',fontSize:"14px",fontWeight:"400",fontLineHeight:"1.4",fontDirection:"auto",wrapText:"normal",..."object"!=typeof t||Array.isArray(t)?{}:t};e.message=t?.message??e.message;try{e.backgroundColor||(e.backgroundColor=p?.[e.type]??(window.matchMedia("(prefers-color-scheme: dark)").matches?"#f5f5f5":"#111111")),e.message=e.message||y?.[e.type]||"No Message Provided!",!e.textColor&&e.backgroundColor&&(e.textColor=await a(e)),!e.progressColor&&e.backgroundColor&&(e.progressColor=await a(e))}catch(t){}"string"!=typeof e.message&&(e.message="No Message Provided!");return e}(t);await async function(t){try{let n=document.getElementById(`toast-container-${t}`);return n||(n=document.createElement("div"),n.id=`toast-container-${t}`,n.style.position="fixed",n.style.zIndex="9999",await e(n,t),await o(document.body,n)),n}catch(t){return document.body}}(n.position),await d(n)}catch(e){const n="string"==typeof t?.message?`${t.message.substring(0,200)} toast creation failed!`:"Toast creation failed!";alert(n)}}let h=!1;async function b(t={}){"undefined"!=typeof window&&"undefined"!=typeof document&&(await async function(){m||"undefined"!=typeof window&&"undefined"!=typeof document&&("complete"===document.readyState||"interactive"===document.readyState?(m=!0,f.forEach(t=>setTimeout(()=>g(t),2e3)),f.length=0):document.addEventListener("DOMContentLoaded",()=>{m=!0,f.forEach(t=>setTimeout(()=>g(t),2e3)),f.length=0},{once:!0}))}(),m?h?await g(t):(h=!0,setTimeout(await g(t),2e3)):f.push(t))}function w(t){try{t&&"object"==typeof t&&!Array.isArray(t)&&(p={...p,...t})}catch(t){}}function x(t){try{t&&"object"==typeof t&&!Array.isArray(t)&&(y={...y,...t})}catch(t){}}try{"undefined"!=typeof window&&(window.customizableToast={createToast:b,setDefaultColors:w,setDefaultMessages:x})}catch(t){}t.createToast=b,t.noop=function(){u(document.querySelector('[id^="toast-"]:not([id*="container"])'))},t.setDefaultColors=w,t.setDefaultMessages=x});
 //# sourceMappingURL=index.umd.js.map

package/dist/index.umd.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.umd.js","sources":["../src/utils/id.js","../src/components/ToastContainer.js","../src/utils/position.js","../src/utils/dom.js","../src/components/toast-utils.js","../src/components/Toast.js","../src/components/ToastManager.js","../src/index.js"],"sourcesContent":["// src/utils/id.js\r\n\"use strict\";\r\n\r\n/*\r\n Generate unique ID for DOM elements to avoid conflicts\r\n * @param {string} prefix - Optional prefix for ID\r\n * @returns {string} Unique ID\r\n /\r\nexport async function generateUniqueId(prefix) {\r\n return `${prefix}-${Date.now()}-${Math.floor(Math.random() 100000)}`;\r\n}\r\n","// src/components/ToastContainer.js //# Container logic\r\n\"use strict\";\r\n\r\nimport { setPosition } from \"../utils/position.js\";\r\nimport { appendChild } from \"../utils/dom.js\";\r\n\r\n/*\r\n Create toast container with error handling\r\n * @param {string} position - Toast position\r\n * @returns {HTMLElement} Toast container element\r\n /\r\nexport async function createToastContainer(position) {\r\n try {\r\n let toastContainer = document.getElementById(`toast-container-${position}`);\r\n\r\n if (!toastContainer) {\r\n toastContainer = document.createElement(\"div\");\r\n toastContainer.id = `toast-container-${position}`;\r\n toastContainer.style.position = \"fixed\";\r\n toastContainer.style.zIndex = \"9999\";\r\n await setPosition(toastContainer, position);\r\n await appendChild(document.body, toastContainer);\r\n }\r\n\r\n return toastContainer;\r\n } catch (error) {\r\n console.error(\"Failed to create toast container:\", error);\r\n // Fallback: return body element\r\n return document.body;\r\n }\r\n}\r\n","// src/utils/position.js\r\n\"use strict\";\r\n\r\n/\r\n Set position for toast container (EXACT same logic as original)\r\n * @param {HTMLElement} container - Toast container element\r\n * @param {string} position - Position string\r\n /\r\nexport async function setPosition(container, position) {\r\n // Reset all position properties first\r\n container.style.top = \"auto\";\r\n container.style.bottom = \"auto\";\r\n container.style.left = \"auto\";\r\n container.style.right = \"auto\";\r\n container.style.transform = \"none\";\r\n\r\n if (position.includes(\"bottom\")) {\r\n container.style.bottom = \"10px\";\r\n } else if (position.includes(\"top\")) {\r\n container.style.top = \"10px\";\r\n }\r\n\r\n if (position.includes(\"right\")) {\r\n container.style.right = \"10px\";\r\n } else if (position.includes(\"left\")) {\r\n container.style.left = \"10px\";\r\n } else if (position.includes(\"center\")) {\r\n container.style.top = \"50%\";\r\n container.style.left = \"50%\";\r\n container.style.transform = \"translate(-50%, -50%)\";\r\n }\r\n}\r\n","// src/utils/dom.js\r\n\"use strict\";\r\n\r\nimport { generateUniqueId } from \"./id.js\";\r\n\r\n/\r\n Multi-layer fallback DOM element creation\r\n /\r\nexport async function createElementWithId(tagName, prefix) {\r\n // PRIMARY: Standard createElement\r\n try {\r\n if (!tagName \|\| !prefix) throw new Error(`tagName and prefix is required`);\r\n\r\n const el = document.createElement(tagName);\r\n el.id = generateUniqueId(prefix);\r\n return el;\r\n } catch (error) {\r\n console.warn(`Primary createElement failed for`, error);\r\n\r\n // FALLBACK-A: Try div as alternative\r\n try {\r\n const fallbackTag = \"div\";\r\n const fallbackPrefix = \"fallback\";\r\n const fallbackEl = document.createElement(fallbackTag);\r\n fallbackEl.id = generateUniqueId(fallbackPrefix);\r\n fallbackEl.setAttribute(\"data-original-tag\", fallbackTag);\r\n return fallbackEl;\r\n } catch (fallbackError) {\r\n console.error(\"All DOM creation methods failed:\", fallbackError);\r\n }\r\n }\r\n}\r\n\r\n/\r\n Multi-strategy appendChild with graceful degradation\r\n /\r\nexport async function appendChild(parent, child) {\r\n if (!parent \|\| !child) return false;\r\n\r\n // PRIMARY: Standard appendChild\r\n try {\r\n if (!parent.contains(child)) {\r\n parent.appendChild(child);\r\n return true;\r\n }\r\n return true;\r\n } catch (error) {\r\n console.warn(\"Primary appendChild failed:\", error);\r\n\r\n // FALLBACK-A: insertAdjacentElement\r\n try {\r\n parent.insertAdjacentElement(\"beforeend\", child);\r\n return true;\r\n } catch (fallbackError) {\r\n console.warn(\"Fallback appendChild failed:\", fallbackError);\r\n\r\n // FALLBACK-B: Manual positioning\r\n try {\r\n if (parent === document.body) {\r\n child.style.position = \"fixed\";\r\n child.style.top = \"10px\";\r\n child.style.right = \"10px\";\r\n child.style.zIndex = \"99999\";\r\n document.body.insertAdjacentHTML(\"beforeend\", child.outerHTML \|\| \"\");\r\n return true;\r\n }\r\n } catch (emergencyError) {\r\n console.error(\"All append strategies failed:\", emergencyError);\r\n return false;\r\n }\r\n }\r\n }\r\n return false;\r\n}\r\n\r\n/\r\n Safe element removal with multiple strategies\r\n /\r\nexport async function removeElement(el) {\r\n if (!el) return true;\r\n\r\n // PRIMARY: parentNode.removeChild\r\n try {\r\n if (el?.parentNode?.id.includes(\"toast-container-\")) {\r\n el.parentNode.removeChild(el);\r\n return true;\r\n }\r\n } catch (error) {\r\n console.warn(\"Primary removal failed:\", error);\r\n\r\n // FALLBACK-A: element.remove()\r\n try {\r\n if (el.remove) {\r\n el.remove();\r\n return true;\r\n }\r\n } catch (fallbackError) {\r\n console.warn(\"Fallback removal failed:\", fallbackError);\r\n\r\n // FALLBACK-B: Hide instead of remove\r\n try {\r\n el.style.display = \"none\";\r\n el.style.opacity = \"0\";\r\n el.style.pointerEvents = \"none\";\r\n el.style.position = \"absolute\";\r\n el.style.left = \"-9999px\";\r\n return true;\r\n } catch (hideError) {\r\n console.error(\"All removal strategies failed:\", hideError);\r\n return false;\r\n }\r\n }\r\n }\r\n return true;\r\n}\r\n\r\n/\r\n Animation duration parser with fallbacks\r\n /\r\nexport function parseAnimationDuration(duration) {\r\n // PRIMARY: Parse provided duration\r\n try {\r\n if (typeof duration === \"number\" && duration > 0) return duration;\r\n if (typeof duration === \"string\") {\r\n if (duration.endsWith(\"s\") && !duration.endsWith(\"ms\")) {\r\n const parsed = parseFloat(duration) 1000;\r\n return parsed > 0 ? parsed : 500;\r\n }\r\n const parsed = parseFloat(duration);\r\n return parsed > 0 ? parsed : 500;\r\n }\r\n } catch (error) {\r\n console.warn(\"Duration parsing failed:\", error);\r\n }\r\n\r\n // FALLBACK: Safe default\r\n return 500;\r\n}\r\n\r\n/*\r\n Force reflow with error protection\r\n /\r\nexport function forceReflow(el) {\r\n try {\r\n return el?.offsetWidth \|\| 0;\r\n } catch (error) {\r\n console.warn(\"Force reflow failed:\", error);\r\n return 0;\r\n }\r\n}\r\n\r\n/\r\n Query selector shortcut with optional root.\r\n * @param {string} selector\r\n * @param {Document\|HTMLElement} [root=document]\r\n * @returns {Element\|null}\r\n /\r\nexport function query(selector, root = document) {\r\n return root.querySelector(selector);\r\n}\r\n","\"use strict\";\r\n\r\nimport { forceReflow, parseAnimationDuration } from \"../utils/dom.js\";\r\n\r\n/\r\n Create close button for toast\r\n * @param {HTMLElement} toast - Toast element\r\n * @param {Object} options - Toast options\r\n * @param {Function} onClose - Close callback\r\n /\r\nexport function createCloseButton(toast, options, onClose) {\r\n const closeButton = document.createElement(\"button\");\r\n closeButton.innerHTML = \"×\";\r\n Object.assign(closeButton.style, {\r\n background: \"none\",\r\n border: \"none\",\r\n color: options.textColor \|\| \"white\",\r\n fontSize: \"18px\",\r\n marginLeft: \"10px\",\r\n cursor: \"pointer\",\r\n });\r\n\r\n closeButton.onclick = () => onClose(toast);\r\n toast.appendChild(closeButton);\r\n\r\n toast._cleanupCloseButton = () => {\r\n closeButton.onclick = null;\r\n };\r\n}\r\n\r\n/\r\n Create progress bar for toast\r\n * @param {HTMLElement} toast - Toast element\r\n * @param {Object} options - Toast options\r\n /\r\nexport function createProgressBar(toast, options) {\r\n const progressBar = document.createElement(\"div\");\r\n Object.assign(progressBar.style, {\r\n position: \"absolute\",\r\n left: \"0\",\r\n height: options.progressHeight \|\| \"4px\",\r\n background: options.progressColor \|\| \"rgba(255, 255, 255, 0.3)\",\r\n width: \"100%\",\r\n transition: `width ${options.duration \|\| 1800}ms linear`,\r\n [options.progressPosition === \"top\" ? \"top\" : \"bottom\"]: \"0\",\r\n });\r\n\r\n toast.appendChild(progressBar);\r\n\r\n setTimeout(() => {\r\n forceReflow(progressBar);\r\n progressBar.style.width = \"0%\";\r\n }, 100);\r\n}\r\n\r\n/\r\n Run toast fade-in animation\r\n * @param {HTMLElement} toast - Toast element\r\n /\r\nexport function runToastAnimation(toast) {\r\n setTimeout(() => {\r\n toast.style.opacity = \"1\";\r\n toast.style.transform = \"translateY(0)\";\r\n }, 50);\r\n}\r\n\r\n/\r\n Apply rich styling to toast element\r\n * @param {HTMLElement} toast - Toast element\r\n * @param {Object} options - Toast options\r\n * @param {Function} onClose - Close callback\r\n /\r\nexport function applyRichStyling(toast, options, onClose) {\r\n const animDurationMs = parseAnimationDuration(options.animationDuration);\r\n\r\n // Apply full styling\r\n Object.assign(toast.style, {\r\n background: options.backgroundColor \|\| options.color \|\| \"#333\",\r\n color: options.textColor \|\| \"white\",\r\n padding: \"12px 20px\",\r\n marginBottom: \"10px\",\r\n borderRadius: \"5px\",\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n justifyContent: \"space-between\",\r\n boxShadow: \"0 4px 6px rgba(0, 0, 0, 0.1)\",\r\n minWidth: \"250px\",\r\n maxWidth: \"400px\",\r\n opacity: \"0\",\r\n position: \"relative\",\r\n transition: `opacity ${animDurationMs \|\| \"0.5s\"} ${\r\n options.animationEasing \|\| \"ease\"\r\n }, transform ${animDurationMs \|\| \"0.5s\"} ${\r\n options.animationEasing \|\| \"ease\"\r\n }`,\r\n transform: \"translateY(20px)\",\r\n zIndex: \"9999\",\r\n });\r\n\r\n toast._animationDuration = animDurationMs;\r\n\r\n // Message span\r\n const messageSpan = document.createElement(\"span\");\r\n messageSpan.textContent = options.message \|\| \"Notification\";\r\n messageSpan.style.flex = \"1\";\r\n toast.appendChild(messageSpan);\r\n\r\n // Close button\r\n if (options.showCloseButton) {\r\n createCloseButton(toast, options, onClose);\r\n }\r\n\r\n // Progress bar\r\n if (options.showProgressBar) {\r\n createProgressBar(toast, options);\r\n }\r\n\r\n // Animation\r\n runToastAnimation(toast);\r\n}\r\n\r\n/\r\n Create basic fallback toast\r\n * @param {HTMLElement} toast - Toast element\r\n * @param {Object} options - Toast options\r\n * @param {Function} onClose - Close callback\r\n /\r\nexport function createBasicToast(toast, options, onClose) {\r\n // Basic styling only\r\n Object.assign(toast.style, {\r\n background: \"#333\",\r\n color: \"white\",\r\n padding: \"10px 15px\",\r\n margin: \"10px\",\r\n borderRadius: \"3px\",\r\n position: \"fixed\",\r\n top: \"20px\",\r\n right: \"20px\",\r\n zIndex: \"99999\",\r\n maxWidth: \"300px\",\r\n wordWrap: \"break-word\",\r\n });\r\n\r\n toast.textContent = options.message \|\| \"Notification\";\r\n\r\n if (options.showCloseButton) {\r\n toast.style.cursor = \"pointer\";\r\n toast.onclick = () => onClose(toast);\r\n }\r\n\r\n toast._animationDuration = 500;\r\n}\r\n\r\n/\r\n Emergency toast as last resort\r\n * @param {Object} options - Toast options\r\n * @param {Function} onClose - Close callback\r\n /\r\nexport function createEmergencyToast(options, onClose) {\r\n try {\r\n // Create emergency div\r\n const emergency = document.createElement(\"div\");\r\n emergency.id = `emergency-${Date.now()}`;\r\n emergency.innerHTML = `\r\n <div style=\"\r\n background: #333 !important;\r\n color: white !important;\r\n padding: 10px 15px !important;\r\n position: fixed !important;\r\n top: 20px !important;\r\n right: 20px !important;\r\n z-index: 99999 !important;\r\n border-radius: 3px !important;\r\n max-width: 250px !important;\r\n word-wrap: break-word !important;\r\n font-family: Arial, sans-serif !important;\r\n font-size: 14px !important;\r\n box-shadow: 0 2px 10px rgba(0,0,0,0.3) !important;\r\n cursor: pointer !important;\r\n \" onclick=\"this.parentNode.removeChild(this)\">\r\n ${options.message \|\| \"Emergency Toast Creation Showing!\"}\r\n <span style=\"float: right; margin-left: 10px; font-weight: bold;\">×</span>\r\n </div>\r\n `;\r\n\r\n emergency._animationDuration = 500;\r\n emergency._isEmergencyToast = true;\r\n\r\n // Auto remove\r\n setTimeout(() => {\r\n try {\r\n if (emergency.parentNode) {\r\n emergency.parentNode.removeChild(emergency);\r\n }\r\n onClose(emergency);\r\n } catch (error) {\r\n console.warn(\"Emergency cleanup failed:\", error);\r\n }\r\n }, options.duration \|\| 1800);\r\n\r\n return emergency;\r\n } catch (emergencyError) {\r\n console.error(\"Emergency toast creation failed:\", emergencyError);\r\n\r\n // ULTIMATE FALLBACK: Alert\r\n setTimeout(() => {\r\n try {\r\n alert(options.message \|\| \"Toast Creation Failed!\");\r\n onClose(null);\r\n } catch (alertError) {\r\n console.error(\"Ultimate fallback failed:\", alertError);\r\n onClose(null);\r\n }\r\n }, 100);\r\n\r\n return null;\r\n }\r\n}\r\n\r\nexport async function safeSetTimeout(fn, delay) {\r\n const id = setTimeout(() => {\r\n console.warn(\"Timer fired after\", delay, \"ms\");\r\n fn();\r\n }, delay);\r\n\r\n console.warn(\"Timer scheduled with id:\", id, \"delay:\", delay);\r\n return id;\r\n}\r\n","// src/components/Toast.js //# Single responsibility\r\n\"use strict\";\r\n\r\nimport { createElementWithId } from \"../utils/dom.js\";\r\nimport { applyRichStyling, createEmergencyToast } from \"./toast-utils.js\";\r\n\r\n/\r\n Multi-layer toast creation with satellite-grade fallbacks\r\n * @param {Object} options - Toast configuration options\r\n * @param {Function} onClose - Callback when toast closes\r\n * @returns {HTMLElement} Toast element\r\n /\r\nexport async function createToastElement(options, onClose) {\r\n let toastContainer = document.querySelector('[id^=\"toast-container-\"]');\r\n if (!toastContainer) return null;\r\n\r\n let toast;\r\n const tagName = \"div\";\r\n const prefix = \"toast\";\r\n\r\n // PRIMARY: Full-featured toast\r\n try {\r\n toast = await createElementWithId(tagName, prefix);\r\n applyRichStyling(toast, options, onClose);\r\n return toast;\r\n } catch (error) {\r\n console.warn(\"error:\", error);\r\n createEmergencyToast(options, onClose);\r\n return toast;\r\n }\r\n}\r\n","// src/components/ToastManager.js //# State management\r\n\"use strict\";\r\n\r\nimport { createToastContainer } from \"./ToastContainer.js\";\r\nimport { createToastElement } from \"./Toast.js\";\r\nimport { removeElement } from \"../utils/dom.js\";\r\nimport { createEmergencyToast, safeSetTimeout } from \"./toast-utils.js\";\r\n\r\n// State management with fallback tracking\r\nlet isToastShowing = false;\r\nlet emergencyCleanupScheduled = false;\r\nlet currentToast = [];\r\nlet emergencyTimeouts = [];\r\n\r\n/\r\n Show toast with comprehensive fallback system\r\n /\r\nexport async function showToast(options) {\r\n // PRIMARY: Full toast system\r\n try {\r\n const container = await createToastContainer(options.position);\r\n const toast = await createToastElement(options, closeToast);\r\n\r\n if (!toast) {\r\n throw new Error(\"Toast element creation failed!\");\r\n }\r\n\r\n currentToast.push(toast);\r\n\r\n // Append to container\r\n if (container.id.includes(\"toast-container-\")) {\r\n container.appendChild(toast);\r\n }\r\n\r\n // Schedule auto-dismiss\r\n const cleanUpTime =\r\n typeof options.duration === \"number\" && options.duration > 0\r\n ? options.duration + 2\r\n : 1800; //safety margin\r\n const dismissTimeout = await safeSetTimeout(\r\n () => closeToast(toast),\r\n cleanUpTime\r\n );\r\n emergencyTimeouts.push(dismissTimeout);\r\n return;\r\n } catch (primaryError) {\r\n console.warn(\r\n \"Primary toast system failed showing emergency toast:\",\r\n primaryError\r\n );\r\n const elContainer = document.querySelector('[id^=\"toast-container-\"]');\r\n const emergencyToast = createEmergencyToast(options, closeToast);\r\n elContainer && elContainer?.id?.includes(\"toast-container-\")\r\n ? elContainer.appendChild(emergencyToast)\r\n : alert(primaryError.substring(0, 200));\r\n return;\r\n }\r\n}\r\n\r\n/\r\n Create simple toast for fallback\r\n /\r\nfunction createSimpleToast(options) {\r\n const simple = document.createElement(\"div\");\r\n simple.style.cssText = `\r\n position: fixed !important;\r\n top: 20px !important;\r\n right: 20px !important;\r\n background: #333 !important;\r\n color: white !important;\r\n padding: 12px 20px !important;\r\n border-radius: 5px !important;\r\n z-index: 99999 !important;\r\n max-width: 300px !important;\r\n font-family: Arial, sans-serif !important;\r\n cursor: pointer !important;\r\n `;\r\n simple.textContent = options.message \|\| \"Created Simple Toast!\";\r\n simple.onclick = () => closeToast(simple);\r\n return simple;\r\n}\r\n\r\n/\r\n Close toast with multi-strategy cleanup\r\n /\r\nexport async function closeToast(toast) {\r\n if (currentToast.length > 0) {\r\n const index = currentToast.indexOf(toast);\r\n if (index !== -1) {\r\n currentToast.splice(index, 1);\r\n }\r\n }\r\n await removeElement(toast);\r\n}\r\n\r\n/\r\n Perform comprehensive cleanup\r\n /\r\nasync function performCleanup(toast) {\r\n try {\r\n // Cleanup event listeners\r\n if (toast._cleanupCloseButton) {\r\n toast._cleanupCloseButton();\r\n }\r\n\r\n // Remove from DOM\r\n removeElement(toast);\r\n\r\n // Reset state\r\n resetToastState();\r\n } catch (error) {\r\n console.error(\"Cleanup failed:\", error);\r\n forceEmergencyCleanup();\r\n }\r\n}\r\n\r\n/\r\n Reset all toast state\r\n /\r\nfunction resetToastState() {\r\n isToastShowing = false;\r\n currentToast = [];\r\n\r\n // Clear all timeouts\r\n emergencyTimeouts.forEach((id) => {\r\n try {\r\n clearTimeout(id);\r\n } catch (error) {\r\n console.warn(\"Timeout clear failed:\", error);\r\n }\r\n });\r\n emergencyTimeouts.pop();\r\n emergencyCleanupScheduled = false;\r\n}\r\n\r\n/\r\n Schedule emergency cleanup\r\n /\r\nfunction scheduleEmergencyCleanup(duration) {\r\n const cleanUpTime = typeof duration === \"number\" ? duration + 2 : 1800; //safety margin\r\n const emergencyTimeout = setTimeout(() => {\r\n console.warn(\"Emergency cleanup triggered\");\r\n forceEmergencyCleanup();\r\n }, cleanUpTime);\r\n\r\n emergencyTimeouts.push(emergencyTimeout);\r\n}\r\n\r\n/\r\n Force emergency cleanup of everything\r\n /\r\nasync function forceEmergencyCleanup() {\r\n try {\r\n // Remove current toast\r\n if (currentToast) {\r\n removeElement(currentToast);\r\n }\r\n\r\n // Clean up any orphaned toast elements\r\n const orphanedToasts = document.querySelectorAll(\r\n '[id^=\"toast-\"]:not([id=\"container\"]), [id=\"emergency\"]'\r\n );\r\n orphanedToasts.forEach((element) => {\r\n try {\r\n removeElement(element);\r\n } catch (error) {\r\n console.warn(\"Orphaned element cleanup failed:\", error);\r\n }\r\n });\r\n\r\n // Reset all state\r\n resetToastState();\r\n } catch (error) {\r\n console.error(\"Force cleanup failed:\", error);\r\n // Final state reset\r\n isToastShowing = false;\r\n currentToast = [];\r\n }\r\n}\r\n","// src/index.js\r\n/\r\n @fileoverview A simple toast notification library for any JavaScript framework.\r\n * @name Customizable Toast Notifications\r\n * @author Priyanshu Patel\r\n * @version __VERSION__\r\n * @build Production\r\n * @license Apache-2.0\r\n * @depends None\r\n * @description A lightweight and fully customizable toast notification library\r\n * designed for seamless integration with any JavaScript or framework-based UI.\r\n * Supports flexible positioning, theming, icons, animations, and timing options\r\n * out of the box — with zero dependencies.\r\n * Author: Priyanshu Patel\r\n * Email: priyanshu.alt191@gmail.com\r\n * Created: July 31, 2024\r\n * License: Apache-2.0\r\n * Dependencies: None\r\n /\r\n\r\n\"use strict\";\r\n\r\nimport { closeToast, showToast } from \"./components/ToastManager.js\";\r\n\r\n// Protected state with fallbacks\r\nlet defaultColors = {\r\n success: \"#28a745\",\r\n error: \"#dc3545\",\r\n warning: \"#ffc107\",\r\n info: \"#17a2b8\",\r\n};\r\n\r\nlet defaultMessages = {\r\n success: \"Operation completed successfully!\",\r\n error: \"Something went wrong!\",\r\n warning: \"Warning message!\",\r\n info: \"Information message!\",\r\n};\r\n\r\n/\r\n Create toast with satellite-grade reliability\r\n /\r\nasync function createToast(options = {}) {\r\n try {\r\n // Input sanitization and validation\r\n const sanitizedOptions = await sanitizeToastOptions(options);\r\n\r\n // Call main toast system\r\n await showToast(sanitizedOptions);\r\n } catch (error) {\r\n console.error(\"CreateToast failed:\", error);\r\n\r\n // ULTIMATE FALLBACK: Browser alert with sanitized message\r\n const safeMessage =\r\n typeof options?.message === \"string\"\r\n ? `${options.message.substring(0, 200)} toast creation failed!`\r\n : \"Toast creation failed!\";\r\n\r\n alert(safeMessage);\r\n }\r\n}\r\n\r\n// Params sanitization and validation for toast creation\r\nasync function sanitizeToastOptions(options) {\r\n const defaults = {\r\n duration: 1800,\r\n position: \"bottom-right\",\r\n type: \"info\",\r\n backgroundColor: undefined,\r\n textColor: \"white\",\r\n showCloseButton: false,\r\n animationDuration: \"0.5s\",\r\n animationEasing: \"ease\",\r\n showProgressBar: false,\r\n progressColor: undefined,\r\n progressHeight: \"4px\",\r\n progressPosition: \"bottom\",\r\n };\r\n\r\n // Start with safe defaults\r\n let final = { ...defaults };\r\n\r\n // Merge user options safely\r\n if (options && typeof options === \"object\" && !Array.isArray(options)) {\r\n Object.keys(defaults).forEach((key) => {\r\n if (options.hasOwnProperty(key)) {\r\n final[key] = options[key];\r\n }\r\n });\r\n\r\n // Handle message separately\r\n if (options.message !== undefined \|\| options.message !== \"undefined\") {\r\n final.message = options.message;\r\n }\r\n }\r\n\r\n // Validate and apply defaults\r\n try {\r\n if (!final.backgroundColor && final.type && defaultColors[final.type]) {\r\n final.backgroundColor = defaultColors[final.type];\r\n }\r\n\r\n if (!final.message && final.type && defaultMessages[final.type]) {\r\n final.message = defaultMessages[final.type];\r\n }\r\n } catch (error) {\r\n console.warn(\"Option processing failed:\", error);\r\n }\r\n\r\n // Final safety checks\r\n if (!final.message \|\| typeof final.message !== \"string\") {\r\n final.message = \"No Message Provided!\";\r\n }\r\n\r\n // should dlt if (typeof final.duration !== \"number\" \|\| final.duration < 100) {\r\n // final.duration = defaults.duration;\r\n // }\r\n\r\n return final;\r\n}\r\n\r\n/\r\n Set default colors with validation\r\n /\r\nfunction setDefaultColors(colors) {\r\n try {\r\n if (colors && typeof colors === \"object\" && !Array.isArray(colors)) {\r\n defaultColors = { ...defaultColors, ...colors };\r\n }\r\n } catch (error) {\r\n console.error(\"setDefaultColors failed:\", error);\r\n }\r\n}\r\n\r\n/\r\n Set default messages with validation\r\n /\r\nfunction setDefaultMessages(messages) {\r\n try {\r\n if (messages && typeof messages === \"object\" && !Array.isArray(messages)) {\r\n defaultMessages = { ...defaultMessages, ...messages };\r\n }\r\n } catch (error) {\r\n console.error(\"setDefaultMessages failed:\", error);\r\n }\r\n}\r\n\r\nfunction noop() {\r\n const toast = document.querySelector('[id^=\"toast-\"]:not([id=\"container\"])');\r\n closeToast(toast);\r\n}\r\n\r\n// Module exports\r\nexport { createToast, setDefaultColors, setDefaultMessages, noop };\r\n\r\n// Global assignment with protection\r\ntry {\r\n // UMD/Global support\r\n if (typeof window !== \"undefined\") {\r\n window.customizableToast = {\r\n createToast,\r\n setDefaultColors,\r\n setDefaultMessages,\r\n };\r\n }\r\n} catch (error) {\r\n console.error(\"Global assignment failed:\", error);\r\n}\r\n"],"names":["async","generateUniqueId","prefix","Date","now","Math","floor","random","createToastContainer","position","toastContainer","document","getElementById","createElement","id","style","zIndex","container","top","bottom","left","right","transform","includes","setPosition","parent","child","contains","appendChild","error","insertAdjacentElement","fallbackError","body","insertAdjacentHTML","outerHTML","emergencyError","applyRichStyling","toast","options","onClose","animDurationMs","duration","endsWith","parsed","parseFloat","parseAnimationDuration","animationDuration","Object","assign","background","backgroundColor","color","textColor","padding","marginBottom","borderRadius","display","alignItems","justifyContent","boxShadow","minWidth","maxWidth","opacity","transition","animationEasing","_animationDuration","messageSpan","textContent","message","flex","showCloseButton","closeButton","innerHTML","border","fontSize","marginLeft","cursor","onclick","_cleanupCloseButton","createCloseButton","showProgressBar","progressBar","height","progressHeight","progressColor","width","progressPosition","setTimeout","el","offsetWidth","forceReflow","createProgressBar","runToastAnimation","createEmergencyToast","emergency","_isEmergencyToast","parentNode","removeChild","alert","alertError","createToastElement","querySelector","tagName","Error","fallbackTag","fallbackPrefix","fallbackEl","setAttribute","createElementWithId","currentToast","emergencyTimeouts","showToast","closeToast","push","cleanUpTime","dismissTimeout","fn","delay","safeSetTimeout","primaryError","elContainer","emergencyToast","substring","length","index","indexOf","splice","remove","pointerEvents","hideError","removeElement","defaultColors","success","warning","info","defaultMessages","createToast","sanitizedOptions","defaults","type","undefined","final","Array","isArray","keys","forEach","key","hasOwnProperty","sanitizeToastOptions","safeMessage","setDefaultColors","colors","setDefaultMessages","messages","window","customizableToast"],"mappings":";;;;;;;;;;;;;;wPAQOA,eAAeC,EAAiBC,GACrC,MAAO,GAAGA,KAAUC,KAAKC,SAASC,KAAKC,MAAsB,IAAhBD,KAAKE,WACpD,CCCOP,eAAeQ,EAAqBC,GACzC,IACE,IAAIC,EAAiBC,SAASC,eAAe,mBAAmBH,KAWhE,OATKC,IACHA,EAAiBC,SAASE,cAAc,OACxCH,EAAeI,GAAK,mBAAmBL,IACvCC,EAAeK,MAAMN,SAAW,QAChCC,EAAeK,MAAMC,OAAS,aCX7BhB,eAA2BiB,EAAWR,GAE3CQ,EAAUF,MAAMG,IAAM,OACtBD,EAAUF,MAAMI,OAAS,OACzBF,EAAUF,MAAMK,KAAO,OACvBH,EAAUF,MAAMM,MAAQ,OACxBJ,EAAUF,MAAMO,UAAY,OAExBb,EAASc,SAAS,UACpBN,EAAUF,MAAMI,OAAS,OAChBV,EAASc,SAAS,SAC3BN,EAAUF,MAAMG,IAAM,QAGpBT,EAASc,SAAS,SACpBN,EAAUF,MAAMM,MAAQ,OACfZ,EAASc,SAAS,QAC3BN,EAAUF,MAAMK,KAAO,OACdX,EAASc,SAAS,YAC3BN,EAAUF,MAAMG,IAAM,MACtBD,EAAUF,MAAMK,KAAO,MACvBH,EAAUF,MAAMO,UAAY,wBAEhC,CDXYE,CAAYd,EAAgBD,SEgBjCT,eAA2ByB,EAAQC,GACxC,IAAKD,IAAWC,EAAO,OAAO,EAG9B,IACE,OAAKD,EAAOE,SAASD,IACnBD,EAAOG,YAAYF,IAGd,CACR,CAAC,MAAOG,GAIP,IAEE,OADAJ,EAAOK,sBAAsB,YAAaJ,IACnC,CACR,CAAC,MAAOK,GAIP,IACE,GAAIN,IAAWd,SAASqB,KAMtB,OALAN,EAAMX,MAAMN,SAAW,QACvBiB,EAAMX,MAAMG,IAAM,OAClBQ,EAAMX,MAAMM,MAAQ,OACpBK,EAAMX,MAAMC,OAAS,QACrBL,SAASqB,KAAKC,mBAAmB,YAAaP,EAAMQ,WAAa,KAC1D,CAEV,CAAC,MAAOC,GAEP,OAAO,CACR,CACF,CACF,CACD,OAAO,CACT,CFpDYP,CAAYjB,SAASqB,KAAMtB,IAG5BA,CACR,CAAC,MAAOmB,GAGP,OAAOlB,SAASqB,IACjB,CACH,CG0CO,SAASI,EAAiBC,EAAOC,EAASC,GAC/C,MAAMC,ED8CD,SAAgCC,GAErC,IACE,GAAwB,iBAAbA,GAAyBA,EAAW,EAAG,OAAOA,EACzD,GAAwB,iBAAbA,EAAuB,CAChC,GAAIA,EAASC,SAAS,OAASD,EAASC,SAAS,MAAO,CACtD,MAAMC,EAAgC,IAAvBC,WAAWH,GAC1B,OAAOE,EAAS,EAAIA,EAAS,GAC9B,CACD,MAAMA,EAASC,WAAWH,GAC1B,OAAOE,EAAS,EAAIA,EAAS,GAC9B,CACF,CAAC,MAAOd,GAER,CAGD,OAAO,GACT,CChEyBgB,CAAuBP,EAAQQ,mBAGtDC,OAAOC,OAAOX,EAAMtB,MAAO,CACzBkC,WAAYX,EAAQY,iBAAmBZ,EAAQa,OAAS,OACxDA,MAAOb,EAAQc,WAAa,QAC5BC,QAAS,YACTC,aAAc,OACdC,aAAc,MACdC,QAAS,OACTC,WAAY,SACZC,eAAgB,gBAChBC,UAAW,+BACXC,SAAU,QACVC,SAAU,QACVC,QAAS,IACTrD,SAAU,WACVsD,WAAY,WAAWvB,GAAkB,UACvCF,EAAQ0B,iBAAmB,qBACdxB,GAAkB,UAC/BF,EAAQ0B,iBAAmB,SAE7B1C,UAAW,mBACXN,OAAQ,SAGVqB,EAAM4B,mBAAqBzB,EAG3B,MAAM0B,EAAcvD,SAASE,cAAc,QAC3CqD,EAAYC,YAAc7B,EAAQ8B,SAAW,eAC7CF,EAAYnD,MAAMsD,KAAO,IACzBhC,EAAMT,YAAYsC,GAGd5B,EAAQgC,iBAlGP,SAA2BjC,EAAOC,EAASC,GAChD,MAAMgC,EAAc5D,SAASE,cAAc,UAC3C0D,EAAYC,UAAY,UACxBzB,OAAOC,OAAOuB,EAAYxD,MAAO,CAC/BkC,WAAY,OACZwB,OAAQ,OACRtB,MAAOb,EAAQc,WAAa,QAC5BsB,SAAU,OACVC,WAAY,OACZC,OAAQ,YAGVL,EAAYM,QAAU,IAAMtC,EAAQF,GACpCA,EAAMT,YAAY2C,GAElBlC,EAAMyC,oBAAsB,KAC1BP,EAAYM,QAAU,KAE1B,CAiFIE,CAAkB1C,EAAOC,EAASC,GAIhCD,EAAQ0C,iBA9EP,SAA2B3C,EAAOC,GACvC,MAAM2C,EAActE,SAASE,cAAc,OAC3CkC,OAAOC,OAAOiC,EAAYlE,MAAO,CAC/BN,SAAU,WACVW,KAAM,IACN8D,OAAQ5C,EAAQ6C,gBAAkB,MAClClC,WAAYX,EAAQ8C,eAAiB,2BACrCC,MAAO,OACPtB,WAAY,SAASzB,EAAQG,UAAY,gBACzC,CAA8B,QAA7BH,EAAQgD,iBAA6B,MAAQ,UAAW,MAG3DjD,EAAMT,YAAYqD,GAElBM,WAAW,MD6FN,SAAqBC,GAC1B,IACE,OAAOA,GAAIC,aAAe,CAC3B,CAAC,MAAO5D,GAEP,OAAO,CACR,CACH,CCnGI6D,CAAYT,GACZA,EAAYlE,MAAMsE,MAAQ,MACzB,IACL,CA6DIM,CAAkBtD,EAAOC,GAvDtB,SAA2BD,GAChCkD,WAAW,KACTlD,EAAMtB,MAAM+C,QAAU,IACtBzB,EAAMtB,MAAMO,UAAY,iBACvB,GACL,CAsDEsE,CAAkBvD,EACpB,CAuCO,SAASwD,EAAqBvD,EAASC,GAC5C,IAEE,MAAMuD,EAAYnF,SAASE,cAAc,OAuCzC,OAtCAiF,EAAUhF,GAAK,aAAaX,KAAKC,QACjC0F,EAAUtB,UAAY,moBAiBhBlC,EAAQ8B,SAAW,oJAKzB0B,EAAU7B,mBAAqB,IAC/B6B,EAAUC,mBAAoB,EAG9BR,WAAW,KACT,IACMO,EAAUE,YACZF,EAAUE,WAAWC,YAAYH,GAEnCvD,EAAQuD,EACT,CAAC,MAAOjE,GAER,GACAS,EAAQG,UAAY,MAEhBqD,CACR,CAAC,MAAO3D,GAcP,OAVAoD,WAAW,KACT,IACEW,MAAM5D,EAAQ8B,SAAW,0BACzB7B,EAAQ,KACT,CAAC,MAAO4D,GAEP5D,EAAQ,KACT,GACA,KAEI,IACR,CACH,CC7MOvC,eAAeoG,EAAmB9D,EAASC,GAChD,IAGIF,EAFJ,IADqB1B,SAAS0F,cAAc,4BACvB,OAAO,KAO5B,IAGE,OAFAhE,QFdGrC,eAAmCsG,EAASpG,GAEjD,IACE,IAAKoG,IAAYpG,EAAQ,MAAM,IAAIqG,MAAM,kCAEzC,MAAMf,EAAK7E,SAASE,cAAcyF,GAElC,OADAd,EAAG1E,GAAKb,EAAiBC,GAClBsF,CACR,CAAC,MAAO3D,GAIP,IACE,MAAM2E,EAAc,MACdC,EAAiB,WACjBC,EAAa/F,SAASE,cAAc2F,GAG1C,OAFAE,EAAW5F,GAAKb,EAAiBwG,GACjCC,EAAWC,aAAa,oBAAqBH,GACtCE,CACR,CAAC,MAAO3E,GAER,CACF,CACH,CETkB6E,CALA,MACD,SAKbxE,EAAiBC,EAAOC,EAASC,GAC1BF,CACR,CAAC,MAAOR,GAGP,OADAgE,EAAqBvD,EAASC,GACvBF,CACR,CACH,CCnBA,IAAIwE,EAAe,GACfC,EAAoB,GAKjB9G,eAAe+G,EAAUzE,GAE9B,IACE,MAAMrB,QAAkBT,EAAqB8B,EAAQ7B,UAC/C4B,QAAc+D,EAAmB9D,EAAS0E,GAEhD,IAAK3E,EACH,MAAM,IAAIkE,MAAM,kCAGlBM,EAAaI,KAAK5E,GAGdpB,EAAUH,GAAGS,SAAS,qBACxBN,EAAUW,YAAYS,GAIxB,MAAM6E,EACwB,iBAArB5E,EAAQG,UAAyBH,EAAQG,SAAW,EACvDH,EAAQG,SAAW,EACnB,KACA0E,QFoLHnH,eAA8BoH,EAAIC,GAOvC,OANW9B,WAAW,KAEpB6B,KACCC,EAIL,CE5LiCC,CAC3B,IAAMN,EAAW3E,GACjB6E,GAGF,YADAJ,EAAkBG,KAAKE,EAExB,CAAC,MAAOI,GAKP,MAAMC,EAAc7G,SAAS0F,cAAc,4BACrCoB,EAAiB5B,EAAqBvD,EAAS0E,GAIrD,YAHAQ,GAAeA,GAAa1G,IAAIS,SAAS,oBACrCiG,EAAY5F,YAAY6F,GACxBvB,MAAMqB,EAAaG,UAAU,EAAG,MAErC,CACH,CA4BO1H,eAAegH,EAAW3E,GAC/B,GAAIwE,EAAac,OAAS,EAAG,CAC3B,MAAMC,EAAQf,EAAagB,QAAQxF,IACpB,IAAXuF,GACFf,EAAaiB,OAAOF,EAAO,EAE9B,OHbI5H,eAA6BwF,GAClC,IAAKA,EAAI,OAAO,EAGhB,IACE,GAAIA,GAAIQ,YAAYlF,GAAGS,SAAS,oBAE9B,OADAiE,EAAGQ,WAAWC,YAAYT,IACnB,CAEV,CAAC,MAAO3D,GAIP,IACE,GAAI2D,EAAGuC,OAEL,OADAvC,EAAGuC,UACI,CAEV,CAAC,MAAOhG,GAIP,IAME,OALAyD,EAAGzE,MAAMyC,QAAU,OACnBgC,EAAGzE,MAAM+C,QAAU,IACnB0B,EAAGzE,MAAMiH,cAAgB,OACzBxC,EAAGzE,MAAMN,SAAW,WACpB+E,EAAGzE,MAAMK,KAAO,WACT,CACR,CAAC,MAAO6G,GAEP,OAAO,CACR,CACF,CACF,CACD,OAAO,CACT,CGtBQC,CAAc7F,EACtB,CCpEA,IAAI8F,EAAgB,CAClBC,QAAS,UACTvG,MAAO,UACPwG,QAAS,UACTC,KAAM,WAGJC,EAAkB,CACpBH,QAAS,oCACTvG,MAAO,wBACPwG,QAAS,mBACTC,KAAM,wBAMRtI,eAAewI,EAAYlG,EAAU,IACnC,IAEE,MAAMmG,QAkBVzI,eAAoCsC,GAClC,MAAMoG,EAAW,CACfjG,SAAU,KACVhC,SAAU,eACVkI,KAAM,OACNzF,qBAAiB0F,EACjBxF,UAAW,QACXkB,iBAAiB,EACjBxB,kBAAmB,OACnBkB,gBAAiB,OACjBgB,iBAAiB,EACjBI,mBAAewD,EACfzD,eAAgB,MAChBG,iBAAkB,UAIpB,IAAIuD,EAAQ,IAAKH,GAGbpG,GAA8B,iBAAZA,IAAyBwG,MAAMC,QAAQzG,KAC3DS,OAAOiG,KAAKN,GAAUO,QAASC,IACzB5G,EAAQ6G,eAAeD,KACzBL,EAAMK,GAAO5G,EAAQ4G,WAKDN,IAApBtG,EAAQ8B,SAA6C,cAApB9B,EAAQ8B,UAC3CyE,EAAMzE,QAAU9B,EAAQ8B,UAK5B,KACOyE,EAAM3F,iBAAmB2F,EAAMF,MAAQR,EAAcU,EAAMF,QAC9DE,EAAM3F,gBAAkBiF,EAAcU,EAAMF,QAGzCE,EAAMzE,SAAWyE,EAAMF,MAAQJ,EAAgBM,EAAMF,QACxDE,EAAMzE,QAAUmE,EAAgBM,EAAMF,MAEzC,CAAC,MAAO9G,GAER,CAGIgH,EAAMzE,SAAoC,iBAAlByE,EAAMzE,UACjCyE,EAAMzE,QAAU,wBAOlB,OAAOyE,CACT,CA1EmCO,CAAqB9G,SAG9CyE,EAAU0B,EACjB,CAAC,MAAO5G,GAIP,MAAMwH,EACwB,iBAArB/G,GAAS8B,QACZ,GAAG9B,EAAQ8B,QAAQsD,UAAU,EAAG,8BAChC,yBAENxB,MAAMmD,EACP,CACH,CAgEA,SAASC,EAAiBC,GACxB,IACMA,GAA4B,iBAAXA,IAAwBT,MAAMC,QAAQQ,KACzDpB,EAAgB,IAAKA,KAAkBoB,GAE1C,CAAC,MAAO1H,GAER,CACH,CAKA,SAAS2H,EAAmBC,GAC1B,IACMA,GAAgC,iBAAbA,IAA0BX,MAAMC,QAAQU,KAC7DlB,EAAkB,IAAKA,KAAoBkB,GAE9C,CAAC,MAAO5H,GAER,CACH,CAWA,IAEwB,oBAAX6H,SACTA,OAAOC,kBAAoB,CACzBnB,cACAc,mBACAE,sBAGN,CAAE,MAAO3H,GAET,wBApBA,WAEEmF,EADcrG,SAAS0F,cAAc,yCAEvC"}
1	+ {"version":3,"file":"index.umd.js","sources":["../src/utils/position.js","../src/utils/id.js","../src/utils/dom.js","../src/components/toast-utils.js","../src/components/Toast.js","../src/components/ToastManager.js","../src/components/ToastContainer.js","../src/index.js"],"sourcesContent":["// src/utils/position.js\r\n\"use strict\";\r\n\r\n/*\r\n Set position for toast container (EXACT same logic as original)\r\n * @param {HTMLElement} container - Toast container element\r\n * @param {string} position - Position string\r\n /\r\nexport async function setPosition(container, position) {\r\n // Reset all position properties first\r\n container.style.top = \"auto\";\r\n container.style.bottom = \"auto\";\r\n container.style.left = \"auto\";\r\n container.style.right = \"auto\";\r\n container.style.transform = \"none\";\r\n\r\n if (position.includes(\"bottom\")) {\r\n container.style.bottom = \"10px\";\r\n } else if (position.includes(\"top\")) {\r\n container.style.top = \"10px\";\r\n }\r\n\r\n if (position.includes(\"right\")) {\r\n container.style.right = \"10px\";\r\n } else if (position.includes(\"left\")) {\r\n container.style.left = \"10px\";\r\n } else if (position.includes(\"center\")) {\r\n container.style.top = \"50%\";\r\n container.style.left = \"50%\";\r\n container.style.transform = \"translate(-50%, -50%)\";\r\n }\r\n}\r\n","// src/utils/id.js\r\n\"use strict\";\r\n\r\n/\r\n Generate unique ID for DOM elements to avoid conflicts\r\n * @param {string} prefix - Optional prefix for ID\r\n * @returns {string} Unique ID\r\n /\r\nexport async function generateUniqueId(prefix) {\r\n return `${prefix}-${Date.now()}-${Math.floor(Math.random() 100000)}`;\r\n}\r\n","// src/utils/dom.js\r\n\"use strict\";\r\n\r\nimport { generateUniqueId } from \"./id.js\";\r\n\r\n/*\r\n Multi-layer fallback DOM element creation\r\n /\r\nexport async function createElementWithId(tagName, prefix) {\r\n // PRIMARY: Standard createElement\r\n try {\r\n if (!tagName \|\| !prefix) throw new Error(`tagName and prefix is required`);\r\n\r\n const el = document.createElement(tagName);\r\n el.id = await generateUniqueId(prefix);\r\n return el;\r\n } catch (error) {\r\n console.warn(`Primary createElement failed for`, error);\r\n\r\n // FALLBACK-A: Try div as alternative\r\n try {\r\n const fallbackTag = \"div\";\r\n const fallbackPrefix = \"fallback\";\r\n const fallbackEl = document.createElement(fallbackTag);\r\n fallbackEl.id = await generateUniqueId(fallbackPrefix);\r\n fallbackEl.setAttribute(\"data-original-tag\", fallbackTag);\r\n return fallbackEl;\r\n } catch (fallbackError) {\r\n console.error(\"All DOM creation methods failed:\", fallbackError);\r\n }\r\n }\r\n}\r\n\r\n/\r\n Multi-strategy appendChild with graceful degradation\r\n /\r\nexport async function appendChild(parent, child) {\r\n if (!parent \|\| !child) return false;\r\n\r\n // PRIMARY: Standard appendChild\r\n try {\r\n if (!parent.contains(child)) {\r\n parent.appendChild(child);\r\n return true;\r\n }\r\n return true;\r\n } catch (error) {\r\n console.warn(\"Primary appendChild failed:\", error);\r\n\r\n // FALLBACK-A: insertAdjacentElement\r\n try {\r\n parent.insertAdjacentElement(\"beforeend\", child);\r\n return true;\r\n } catch (fallbackError) {\r\n console.warn(\"Fallback appendChild failed:\", fallbackError);\r\n\r\n // FALLBACK-B: Manual positioning\r\n // Emergency fallback removed: avoid using outerHTML (drops listeners & risks XSS).\r\n // Final attempt: clone and append using standard APIs.\r\n try {\r\n if (parent === document.body) {\r\n const clone = child.cloneNode(true);\r\n parent.appendChild(clone);\r\n return true;\r\n }\r\n } catch (emergencyError) {\r\n console.error(\"All append strategies failed:\", emergencyError);\r\n return false;\r\n }\r\n }\r\n }\r\n return false;\r\n}\r\n\r\n/\r\n Safe element removal with multiple strategies\r\n /\r\nexport async function removeElement(el) {\r\n if (!el) return true;\r\n\r\n // PRIMARY: parentNode.removeChild\r\n try {\r\n if (el?.parentNode?.id.includes(\"toast-container-\")) {\r\n el.parentNode.removeChild(el);\r\n return true;\r\n }\r\n } catch (error) {\r\n console.warn(\"Primary removal failed:\", error);\r\n\r\n // FALLBACK-A: element.remove()\r\n try {\r\n if (el.remove) {\r\n el.remove();\r\n return true;\r\n }\r\n } catch (fallbackError) {\r\n console.warn(\"Fallback removal failed:\", fallbackError);\r\n\r\n // FALLBACK-B: Hide instead of remove\r\n try {\r\n el.style.display = \"none\";\r\n el.style.opacity = \"0\";\r\n el.style.pointerEvents = \"none\";\r\n el.style.position = \"absolute\";\r\n el.style.left = \"-9999px\";\r\n return true;\r\n } catch (hideError) {\r\n console.error(\"All removal strategies failed:\", hideError);\r\n return false;\r\n }\r\n }\r\n }\r\n return true;\r\n}\r\n\r\n/\r\n Animation duration parser with fallbacks\r\n /\r\nexport async function parseAnimationDuration(duration) {\r\n // PRIMARY: Parse provided duration\r\n try {\r\n if (typeof duration === \"number\" && duration > 0) return duration;\r\n if (typeof duration === \"string\") {\r\n if (duration.endsWith(\"s\") && !duration.endsWith(\"ms\")) {\r\n const parsed = parseFloat(duration) 1000;\r\n return parsed > 0 ? parsed : 500;\r\n }\r\n const parsed = parseFloat(duration);\r\n return parsed > 0 ? parsed : 500;\r\n }\r\n } catch (error) {\r\n console.warn(\"Duration parsing failed:\", error);\r\n }\r\n\r\n // FALLBACK: Safe default\r\n return 500;\r\n}\r\n\r\n/*\r\n Force reflow with error protection\r\n /\r\nexport function forceReflow(el) {\r\n try {\r\n return el?.offsetWidth \|\| 0;\r\n } catch (error) {\r\n console.warn(\"Force reflow failed:\", error);\r\n return 0;\r\n }\r\n}\r\n\r\n/\r\n Query selector shortcut with optional root.\r\n * @param {string} selector\r\n * @param {Document\|HTMLElement} [root=document]\r\n * @returns {Element\|null}\r\n /\r\nexport function query(selector, root = document) {\r\n return root.querySelector(selector);\r\n}\r\n\r\nexport async function getTextColor(options) {\r\n return options.backgroundColor &&\r\n (await contrast(options.backgroundColor)) > 3.5\r\n ? \"black\"\r\n : \"white\";\r\n}\r\n\r\nasync function contrast(color) {\r\n let r, g, b;\r\n\r\n // If color is in hex format\r\n if (color.startsWith(\"#\")) {\r\n const hex = color.substring(1);\r\n if (hex.length === 3) {\r\n r = parseInt(hex[0] + hex[0], 16);\r\n g = parseInt(hex[1] + hex[1], 16);\r\n b = parseInt(hex[2] + hex[2], 16);\r\n } else {\r\n r = parseInt(hex.substring(0, 2), 16);\r\n g = parseInt(hex.substring(2, 4), 16);\r\n b = parseInt(hex.substring(4, 6), 16);\r\n }\r\n }\r\n // If color is in rgb/rgba format\r\n else if (color.startsWith(\"rgb\") \|\| color.startsWith(\"rgba\")) {\r\n const match = color.match(\r\n /^rgba?\$(\\d+),\\s(\\d+),\\s(\\d+)(?:,\\s(\\d+(?:\\.\\d+)?))?\$$/\r\n );\r\n if (match) {\r\n r = parseInt(match[1]);\r\n g = parseInt(match[2]);\r\n b = parseInt(match[3]);\r\n }\r\n }\r\n // If color is a color name\r\n else {\r\n const colorMap = {\r\n black: [0, 0, 0],\r\n white: [255, 255, 255],\r\n // Add more color names as needed\r\n };\r\n const colorArray = colorMap[color.toLowerCase()];\r\n if (colorArray) {\r\n r = colorArray[0];\r\n g = colorArray[1];\r\n b = colorArray[2];\r\n } else {\r\n throw new Error(`Unsupported color format: ${color}`);\r\n }\r\n }\r\n\r\n const l1 = (r * 0.2126 + g * 0.7152 + b * 0.0722) / 255;\r\n const l2 = 0.05;\r\n return (Math.max(l1, l2) + 0.05) / Math.min(l1, l2);\r\n}\r\n","\"use strict\";\r\n\r\nimport { forceReflow, parseAnimationDuration } from \"../utils/dom.js\";\r\n\r\n/*\r\n Create close button for toast\r\n * @param {HTMLElement} toast - Toast element\r\n * @param {Object} options - Toast options\r\n * @param {Function} onClose - Close callback\r\n /\r\nexport async function createCloseButton(toast, options, onClose) {\r\n const closeButton = document.createElement(\"button\");\r\n // Accessibility + avoid innerHTML (XSS surface)\r\n closeButton.setAttribute(\"aria-label\", \"Close notification\");\r\n closeButton.setAttribute(\"title\", \"Close\");\r\n closeButton.textContent = \"×\"; // U+00D7 multiplication sign\r\n Object.assign(closeButton.style, {\r\n background: \"none\",\r\n border: \"none\",\r\n color: options.textColor,\r\n fontSize: \"18px\",\r\n marginLeft: \"10px\",\r\n cursor: \"pointer\",\r\n });\r\n\r\n closeButton.onclick = () => onClose(toast);\r\n toast.appendChild(closeButton);\r\n\r\n toast._cleanupCloseButton = () => {\r\n closeButton.onclick = null;\r\n };\r\n}\r\n\r\n/\r\n Create progress bar for toast\r\n * @param {HTMLElement} toast - Toast element\r\n * @param {Object} options - Toast options\r\n /\r\nexport async function createProgressBar(toast, options) {\r\n const progressBar = document.createElement(\"div\");\r\n Object.assign(progressBar.style, {\r\n position: \"absolute\",\r\n left: \"0\",\r\n height: options.progressHeight \|\| \"4px\",\r\n background: options.progressColor \|\| \"rgba(255, 255, 255, 0.3)\",\r\n width: \"100%\",\r\n transition: `width ${options.duration \|\| 1800}ms linear`,\r\n [options.progressPosition === \"top\" ? \"top\" : \"bottom\"]: \"0\",\r\n });\r\n\r\n toast.appendChild(progressBar);\r\n\r\n setTimeout(() => {\r\n forceReflow(progressBar);\r\n progressBar.style.width = \"0%\";\r\n }, 100);\r\n}\r\n\r\n/\r\n Run toast fade-in animation\r\n * @param {HTMLElement} toast - Toast element\r\n /\r\nexport async function runToastAnimation(toast) {\r\n setTimeout(() => {\r\n requestAnimationFrame(() => {\r\n toast.style.opacity = \"1\";\r\n toast.style.transform = \"translateY(0)\";\r\n });\r\n }, 50);\r\n}\r\n\r\n/\r\n Apply rich styling to toast element\r\n * @param {HTMLElement} toast - Toast element\r\n * @param {Object} options - Toast options\r\n * @param {Function} onClose - Close callback\r\n /\r\nexport async function applyRichStyling(toast, options, onClose) {\r\n const animDurationMs = await parseAnimationDuration(\r\n options.animationDuration\r\n );\r\n\r\n // Apply full styling\r\n Object.assign(toast.style, {\r\n background: options.backgroundColor,\r\n padding: \"12px 20px\",\r\n marginBottom: \"10px\",\r\n borderRadius: options.borderRadius,\r\n overflow: \"hidden\",\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n justifyContent: \"space-between\",\r\n boxShadow: \"0 4px 6px rgba(0, 0, 0, 0.1)\",\r\n minWidth: \"250px\",\r\n maxWidth: \"400px\",\r\n opacity: \"0\",\r\n position: \"relative\",\r\n transition: `opacity ${options.animationDuration} ${options.animationEasing}, transform ${options.animationDuration} ${options.animationEasing}`,\r\n transform: \"translateY(20px)\",\r\n zIndex: \"9999\",\r\n // willChange: \"opacity, transform\",\r\n });\r\n\r\n // TODO! Later\r\n // await animateElement(toast, {\r\n // animationType: options.animationType,\r\n // duration: animDurationMs,\r\n // easing: options.animationEasing,\r\n // });\r\n\r\n toast._animationDuration = animDurationMs;\r\n\r\n // Message span\r\n const messageSpan = document.createElement(\"span\");\r\n\r\n // Layout & positioning\r\n messageSpan.style.position = options.fontPosition;\r\n messageSpan.style.display = \"inline-block\"; // ensure consistent layout\r\n messageSpan.style.flex = \"1\";\r\n\r\n // Spacing & container styling\r\n messageSpan.style.padding = options.fontPadding;\r\n messageSpan.style.borderRadius = options.fontBorderRadius;\r\n messageSpan.style.background = options.fontBackgroundColor;\r\n\r\n // Font stack (system + emoji + fallback)\r\n messageSpan.style.fontFamily = options.fontFamily;\r\n\r\n // Font size & readability\r\n messageSpan.style.fontSize = options.fontSize; // minimum for readability\r\n messageSpan.style.fontWeight = options.fontWeight;\r\n messageSpan.style.lineHeight = options.fontLineHeight; // balance readability\r\n\r\n //TODO LATER Icons (auto dark/light fallback)\r\n // messageSpan.style.color =\r\n // options.iconColor \|\|\r\n // (window.matchMedia(\"(prefers-color-scheme: dark)\").matches\r\n // ? \"#f5f5f5\"\r\n // : \"#111111\");\r\n\r\n // Colors (auto dark/light fallback)\r\n messageSpan.style.color = options.textColor;\r\n\r\n // Accessibility\r\n messageSpan.style.userSelect = \"text\"; // allow copy/paste if needed\r\n messageSpan.style.wordBreak = \"break-word\"; // avoid layout breaking on long strings\r\n messageSpan.style.direction = options.fontDirection; // RTL/LTR auto-detect\r\n // ✅ Multi-line ellipsis (max 3 lines)\r\n messageSpan.style.webkitLineClamp = \"3\"; // maximum 3 lines\r\n messageSpan.style.webkitBoxOrient = \"vertical\";\r\n messageSpan.style.whiteSpace = options.wrapText ? \"normal\" : \"nowrap\"; // allow wrapping if wanted\r\n messageSpan.style.display = \"block\";\r\n messageSpan.style.overflow = \"hidden\";\r\n messageSpan.style.textOverflow = \"ellipsis\";\r\n messageSpan.style.lineClamp = \"3\"; // modern property\r\n messageSpan.style.boxOrient = \"vertical\"; // non-prefixed\r\n messageSpan.style.display = \"-webkit-box\";\r\n // messageSpan.style.mixBlendMode = \"difference\";\r\n // Assign message\r\n messageSpan.textContent = options.message;\r\n messageSpan.setAttribute(\"aria-label\", \"Toast Notification Center\");\r\n messageSpan.setAttribute(\"title\", options.message);\r\n // Add to toast\r\n toast.appendChild(messageSpan);\r\n\r\n // TODO Icon Later\r\n // if (options.icon) {\r\n // createIcon(toast, options);\r\n // }\r\n\r\n // Close button\r\n if (options.showCloseButton) {\r\n await createCloseButton(toast, options, onClose);\r\n }\r\n\r\n // Progress bar\r\n if (options.showProgressBar) {\r\n await createProgressBar(toast, options);\r\n }\r\n\r\n // Animation\r\n await runToastAnimation(toast);\r\n}\r\n\r\n/\r\n Create basic fallback toast\r\n * @param {HTMLElement} toast - Toast element\r\n * @param {Object} options - Toast options\r\n * @param {Function} onClose - Close callback\r\n /\r\nexport async function createBasicToast(toast, options, onClose) {\r\n // Basic styling only\r\n Object.assign(toast.style, {\r\n background: \"#333\",\r\n color: \"white\",\r\n padding: \"10px 15px\",\r\n margin: \"10px\",\r\n borderRadius: \"3px\",\r\n position: \"fixed\",\r\n top: \"20px\",\r\n right: \"20px\",\r\n zIndex: \"99999\",\r\n maxWidth: \"300px\",\r\n wordWrap: \"break-word\",\r\n });\r\n\r\n toast.textContent = options.message;\r\n\r\n if (options.showCloseButton) {\r\n toast.style.cursor = \"pointer\";\r\n toast.onclick = () => onClose(toast);\r\n }\r\n\r\n toast._animationDuration = 500;\r\n}\r\n\r\n// CSS injection function\r\nasync function injectToastStyles() {\r\n if (document.getElementById(\"ctoast-styles\")) return; // Already injected\r\n\r\n const style = document.createElement(\"style\");\r\n style.id = \"ctoast-styles\";\r\n style.textContent = `\r\n .ctoast-toast {\r\n padding: 12px 20px;\r\n margin-bottom: 10px;\r\n border-radius: 5px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n box-shadow: 0 4px 6px rgba(0,0,0,0.1);\r\n min-width: 250px;\r\n max-width: 400px;\r\n opacity: 0;\r\n position: relative;\r\n transform: translateY(20px);\r\n z-index: 9999;\r\n }\r\n\r\n .ctoast-message {\r\n flex: 1;\r\n }\r\n\r\n .ctoast-close {\r\n cursor: pointer;\r\n margin-left: 10px;\r\n font-weight: bold;\r\n background: transparent;\r\n border: none;\r\n }\r\n\r\n .ctoast-progress {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n height: 4px;\r\n background: rgba(255,255,255,0.7);\r\n width: 100%;\r\n transform-origin: left;\r\n }\r\n\r\n .ctoast-show {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n `;\r\n document.head.appendChild(style);\r\n}\r\n\r\n/\r\n Emergency toast as last resort\r\n * @param {Object} options - Toast options\r\n * @param {Function} onClose - Close callback\r\n /\r\nexport async function createEmergencyToast(options, onClose) {\r\n try {\r\n // Create emergency div\r\n const emergency = document.createElement(\"div\");\r\n emergency.id = `emergency-${Date.now()}`;\r\n emergency.innerHTML = `\r\n <div style=\"\r\n background: #333 !important;\r\n color: white !important;\r\n padding: 10px 15px !important;\r\n position: fixed !important;\r\n top: 20px !important;\r\n right: 20px !important;\r\n z-index: 99999 !important;\r\n border-radius: 3px !important;\r\n max-width: 250px !important;\r\n word-wrap: break-word !important;\r\n font-family: Arial, sans-serif !important;\r\n font-size: 14px !important;\r\n box-shadow: 0 2px 10px rgba(0,0,0,0.3) !important;\r\n cursor: pointer !important;\r\n \" onclick=\"this.parentNode.removeChild(this)\">\r\n ${options.message \|\| \"Emergency Toast Creation Showing!\"}\r\n <span style=\"float: right; margin-left: 10px; font-weight: bold;\">×</span>\r\n </div>\r\n `;\r\n\r\n emergency._animationDuration = 500;\r\n emergency._isEmergencyToast = true;\r\n\r\n // Auto remove\r\n setTimeout(() => {\r\n try {\r\n if (emergency.parentNode) {\r\n emergency.parentNode.removeChild(emergency);\r\n }\r\n onClose(emergency);\r\n } catch (error) {\r\n console.warn(\"Emergency cleanup failed:\", error);\r\n }\r\n }, options.duration \|\| 1800);\r\n\r\n return emergency;\r\n } catch (emergencyError) {\r\n console.error(\"Emergency toast creation failed:\", emergencyError);\r\n\r\n // ULTIMATE FALLBACK: Alert\r\n setTimeout(() => {\r\n try {\r\n alert(options.message \|\| \"Toast Creation Failed!\");\r\n onClose(null);\r\n } catch (alertError) {\r\n console.error(\"Ultimate fallback failed:\", alertError);\r\n onClose(null);\r\n }\r\n }, 100);\r\n\r\n return null;\r\n }\r\n}\r\n\r\nexport async function safeSetTimeout(fn, delay) {\r\n const id = setTimeout(() => {\r\n console.warn(\"Timer fired after\", delay, \"ms\");\r\n fn();\r\n }, delay);\r\n\r\n console.warn(\"Timer scheduled with id:\", id, \"delay:\", delay);\r\n return id;\r\n}\r\n","// src/components/Toast.js //# Single responsibility\r\n\"use strict\";\r\n\r\nimport { createElementWithId } from \"../utils/dom.js\";\r\nimport { applyRichStyling, createEmergencyToast } from \"./toast-utils.js\";\r\n\r\n/\r\n Multi-layer toast creation with satellite-grade fallbacks\r\n * @param {Object} options - Toast configuration options\r\n * @param {Function} onClose - Callback when toast closes\r\n * @returns {HTMLElement} Toast element\r\n /\r\nexport async function createToastElement(options, onClose) {\r\n let toastContainer = document.querySelector('[id^=\"toast-container-\"]');\r\n if (!toastContainer) return null;\r\n\r\n let toast;\r\n const tagName = \"div\";\r\n const prefix = \"toast\";\r\n\r\n // PRIMARY: Full-featured toast\r\n try {\r\n toast = await createElementWithId(tagName, prefix);\r\n await applyRichStyling(toast, options, onClose);\r\n return toast;\r\n } catch (error) {\r\n console.warn(\"error:\", error);\r\n await createEmergencyToast(options, onClose);\r\n return toast;\r\n }\r\n}\r\n","// src/components/ToastManager.js //# State management\r\n\"use strict\";\r\n\r\nimport { createToastContainer } from \"./ToastContainer.js\";\r\nimport { createToastElement } from \"./Toast.js\";\r\nimport { removeElement } from \"../utils/dom.js\";\r\nimport { createEmergencyToast, safeSetTimeout } from \"./toast-utils.js\";\r\n\r\n// State management with fallback tracking\r\nlet isToastShowing = false;\r\nlet emergencyCleanupScheduled = false;\r\nlet currentToast = [];\r\nlet emergencyTimeouts = [];\r\n\r\n/\r\n Show toast with comprehensive fallback system\r\n /\r\nexport async function showToast(options) {\r\n // PRIMARY: Full toast system\r\n try {\r\n const container = await createToastContainer(options.position);\r\n const toast = await createToastElement(options, closeToast);\r\n\r\n if (!toast) {\r\n throw new Error(\"Toast element creation failed!\");\r\n }\r\n\r\n currentToast.push(toast);\r\n\r\n // Append to container\r\n if (container.id.includes(\"toast-container-\")) {\r\n container.appendChild(toast);\r\n }\r\n\r\n // Schedule auto-dismiss\r\n const cleanUpTime =\r\n typeof options.duration === \"number\" && options.duration > 0\r\n ? options.duration + 2\r\n : 1800; //safety margin\r\n const dismissTimeout = await safeSetTimeout(\r\n () => closeToast(toast),\r\n cleanUpTime\r\n );\r\n emergencyTimeouts.push(dismissTimeout);\r\n return;\r\n } catch (primaryError) {\r\n console.warn(\r\n \"Primary toast system failed showing emergency toast:\",\r\n primaryError\r\n );\r\n const elContainer = document.querySelector('[id^=\"toast-container-\"]');\r\n const emergencyToast = createEmergencyToast(options, closeToast);\r\n elContainer && elContainer?.id?.includes(\"toast-container-\")\r\n ? elContainer.appendChild(emergencyToast)\r\n : alert(primaryError.substring(0, 200));\r\n return;\r\n }\r\n}\r\n\r\n/\r\n Create simple toast for fallback\r\n /\r\nfunction createSimpleToast(options) {\r\n const simple = document.createElement(\"div\");\r\n simple.style.cssText = `\r\n position: fixed !important;\r\n top: 20px !important;\r\n right: 20px !important;\r\n background: #333 !important;\r\n color: white !important;\r\n padding: 12px 20px !important;\r\n border-radius: 5px !important;\r\n z-index: 99999 !important;\r\n max-width: 300px !important;\r\n font-family: Arial, sans-serif !important;\r\n cursor: pointer !important;\r\n `;\r\n simple.textContent = options.message \|\| \"Created Simple Toast!\";\r\n simple.onclick = () => closeToast(simple);\r\n return simple;\r\n}\r\n\r\n/\r\n Close toast with multi-strategy cleanup\r\n /\r\nexport async function closeToast(toast) {\r\n if (currentToast.length > 0) {\r\n const index = currentToast.indexOf(toast);\r\n if (index !== -1) {\r\n currentToast.splice(index, 1);\r\n }\r\n }\r\n await removeElement(toast);\r\n}\r\n\r\n/\r\n Perform comprehensive cleanup\r\n /\r\nasync function performCleanup(toast) {\r\n try {\r\n // Cleanup event listeners\r\n if (toast._cleanupCloseButton) {\r\n toast._cleanupCloseButton();\r\n }\r\n\r\n // Remove from DOM\r\n removeElement(toast);\r\n\r\n // Reset state\r\n resetToastState();\r\n } catch (error) {\r\n console.error(\"Cleanup failed:\", error);\r\n forceEmergencyCleanup();\r\n }\r\n}\r\n\r\n/\r\n Reset all toast state\r\n /\r\nfunction resetToastState() {\r\n isToastShowing = false;\r\n currentToast = [];\r\n\r\n // Clear all timeouts\r\n emergencyTimeouts.forEach((id) => {\r\n try {\r\n clearTimeout(id);\r\n } catch (error) {\r\n console.warn(\"Timeout clear failed:\", error);\r\n }\r\n });\r\n emergencyTimeouts.pop();\r\n emergencyCleanupScheduled = false;\r\n}\r\n\r\n/\r\n Schedule emergency cleanup\r\n /\r\nfunction scheduleEmergencyCleanup(duration) {\r\n const cleanUpTime = typeof duration === \"number\" ? duration + 2 : 1800; //safety margin\r\n const emergencyTimeout = setTimeout(() => {\r\n console.warn(\"Emergency cleanup triggered\");\r\n forceEmergencyCleanup();\r\n }, cleanUpTime);\r\n\r\n emergencyTimeouts.push(emergencyTimeout);\r\n}\r\n\r\n/\r\n Force emergency cleanup of everything\r\n /\r\nasync function forceEmergencyCleanup() {\r\n try {\r\n // Remove current toast\r\n if (currentToast) {\r\n removeElement(currentToast);\r\n }\r\n\r\n // Clean up any orphaned toast elements\r\n const orphanedToasts = document.querySelectorAll(\r\n '[id^=\"toast-\"]:not([id=\"container\"]), [id=\"emergency\"]'\r\n );\r\n orphanedToasts.forEach((element) => {\r\n try {\r\n removeElement(element);\r\n } catch (error) {\r\n console.warn(\"Orphaned element cleanup failed:\", error);\r\n }\r\n });\r\n\r\n // Reset all state\r\n resetToastState();\r\n } catch (error) {\r\n console.error(\"Force cleanup failed:\", error);\r\n // Final state reset\r\n isToastShowing = false;\r\n currentToast = [];\r\n }\r\n}\r\n","// src/components/ToastContainer.js //# Container logic\r\n\"use strict\";\r\n\r\nimport { setPosition } from \"../utils/position.js\";\r\nimport { appendChild } from \"../utils/dom.js\";\r\n\r\n/\r\n Create toast container with error handling\r\n * @param {string} position - Toast position\r\n * @returns {HTMLElement} Toast container element\r\n /\r\nexport async function createToastContainer(position) {\r\n try {\r\n let toastContainer = document.getElementById(`toast-container-${position}`);\r\n\r\n if (!toastContainer) {\r\n toastContainer = document.createElement(\"div\");\r\n toastContainer.id = `toast-container-${position}`;\r\n toastContainer.style.position = \"fixed\";\r\n toastContainer.style.zIndex = \"9999\";\r\n await setPosition(toastContainer, position);\r\n await appendChild(document.body, toastContainer);\r\n }\r\n\r\n return toastContainer;\r\n } catch (error) {\r\n console.error(\"Failed to create toast container:\", error);\r\n // Fallback: return body element\r\n return document.body;\r\n }\r\n}\r\n","// src/index.js\r\n/\r\n @fileoverview A simple toast notification library for any JavaScript framework.\r\n * @name Customizable Toast Notifications\r\n * @author Priyanshu Patel\r\n * @version __VERSION__\r\n * @build Production\r\n * @license Apache-2.0\r\n * @depends None\r\n * @description A lightweight and fully customizable toast notification library\r\n * designed for seamless integration with any JavaScript or framework-based UI.\r\n * Supports flexible positioning, theming, icons, animations, and timing options\r\n * out of the box — with zero dependencies.\r\n * Author: Priyanshu Patel\r\n * Email: priyanshu.alt191@gmail.com\r\n * Created: July 31, 2024\r\n * License: Apache-2.0\r\n * Dependencies: None\r\n /\r\n\r\n\"use strict\";\r\n\r\nimport { closeToast, showToast } from \"./components/ToastManager.js\";\r\nimport { appendChild, getTextColor } from \"./utils/dom.js\";\r\nimport { setPosition } from \"./utils/position.js\";\r\n\r\n// Protected state with fallbacks\r\nlet defaultColors = {\r\n success: \"#28a745\",\r\n error: \"#dc3545\",\r\n warning: \"#ffc107\",\r\n info: \"#17a2b8\",\r\n};\r\n\r\nlet defaultMessages = {\r\n success: \"Operation completed successfully!\",\r\n error: \"Something went wrong!\",\r\n warning: \"Warning message!\",\r\n info: \"Information message!\",\r\n};\r\n\r\n/\r\n Create toast with satellite-grade reliability\r\n /\r\n// Toast queue for calls before DOM ready\r\nconst pendingToasts = [];\r\n\r\n// Flag to indicate DOM ready for toast execution\r\nlet domReady = false;\r\n\r\n// DOM ready check\r\nasync function checkDOMReady() {\r\n if (domReady) return;\r\n\r\n if (typeof window !== \"undefined\" && typeof document !== \"undefined\") {\r\n if (\r\n document.readyState === \"complete\" \|\|\r\n document.readyState === \"interactive\"\r\n ) {\r\n domReady = true;\r\n // Flush queued toasts after 2s delay\r\n pendingToasts.forEach((options) =>\r\n setTimeout(() => createToastNow(options), 2000)\r\n );\r\n pendingToasts.length = 0;\r\n } else {\r\n // Wait for DOMContentLoaded\r\n document.addEventListener(\r\n \"DOMContentLoaded\",\r\n () => {\r\n domReady = true;\r\n pendingToasts.forEach((options) =>\r\n setTimeout(() => createToastNow(options), 2000)\r\n );\r\n pendingToasts.length = 0;\r\n },\r\n { once: true }\r\n );\r\n }\r\n }\r\n}\r\n\r\n// Core toast creation logic\r\nasync function createToastNow(options = {}) {\r\n try {\r\n const sanitizedOptions = await sanitizeToastOptions(options);\r\n await createFirstToastContainer(sanitizedOptions.position);\r\n await showToast(sanitizedOptions);\r\n } catch (error) {\r\n console.error(\"CreateToast failed:\", error);\r\n\r\n const safeMessage =\r\n typeof options?.message === \"string\"\r\n ? `${options.message.substring(0, 200)} toast creation failed!`\r\n : \"Toast creation failed!\";\r\n\r\n alert(safeMessage);\r\n }\r\n}\r\n\r\nlet initialDelayDone = false; // flag to ensure single execution\r\n\r\n// Public API\r\nasync function createToast(options = {}) {\r\n // Check browser environment\r\n const isBrowser =\r\n typeof window !== \"undefined\" && typeof document !== \"undefined\";\r\n\r\n if (!isBrowser) {\r\n console.warn(\r\n \"ToastNotification: running in non-browser environment, no DOM available.\"\r\n );\r\n return;\r\n }\r\n\r\n // Check if DOM ready\r\n await checkDOMReady();\r\n\r\n if (!domReady) {\r\n // Queue for later execution\r\n pendingToasts.push(options);\r\n return;\r\n }\r\n\r\n // If DOM ready → execute after 2s delay\r\n if (!initialDelayDone) {\r\n // First call → wait 2 seconds\r\n initialDelayDone = true;\r\n setTimeout(await createToastNow(options), 2000);\r\n } else {\r\n // Subsequent calls → run immediately\r\n await createToastNow(options);\r\n }\r\n}\r\n\r\nasync function createFirstToastContainer(position) {\r\n try {\r\n let toastContainer = document.getElementById(`toast-container-${position}`);\r\n\r\n if (!toastContainer) {\r\n toastContainer = document.createElement(\"div\");\r\n toastContainer.id = `toast-container-${position}`;\r\n toastContainer.style.position = \"fixed\";\r\n toastContainer.style.zIndex = \"9999\";\r\n await setPosition(toastContainer, position);\r\n await appendChild(document.body, toastContainer);\r\n }\r\n\r\n return toastContainer;\r\n } catch (error) {\r\n console.error(\"Failed to create toast container:\", error);\r\n // Fallback: return body element\r\n return document.body;\r\n }\r\n}\r\n\r\n/\r\n Sanitizes and normalizes toast options.\r\n * Fills in defaults, validates input, and ensures colors & messages are set.\r\n * @param {Object} options - User-provided toast options\r\n * @returns {Promise<Object>} final sanitized toast options\r\n /\r\nasync function sanitizeToastOptions(options) {\r\n const defaults = {\r\n duration: 1800,\r\n position: \"bottom-right\",\r\n type: \"info\",\r\n borderRadius: \"50px\",\r\n backgroundColor: undefined,\r\n textColor: undefined,\r\n showCloseButton: true,\r\n animationDuration: \"0.4s\",\r\n animationType: \"fade\",\r\n animationEasing: \"ease\",\r\n showProgressBar: true,\r\n progressColor: undefined,\r\n progressHeight: \"4px\",\r\n progressPosition: \"bottom\",\r\n fontPosition: \"relative\",\r\n fontPadding: undefined,\r\n fontBorderRadius: undefined,\r\n fontBackgroundColor: undefined,\r\n fontFamily:\r\n '-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"',\r\n fontSize: \"14px\",\r\n fontWeight: \"400\",\r\n fontLineHeight: \"1.4\",\r\n fontDirection: \"auto\",\r\n wrapText: \"normal\",\r\n };\r\n\r\n // Merge defaults with user options\r\n const final = {\r\n ...defaults,\r\n ...(typeof options === \"object\" && !Array.isArray(options) ? options : {}),\r\n };\r\n\r\n // Ensure message property separately\r\n final.message = options?.message ?? final.message;\r\n\r\n try {\r\n // Background color fallback based on type or system preference\r\n if (!final.backgroundColor) {\r\n final.backgroundColor =\r\n defaultColors?.[final.type] ??\r\n (window.matchMedia(\"(prefers-color-scheme: dark)\").matches\r\n ? \"#f5f5f5\"\r\n : \"#111111\");\r\n }\r\n\r\n // Default message if not provided\r\n final.message =\r\n final.message \|\| defaultMessages?.[final.type] \|\| \"No Message Provided!\";\r\n\r\n // Ensure textColor is set\r\n if (!final.textColor && final.backgroundColor) {\r\n final.textColor = await getTextColor(final);\r\n }\r\n\r\n // Ensure progressColor is set\r\n if (!final.progressColor && final.backgroundColor) {\r\n final.progressColor = await getTextColor(final);\r\n }\r\n } catch (error) {\r\n console.warn(\"Option processing failed:\", error);\r\n }\r\n\r\n // Safety check for message type\r\n if (typeof final.message !== \"string\") {\r\n final.message = \"No Message Provided!\";\r\n }\r\n\r\n return final;\r\n}\r\n\r\n/\r\n Set default colors with validation\r\n /\r\nfunction setDefaultColors(colors) {\r\n try {\r\n if (colors && typeof colors === \"object\" && !Array.isArray(colors)) {\r\n defaultColors = { ...defaultColors, ...colors };\r\n }\r\n } catch (error) {\r\n console.error(\"setDefaultColors failed:\", error);\r\n }\r\n}\r\n\r\n/\r\n Set default messages with validation\r\n /\r\nfunction setDefaultMessages(messages) {\r\n try {\r\n if (messages && typeof messages === \"object\" && !Array.isArray(messages)) {\r\n defaultMessages = { ...defaultMessages, ...messages };\r\n }\r\n } catch (error) {\r\n console.error(\"setDefaultMessages failed:\", error);\r\n }\r\n}\r\n\r\nfunction noop() {\r\n const toast = document.querySelector('[id^=\"toast-\"]:not([id=\"container\"])');\r\n closeToast(toast);\r\n}\r\n\r\n// Module exports\r\nexport { createToast, setDefaultColors, setDefaultMessages, noop };\r\n\r\n// Global assignment with protection\r\ntry {\r\n // UMD/Global support\r\n if (typeof window !== \"undefined\") {\r\n window.customizableToast = {\r\n createToast,\r\n setDefaultColors,\r\n setDefaultMessages,\r\n };\r\n }\r\n} catch (error) {\r\n console.error(\"Global assignment failed:\", error);\r\n}\r\n"],"names":["async","setPosition","container","position","style","top","bottom","left","right","transform","includes","generateUniqueId","prefix","Date","now","Math","floor","random","appendChild","parent","child","contains","error","insertAdjacentElement","fallbackError","document","body","clone","cloneNode","emergencyError","getTextColor","options","backgroundColor","color","r","g","b","startsWith","hex","substring","length","parseInt","match","colorArray","black","white","toLowerCase","Error","l1","l2","max","min","contrast","applyRichStyling","toast","onClose","animDurationMs","duration","endsWith","parsed","parseFloat","parseAnimationDuration","animationDuration","Object","assign","background","padding","marginBottom","borderRadius","overflow","display","alignItems","justifyContent","boxShadow","minWidth","maxWidth","opacity","transition","animationEasing","zIndex","_animationDuration","messageSpan","createElement","fontPosition","flex","fontPadding","fontBorderRadius","fontBackgroundColor","fontFamily","fontSize","fontWeight","lineHeight","fontLineHeight","textColor","userSelect","wordBreak","direction","fontDirection","webkitLineClamp","webkitBoxOrient","whiteSpace","wrapText","textOverflow","lineClamp","boxOrient","textContent","message","setAttribute","showCloseButton","closeButton","border","marginLeft","cursor","onclick","_cleanupCloseButton","createCloseButton","showProgressBar","progressBar","height","progressHeight","progressColor","width","progressPosition","setTimeout","el","offsetWidth","forceReflow","createProgressBar","requestAnimationFrame","runToastAnimation","createEmergencyToast","emergency","id","innerHTML","_isEmergencyToast","parentNode","removeChild","alert","alertError","createToastElement","querySelector","tagName","fallbackTag","fallbackPrefix","fallbackEl","createElementWithId","currentToast","emergencyTimeouts","showToast","toastContainer","getElementById","createToastContainer","closeToast","push","cleanUpTime","dismissTimeout","fn","delay","safeSetTimeout","primaryError","elContainer","emergencyToast","index","indexOf","splice","remove","pointerEvents","hideError","removeElement","defaultColors","success","warning","info","defaultMessages","pendingToasts","domReady","createToastNow","sanitizedOptions","final","type","undefined","animationType","Array","isArray","window","matchMedia","matches","sanitizeToastOptions","createFirstToastContainer","safeMessage","initialDelayDone","createToast","readyState","forEach","addEventListener","once","checkDOMReady","setDefaultColors","colors","setDefaultMessages","messages","customizableToast"],"mappings":"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"}

package/package.json CHANGED Viewed

@@ -1,29 +1,34 @@
 {
   "name": "customizable-toast-notification",
-  "version": "3.5.1",
+  "version": "3.6.0",
   "description": "A lightweight, zero-dependency toast notification library for modern JavaScript applications with production-grade reliability and comprehensive system  mechanisms",
   "main": "dist/index.cjs",
   "module": "dist/index.esm.mjs",
   "unpkg": "dist/index.umd.js",
   "jsdelivr": "dist/index.umd.js",
+  "types": "dist/index.d.ts",
   "exports": {
-    "import": "./dist/index.esm.mjs",
-    "require": "./dist/index.cjs",
-    "default": "./dist/index.umd.js"
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.esm.mjs",
+      "require": "./dist/index.cjs",
+      "default": "./dist/index.umd.js"
+    },
+    "./package.json": "./package.json"
   },
+  "sideEffects": [
+    false,
+    "*.css"
+  ],
   "scripts": {
+    "dist:clean": "rm -rf dist",
+    "build:js": "rollup -c",
+    "build:types:emit": "tsc -p tsconfig.types.json",
+    "build:types:bundle": "rollup -c rollup.dts.config.mjs",
+    "build:types": "npm run build:types:emit && npm run build:types:bundle",
+    "zone-build": "npm run dist:clean && npm run build:js && npm run build:types",
     "postinstall": "node postinstall.js",
     "prepublishOnly": "npm run build",
-    "test": "jest",
-    "test:raw": "jest",
-    "test:watch": "jest --watch",
-    "test:coverage": "jest --coverage",
-    "e2e:firstbrowser:initialization": "npx playwright install",
-    "test:e2e": "playwright test",
-    "test:e2e:ui": "playwright test --ui",
-    "test:e2e:headed": "playwright test --headed",
-    "test:all": "npm run test && npm run playwright test",
-    "test:ci": "jest --coverage --ci --watchAll=true",
     "build": "rollup -c"
   },
   "keywords": [
@@ -70,6 +75,9 @@
     "frontend-library",
     "custom-toast"
   ],
+  "publishConfig": {
+    "access": "public"
+  },
   "author": {
     "name": "Priyanshu Patel",
     "email": "priyanshu.alt191@gmail.com",
@@ -78,24 +86,32 @@
   "license": "Apache-2.0",
   "files": [
     "postinstall.js",
-    "dist",
+    "dist/index.cjs",
+    "dist/index.cjs.map",
+    "dist/index.esm.mjs",
+    "dist/index.esm.mjs.map",
+    "dist/index.umd.js",
+    "dist/index.umd.js.map",
+    "dist/index.d.ts",
     "README.md",
     "LICENSE",
     "CHANGELOG.md"
   ],
   "devDependencies": {
-    "@rollup/plugin-commonjs": "^26.0.1",
+    "@babel/preset-env": "^7.28.0",
+    "@rollup/plugin-commonjs": "^28.0.6",
     "@rollup/plugin-node-resolve": "^15.2.3",
-    "@rollup/plugin-replace": "^6.0.1",
+    "@rollup/plugin-replace": "^6.0.2",
     "@rollup/plugin-terser": "^0.4.4",
     "autoprefixer": "^10.4.21",
-    "jsdom": "^26.1.0",
     "postcss": "^8.5.6",
     "postcss-import": "^16.1.1",
-    "rollup": "^2.78.0",
-    "rollup-plugin-bundle-size": "^1.0.3",
+    "rollup": "^4.49.0",
+    "rollup-plugin-dts": "^6.2.3",
+    "rollup-plugin-filesize": "^10.0.0",
     "rollup-plugin-postcss": "^4.0.2",
-    "rollup-plugin-visualizer": "^5.12.0"
+    "rollup-plugin-visualizer": "^6.0.3",
+    "typescript": "^5.9.2"
   },
   "repository": {
     "type": "git",