@r01al/simple-toast 1.0.2 → 1.0.4

package/dist/simple-toast.cjs.js

@@ -46,14 +46,14 @@ function _toPropertyKey(t) {
   return "symbol" == typeof i ? i : i + "";
 }
 
-const defaultConfig = {
-  position: 'tr',
+var defaultConfig = {
+  position: 'bc',
   duration: 3000,
   theme: 'l',
   dismissible: true,
   maxToasts: 10
 };
-let globalConfig = _objectSpread2({}, defaultConfig);
+var globalConfig = _objectSpread2({}, defaultConfig);
 function configure(config) {
   globalConfig = _objectSpread2(_objectSpread2({}, globalConfig), config);
 }
@@ -61,17 +61,17 @@ function getConfig() {
   return globalConfig;
 }
 
-let stylesInjected = false;
+var stylesInjected = false;
 function injectStyles() {
   if (stylesInjected) return;
-  const style = document.createElement('style');
+  var style = document.createElement('style');
   style.setAttribute('data-r01st', '');
-  style.textContent = "\n.r01st-container {\n  position: fixed;\n  z-index: 9999;\n  pointer-events: none;\n  padding: 16px;\n}\n.r01st-container[data-position=\"tl\"] {\n  top: 0;\n  left: 0;\n}\n\n.r01st-container[data-position=\"tc\"] {\n  top: 0;\n  left: 50%;\n  margin-left: -210px;\n}\n\n.r01st-container[data-position=\"tr\"] {\n  top: 0;\n  right: 0;\n}\n.r01st-container[data-position=\"ml\"] {\n  top: 50%;\n  left: 0;\n  margin-top: -50px;\n}\n\n.r01st-container[data-position=\"mc\"] {\n  top: 50%;\n  left: 50%;\n  margin-left: -210px;\n  margin-top: -50px;\n}\n\n.r01st-container[data-position=\"mr\"] {\n  top: 50%;\n  right: 0;\n  margin-top: -50px;\n}\n.r01st-container[data-position=\"bl\"] {\n  bottom: 0;\n  left: 0;\n}\n\n.r01st-container[data-position=\"bc\"] {\n  bottom: 0;\n  left: 50%;\n  margin-left: -210px;\n}\n\n.r01st-container[data-position=\"br\"] {\n  bottom: 0;\n  right: 0;\n}\n.r01st {\n  pointer-events: auto;\n  position: relative;\n  min-width: 280px;\n  max-width: 420px;\n  padding: 16px;\n  margin-bottom: 16px;\n  border-radius: 8px;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n  font-size: 14px;\n  line-height: 1.5;\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n  color: #ffffff;\n  opacity: 0;\n  transition: opacity 0.3s ease, margin-top 0.3s ease;\n  margin-top: -20px;\n}\n.r01st-show {\n  opacity: 1;\n  margin-top: 0;\n}\n.r01st-container[data-theme=\"l\"] .r01st-success {\n  background-color: #10b981;\n}\n\n.r01st-container[data-theme=\"l\"] .r01st-error {\n  background-color: #ef4444;\n}\n\n.r01st-container[data-theme=\"l\"] .r01st-info {\n  background-color: #3b82f6;\n}\n\n.r01st-container[data-theme=\"l\"] .r01st-warning {\n  background-color: #f59e0b;\n}\n.r01st-container[data-theme=\"d\"] .r01st-success {\n  background-color: #059669;\n}\n\n.r01st-container[data-theme=\"d\"] .r01st-error {\n  background-color: #dc2626;\n}\n\n.r01st-container[data-theme=\"d\"] .r01st-info {\n  background-color: #2563eb;\n}\n\n.r01st-container[data-theme=\"d\"] .r01st-warning {\n  background-color: #d97706;\n}\n.r01st-content {\n  display: inline-block;\n  width: 100%;\n  vertical-align: top;\n  padding-right: 30px;\n}\n.r01st-icon {\n  display: inline-block;\n  width: 20px;\n  height: 20px;\n  vertical-align: middle;\n  margin-right: 12px;\n}\n\n.r01st-icon svg {\n  width: 100%;\n  height: 100%;\n  display: block;\n}\n.r01st-message {\n  display: inline-block;\n  vertical-align: middle;\n  word-wrap: break-word;\n  max-width: calc(100% - 32px);\n}\n.r01st-close {\n  position: absolute;\n  top: 16px;\n  right: 16px;\n  background: transparent;\n  border: none;\n  color: #ffffff;\n  font-size: 24px;\n  line-height: 1;\n  cursor: pointer;\n  padding: 0;\n  width: 24px;\n  height: 24px;\n  text-align: center;\n  border-radius: 4px;\n  opacity: 0.8;\n}\n\n.r01st-close:hover {\n  background-color: rgba(255, 255, 255, 0.2);\n  opacity: 1;\n}\n\n.r01st-close:focus {\n  outline: 2px solid #ffffff;\n  outline-offset: 2px;\n}\n.r01st-container[data-position^=\"b\"] .r01st {\n  margin-top: 0;\n  margin-bottom: -20px;\n}\n\n.r01st-container[data-position^=\"b\"] .r01st-show {\n  margin-bottom: 16px;\n}\n@media (max-width: 480px) {\n  .r01st-container {\n    left: 0 !important;\n    right: 0 !important;\n    margin-left: 0 !important;\n    padding: 8px;\n  }\n\n  .r01st {\n    min-width: auto;\n    max-width: none;\n  }\n}\n@media (prefers-reduced-motion: reduce) {\n  .r01st {\n    transition: opacity 0.2s;\n    margin-top: 0;\n  }\n}\n@media print {\n  .r01st-container {\n    display: none;\n  }\n}\n";
+  style.textContent = "\n.r01st-container {\n  position: fixed;\n  z-index: 9999;\n  pointer-events: none;\n  padding: 16px;\n}\n.r01st-container[data-position=\"tl\"] {\n  top: 0;\n  left: 0;\n}\n\n.r01st-container[data-position=\"tc\"] {\n  top: 0;\n  left: 50%;\n  margin-left: -210px;\n}\n\n.r01st-container[data-position=\"tr\"] {\n  top: 0;\n  right: 0;\n}\n.r01st-container[data-position=\"ml\"] {\n  top: 50%;\n  left: 0;\n  margin-top: -50px;\n}\n\n.r01st-container[data-position=\"mc\"] {\n  top: 50%;\n  left: 50%;\n  margin-left: -210px;\n  margin-top: -50px;\n}\n\n.r01st-container[data-position=\"mr\"] {\n  top: 50%;\n  right: 0;\n  margin-top: -50px;\n}\n.r01st-container[data-position=\"bl\"] {\n  bottom: 0;\n  left: 0;\n}\n\n.r01st-container[data-position=\"bc\"] {\n  bottom: 0;\n  left: 50%;\n  margin-left: -210px;\n}\n\n.r01st-container[data-position=\"br\"] {\n  bottom: 0;\n  right: 0;\n}\n.r01st {\n  pointer-events: auto;\n  position: relative;\n  min-width: 280px;\n  max-width: 420px;\n  padding: 16px;\n  margin-bottom: 16px;\n  border-radius: 8px;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n  font-size: 14px;\n  line-height: 1.5;\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n  color: #ffffff;\n  opacity: 0;\n  transition: opacity 0.3s ease, margin-top 0.3s ease;\n  margin-top: -20px;\n}\n.r01st-show {\n  opacity: 1;\n  margin-top: 0;\n}\n.r01st-container[data-theme=\"l\"] .r01st-success {\n  background-color: #10b981;\n}\n\n.r01st-container[data-theme=\"l\"] .r01st-error {\n  background-color: #ef4444;\n}\n\n.r01st-container[data-theme=\"l\"] .r01st-info {\n  background-color: #3b82f6;\n}\n\n.r01st-container[data-theme=\"l\"] .r01st-warning {\n  background-color: #f59e0b;\n}\n.r01st-container[data-theme=\"d\"] .r01st-success {\n  background-color: #059669;\n}\n\n.r01st-container[data-theme=\"d\"] .r01st-error {\n  background-color: #dc2626;\n}\n\n.r01st-container[data-theme=\"d\"] .r01st-info {\n  background-color: #2563eb;\n}\n\n.r01st-container[data-theme=\"d\"] .r01st-warning {\n  background-color: #d97706;\n}\n.r01st-content {\n  display: inline-block;\n  width: 100%;\n  vertical-align: top;\n}\n.r01st-table {\n  width: 100%;\n  border-collapse: collapse;\n}\n.r01st-cell {\n  vertical-align: middle;\n}\n.r01st-message-cell {\n  width: 100%;\n}\n.r01st-close-cell {\n  width: 1%;\n  padding-left: 8px;\n}\n.r01st-icon {\n  display: inline-block;\n  width: 20px;\n  height: 20px;\n  vertical-align: middle;\n  margin-right: 12px;\n}\n\n.r01st-icon svg {\n  width: 100%;\n  height: 100%;\n  display: block;\n}\n.r01st-message {\n  display: inline-block;\n  vertical-align: middle;\n  word-wrap: break-word;\n  max-width: calc(100% - 32px);\n}\n.r01st-close {\n  background: transparent;\n  border: none;\n  color: #ffffff;\n  font-size: 24px;\n  line-height: 1;\n  cursor: pointer;\n  padding: 0;\n  width: 24px;\n  height: 24px;\n  text-align: center;\n  border-radius: 4px;\n  opacity: 0.8;\n}\n\n.r01st-close:hover {\n  background-color: rgba(255, 255, 255, 0.2);\n  opacity: 1;\n}\n\n.r01st-close:focus {\n  outline: 2px solid #ffffff;\n  outline-offset: 2px;\n}\n.r01st-container[data-position^=\"b\"] .r01st {\n  margin-top: 0;\n  margin-bottom: -20px;\n}\n\n.r01st-container[data-position^=\"b\"] .r01st-show {\n  margin-bottom: 16px;\n}\n@media (max-width: 480px) {\n  .r01st-container {\n    left: 0 !important;\n    right: 0 !important;\n    margin-left: 0 !important;\n    padding: 8px;\n  }\n\n  .r01st {\n    min-width: auto;\n    max-width: none;\n  }\n}\n@media (prefers-reduced-motion: reduce) {\n  .r01st {\n    transition: opacity 0.2s;\n    margin-top: 0;\n  }\n}\n@media print {\n  .r01st-container {\n    display: none;\n  }\n}\n";
   document.head.appendChild(style);
   stylesInjected = true;
 }
 
-let container = null;
+var container = null;
 function getContainer(position, theme) {
   injectStyles();
   if (container && (container.getAttribute('data-position') !== position || container.getAttribute('data-theme') !== theme)) {
@@ -98,7 +98,7 @@ function cleanupContainer(activeCount) {
 }
 
 function getIcon(type) {
-  const icons = {
+  var icons = {
     success: '<svg viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"/></svg>',
     error: '<svg viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z" clip-rule="evenodd"/></svg>',
     info: '<svg viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z" clip-rule="evenodd"/></svg>',
@@ -108,41 +108,54 @@ function getIcon(type) {
 }
 
 function createToastElement(message, type, dismissible, className, id, onClose) {
-  const toastEl = document.createElement('div');
+  var toastEl = document.createElement('div');
   toastEl.className = 'r01st r01st-' + type + (className ? ' ' + className : '');
   toastEl.setAttribute('role', 'alert');
   toastEl.setAttribute('data-toast-id', id);
-  const content = document.createElement('div');
+  var content = document.createElement('div');
   content.className = 'r01st-content';
-  const icon = document.createElement('span');
+  var icon = document.createElement('span');
   icon.className = 'r01st-icon';
   icon.innerHTML = getIcon(type);
   icon.setAttribute('aria-hidden', 'true');
   content.appendChild(icon);
-  const messageEl = document.createElement('span');
+  var messageEl = document.createElement('span');
   messageEl.className = 'r01st-message';
   messageEl.textContent = message;
   content.appendChild(messageEl);
-  toastEl.appendChild(content);
   if (dismissible) {
-    const closeBtn = document.createElement('button');
+    var layoutTable = document.createElement('table');
+    layoutTable.className = 'r01st-table';
+    var layoutRow = document.createElement('tr');
+    var messageCell = document.createElement('td');
+    messageCell.className = 'r01st-cell r01st-message-cell';
+    messageCell.appendChild(content);
+    var closeCell = document.createElement('td');
+    closeCell.className = 'r01st-cell r01st-close-cell';
+    var closeBtn = document.createElement('button');
     closeBtn.className = 'r01st-close';
     closeBtn.innerHTML = '&times;';
     closeBtn.setAttribute('aria-label', 'Close notification');
     closeBtn.onclick = onClose;
-    toastEl.appendChild(closeBtn);
+    closeCell.appendChild(closeBtn);
+    layoutRow.appendChild(messageCell);
+    layoutRow.appendChild(closeCell);
+    layoutTable.appendChild(layoutRow);
+    toastEl.appendChild(layoutTable);
+  } else {
+    toastEl.appendChild(content);
   }
   return toastEl;
 }
 
 function showToast(element) {
-  requestAnimationFrame(() => {
+  requestAnimationFrame(function () {
     element.className = element.className + ' r01st-show';
   });
 }
 function hideToast(element, callback) {
   element.className = element.className.replace(' r01st-show', '');
-  setTimeout(() => {
+  setTimeout(function () {
     if (element.parentNode) {
       element.parentNode.removeChild(element);
     }
@@ -150,57 +163,60 @@ function hideToast(element, callback) {
   }, 300);
 }
 
-let toastCounter = 0;
-const activeToasts = new Map();
+var toastCounter = 0;
+var activeToasts = new Map();
 function createToast(message) {
-  let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  const config = _objectSpread2(_objectSpread2({}, getConfig()), options);
-  const {
-    position,
-    duration,
-    dismissible,
-    theme,
-    className,
-    type = 'info'
-  } = config;
-  const id = ++toastCounter;
+  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  var config = _objectSpread2(_objectSpread2({}, getConfig()), options);
+  var position = config.position,
+    duration = config.duration,
+    dismissible = config.dismissible,
+    theme = config.theme,
+    className = config.className,
+    _config$type = config.type,
+    type = _config$type === void 0 ? 'info' : _config$type;
+  var id = ++toastCounter;
   if (activeToasts.size >= getConfig().maxToasts) {
-    const firstToast = activeToasts.keys().next().value;
+    var firstToast = activeToasts.keys().next().value;
     dismissToast(firstToast);
   }
-  const container = getContainer(position, theme);
-  const handleClose = () => dismissToast(id);
-  const toastEl = createToastElement(message, type, dismissible, className, id, handleClose);
+  var container = getContainer(position, theme);
+  var handleClose = function handleClose() {
+    return dismissToast(id);
+  };
+  var toastEl = createToastElement(message, type, dismissible, className, id, handleClose);
   container.appendChild(toastEl);
   showToast(toastEl);
-  const toastData = {
+  var toastData = {
     element: toastEl,
     timeoutId: null
   };
   if (duration > 0) {
-    toastData.timeoutId = setTimeout(() => dismissToast(id), duration);
+    toastData.timeoutId = setTimeout(function () {
+      return dismissToast(id);
+    }, duration);
   }
   activeToasts.set(id, toastData);
   return id;
 }
 function dismissToast(id) {
-  const toastData = activeToasts.get(id);
+  var toastData = activeToasts.get(id);
   if (!toastData) return;
-  const {
-    element,
-    timeoutId
-  } = toastData;
+  var element = toastData.element,
+    timeoutId = toastData.timeoutId;
   if (timeoutId) {
     clearTimeout(timeoutId);
   }
   activeToasts.delete(id);
-  hideToast(element, () => {
+  hideToast(element, function () {
     cleanupContainer(activeToasts.size);
   });
 }
 function dismissAllToasts() {
-  const ids = Array.from(activeToasts.keys());
-  ids.forEach(id => dismissToast(id));
+  var ids = Array.from(activeToasts.keys());
+  ids.forEach(function (id) {
+    return dismissToast(id);
+  });
 }
 
 /**
@@ -210,31 +226,31 @@ function dismissAllToasts() {
  * @returns {number} Toast ID
  */
 function toast(message) {
-  let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   return createToast(message, options);
 }
 
 // Shorthand methods
 toast.success = function (message) {
-  let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   return toast(message, _objectSpread2(_objectSpread2({}, options), {}, {
     type: 'success'
   }));
 };
 toast.error = function (message) {
-  let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   return toast(message, _objectSpread2(_objectSpread2({}, options), {}, {
     type: 'error'
   }));
 };
 toast.info = function (message) {
-  let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   return toast(message, _objectSpread2(_objectSpread2({}, options), {}, {
     type: 'info'
   }));
 };
 toast.warning = function (message) {
-  let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   return toast(message, _objectSpread2(_objectSpread2({}, options), {}, {
     type: 'warning'
   }));

package/dist/simple-toast.esm.js

@@ -42,14 +42,14 @@ function _toPropertyKey(t) {
   return "symbol" == typeof i ? i : i + "";
 }
 
-const defaultConfig = {
-  position: 'tr',
+var defaultConfig = {
+  position: 'bc',
   duration: 3000,
   theme: 'l',
   dismissible: true,
   maxToasts: 10
 };
-let globalConfig = _objectSpread2({}, defaultConfig);
+var globalConfig = _objectSpread2({}, defaultConfig);
 function configure(config) {
   globalConfig = _objectSpread2(_objectSpread2({}, globalConfig), config);
 }
@@ -57,17 +57,17 @@ function getConfig() {
   return globalConfig;
 }
 
-let stylesInjected = false;
+var stylesInjected = false;
 function injectStyles() {
   if (stylesInjected) return;
-  const style = document.createElement('style');
+  var style = document.createElement('style');
   style.setAttribute('data-r01st', '');
-  style.textContent = "\n.r01st-container {\n  position: fixed;\n  z-index: 9999;\n  pointer-events: none;\n  padding: 16px;\n}\n.r01st-container[data-position=\"tl\"] {\n  top: 0;\n  left: 0;\n}\n\n.r01st-container[data-position=\"tc\"] {\n  top: 0;\n  left: 50%;\n  margin-left: -210px;\n}\n\n.r01st-container[data-position=\"tr\"] {\n  top: 0;\n  right: 0;\n}\n.r01st-container[data-position=\"ml\"] {\n  top: 50%;\n  left: 0;\n  margin-top: -50px;\n}\n\n.r01st-container[data-position=\"mc\"] {\n  top: 50%;\n  left: 50%;\n  margin-left: -210px;\n  margin-top: -50px;\n}\n\n.r01st-container[data-position=\"mr\"] {\n  top: 50%;\n  right: 0;\n  margin-top: -50px;\n}\n.r01st-container[data-position=\"bl\"] {\n  bottom: 0;\n  left: 0;\n}\n\n.r01st-container[data-position=\"bc\"] {\n  bottom: 0;\n  left: 50%;\n  margin-left: -210px;\n}\n\n.r01st-container[data-position=\"br\"] {\n  bottom: 0;\n  right: 0;\n}\n.r01st {\n  pointer-events: auto;\n  position: relative;\n  min-width: 280px;\n  max-width: 420px;\n  padding: 16px;\n  margin-bottom: 16px;\n  border-radius: 8px;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n  font-size: 14px;\n  line-height: 1.5;\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n  color: #ffffff;\n  opacity: 0;\n  transition: opacity 0.3s ease, margin-top 0.3s ease;\n  margin-top: -20px;\n}\n.r01st-show {\n  opacity: 1;\n  margin-top: 0;\n}\n.r01st-container[data-theme=\"l\"] .r01st-success {\n  background-color: #10b981;\n}\n\n.r01st-container[data-theme=\"l\"] .r01st-error {\n  background-color: #ef4444;\n}\n\n.r01st-container[data-theme=\"l\"] .r01st-info {\n  background-color: #3b82f6;\n}\n\n.r01st-container[data-theme=\"l\"] .r01st-warning {\n  background-color: #f59e0b;\n}\n.r01st-container[data-theme=\"d\"] .r01st-success {\n  background-color: #059669;\n}\n\n.r01st-container[data-theme=\"d\"] .r01st-error {\n  background-color: #dc2626;\n}\n\n.r01st-container[data-theme=\"d\"] .r01st-info {\n  background-color: #2563eb;\n}\n\n.r01st-container[data-theme=\"d\"] .r01st-warning {\n  background-color: #d97706;\n}\n.r01st-content {\n  display: inline-block;\n  width: 100%;\n  vertical-align: top;\n  padding-right: 30px;\n}\n.r01st-icon {\n  display: inline-block;\n  width: 20px;\n  height: 20px;\n  vertical-align: middle;\n  margin-right: 12px;\n}\n\n.r01st-icon svg {\n  width: 100%;\n  height: 100%;\n  display: block;\n}\n.r01st-message {\n  display: inline-block;\n  vertical-align: middle;\n  word-wrap: break-word;\n  max-width: calc(100% - 32px);\n}\n.r01st-close {\n  position: absolute;\n  top: 16px;\n  right: 16px;\n  background: transparent;\n  border: none;\n  color: #ffffff;\n  font-size: 24px;\n  line-height: 1;\n  cursor: pointer;\n  padding: 0;\n  width: 24px;\n  height: 24px;\n  text-align: center;\n  border-radius: 4px;\n  opacity: 0.8;\n}\n\n.r01st-close:hover {\n  background-color: rgba(255, 255, 255, 0.2);\n  opacity: 1;\n}\n\n.r01st-close:focus {\n  outline: 2px solid #ffffff;\n  outline-offset: 2px;\n}\n.r01st-container[data-position^=\"b\"] .r01st {\n  margin-top: 0;\n  margin-bottom: -20px;\n}\n\n.r01st-container[data-position^=\"b\"] .r01st-show {\n  margin-bottom: 16px;\n}\n@media (max-width: 480px) {\n  .r01st-container {\n    left: 0 !important;\n    right: 0 !important;\n    margin-left: 0 !important;\n    padding: 8px;\n  }\n\n  .r01st {\n    min-width: auto;\n    max-width: none;\n  }\n}\n@media (prefers-reduced-motion: reduce) {\n  .r01st {\n    transition: opacity 0.2s;\n    margin-top: 0;\n  }\n}\n@media print {\n  .r01st-container {\n    display: none;\n  }\n}\n";
+  style.textContent = "\n.r01st-container {\n  position: fixed;\n  z-index: 9999;\n  pointer-events: none;\n  padding: 16px;\n}\n.r01st-container[data-position=\"tl\"] {\n  top: 0;\n  left: 0;\n}\n\n.r01st-container[data-position=\"tc\"] {\n  top: 0;\n  left: 50%;\n  margin-left: -210px;\n}\n\n.r01st-container[data-position=\"tr\"] {\n  top: 0;\n  right: 0;\n}\n.r01st-container[data-position=\"ml\"] {\n  top: 50%;\n  left: 0;\n  margin-top: -50px;\n}\n\n.r01st-container[data-position=\"mc\"] {\n  top: 50%;\n  left: 50%;\n  margin-left: -210px;\n  margin-top: -50px;\n}\n\n.r01st-container[data-position=\"mr\"] {\n  top: 50%;\n  right: 0;\n  margin-top: -50px;\n}\n.r01st-container[data-position=\"bl\"] {\n  bottom: 0;\n  left: 0;\n}\n\n.r01st-container[data-position=\"bc\"] {\n  bottom: 0;\n  left: 50%;\n  margin-left: -210px;\n}\n\n.r01st-container[data-position=\"br\"] {\n  bottom: 0;\n  right: 0;\n}\n.r01st {\n  pointer-events: auto;\n  position: relative;\n  min-width: 280px;\n  max-width: 420px;\n  padding: 16px;\n  margin-bottom: 16px;\n  border-radius: 8px;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n  font-size: 14px;\n  line-height: 1.5;\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n  color: #ffffff;\n  opacity: 0;\n  transition: opacity 0.3s ease, margin-top 0.3s ease;\n  margin-top: -20px;\n}\n.r01st-show {\n  opacity: 1;\n  margin-top: 0;\n}\n.r01st-container[data-theme=\"l\"] .r01st-success {\n  background-color: #10b981;\n}\n\n.r01st-container[data-theme=\"l\"] .r01st-error {\n  background-color: #ef4444;\n}\n\n.r01st-container[data-theme=\"l\"] .r01st-info {\n  background-color: #3b82f6;\n}\n\n.r01st-container[data-theme=\"l\"] .r01st-warning {\n  background-color: #f59e0b;\n}\n.r01st-container[data-theme=\"d\"] .r01st-success {\n  background-color: #059669;\n}\n\n.r01st-container[data-theme=\"d\"] .r01st-error {\n  background-color: #dc2626;\n}\n\n.r01st-container[data-theme=\"d\"] .r01st-info {\n  background-color: #2563eb;\n}\n\n.r01st-container[data-theme=\"d\"] .r01st-warning {\n  background-color: #d97706;\n}\n.r01st-content {\n  display: inline-block;\n  width: 100%;\n  vertical-align: top;\n}\n.r01st-table {\n  width: 100%;\n  border-collapse: collapse;\n}\n.r01st-cell {\n  vertical-align: middle;\n}\n.r01st-message-cell {\n  width: 100%;\n}\n.r01st-close-cell {\n  width: 1%;\n  padding-left: 8px;\n}\n.r01st-icon {\n  display: inline-block;\n  width: 20px;\n  height: 20px;\n  vertical-align: middle;\n  margin-right: 12px;\n}\n\n.r01st-icon svg {\n  width: 100%;\n  height: 100%;\n  display: block;\n}\n.r01st-message {\n  display: inline-block;\n  vertical-align: middle;\n  word-wrap: break-word;\n  max-width: calc(100% - 32px);\n}\n.r01st-close {\n  background: transparent;\n  border: none;\n  color: #ffffff;\n  font-size: 24px;\n  line-height: 1;\n  cursor: pointer;\n  padding: 0;\n  width: 24px;\n  height: 24px;\n  text-align: center;\n  border-radius: 4px;\n  opacity: 0.8;\n}\n\n.r01st-close:hover {\n  background-color: rgba(255, 255, 255, 0.2);\n  opacity: 1;\n}\n\n.r01st-close:focus {\n  outline: 2px solid #ffffff;\n  outline-offset: 2px;\n}\n.r01st-container[data-position^=\"b\"] .r01st {\n  margin-top: 0;\n  margin-bottom: -20px;\n}\n\n.r01st-container[data-position^=\"b\"] .r01st-show {\n  margin-bottom: 16px;\n}\n@media (max-width: 480px) {\n  .r01st-container {\n    left: 0 !important;\n    right: 0 !important;\n    margin-left: 0 !important;\n    padding: 8px;\n  }\n\n  .r01st {\n    min-width: auto;\n    max-width: none;\n  }\n}\n@media (prefers-reduced-motion: reduce) {\n  .r01st {\n    transition: opacity 0.2s;\n    margin-top: 0;\n  }\n}\n@media print {\n  .r01st-container {\n    display: none;\n  }\n}\n";
   document.head.appendChild(style);
   stylesInjected = true;
 }
 
-let container = null;
+var container = null;
 function getContainer(position, theme) {
   injectStyles();
   if (container && (container.getAttribute('data-position') !== position || container.getAttribute('data-theme') !== theme)) {
@@ -94,7 +94,7 @@ function cleanupContainer(activeCount) {
 }
 
 function getIcon(type) {
-  const icons = {
+  var icons = {
     success: '<svg viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"/></svg>',
     error: '<svg viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z" clip-rule="evenodd"/></svg>',
     info: '<svg viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z" clip-rule="evenodd"/></svg>',
@@ -104,41 +104,54 @@ function getIcon(type) {
 }
 
 function createToastElement(message, type, dismissible, className, id, onClose) {
-  const toastEl = document.createElement('div');
+  var toastEl = document.createElement('div');
   toastEl.className = 'r01st r01st-' + type + (className ? ' ' + className : '');
   toastEl.setAttribute('role', 'alert');
   toastEl.setAttribute('data-toast-id', id);
-  const content = document.createElement('div');
+  var content = document.createElement('div');
   content.className = 'r01st-content';
-  const icon = document.createElement('span');
+  var icon = document.createElement('span');
   icon.className = 'r01st-icon';
   icon.innerHTML = getIcon(type);
   icon.setAttribute('aria-hidden', 'true');
   content.appendChild(icon);
-  const messageEl = document.createElement('span');
+  var messageEl = document.createElement('span');
   messageEl.className = 'r01st-message';
   messageEl.textContent = message;
   content.appendChild(messageEl);
-  toastEl.appendChild(content);
   if (dismissible) {
-    const closeBtn = document.createElement('button');
+    var layoutTable = document.createElement('table');
+    layoutTable.className = 'r01st-table';
+    var layoutRow = document.createElement('tr');
+    var messageCell = document.createElement('td');
+    messageCell.className = 'r01st-cell r01st-message-cell';
+    messageCell.appendChild(content);
+    var closeCell = document.createElement('td');
+    closeCell.className = 'r01st-cell r01st-close-cell';
+    var closeBtn = document.createElement('button');
     closeBtn.className = 'r01st-close';
     closeBtn.innerHTML = '&times;';
     closeBtn.setAttribute('aria-label', 'Close notification');
     closeBtn.onclick = onClose;
-    toastEl.appendChild(closeBtn);
+    closeCell.appendChild(closeBtn);
+    layoutRow.appendChild(messageCell);
+    layoutRow.appendChild(closeCell);
+    layoutTable.appendChild(layoutRow);
+    toastEl.appendChild(layoutTable);
+  } else {
+    toastEl.appendChild(content);
   }
   return toastEl;
 }
 
 function showToast(element) {
-  requestAnimationFrame(() => {
+  requestAnimationFrame(function () {
     element.className = element.className + ' r01st-show';
   });
 }
 function hideToast(element, callback) {
   element.className = element.className.replace(' r01st-show', '');
-  setTimeout(() => {
+  setTimeout(function () {
     if (element.parentNode) {
       element.parentNode.removeChild(element);
     }
@@ -146,57 +159,60 @@ function hideToast(element, callback) {
   }, 300);
 }
 
-let toastCounter = 0;
-const activeToasts = new Map();
+var toastCounter = 0;
+var activeToasts = new Map();
 function createToast(message) {
-  let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  const config = _objectSpread2(_objectSpread2({}, getConfig()), options);
-  const {
-    position,
-    duration,
-    dismissible,
-    theme,
-    className,
-    type = 'info'
-  } = config;
-  const id = ++toastCounter;
+  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  var config = _objectSpread2(_objectSpread2({}, getConfig()), options);
+  var position = config.position,
+    duration = config.duration,
+    dismissible = config.dismissible,
+    theme = config.theme,
+    className = config.className,
+    _config$type = config.type,
+    type = _config$type === void 0 ? 'info' : _config$type;
+  var id = ++toastCounter;
   if (activeToasts.size >= getConfig().maxToasts) {
-    const firstToast = activeToasts.keys().next().value;
+    var firstToast = activeToasts.keys().next().value;
     dismissToast(firstToast);
   }
-  const container = getContainer(position, theme);
-  const handleClose = () => dismissToast(id);
-  const toastEl = createToastElement(message, type, dismissible, className, id, handleClose);
+  var container = getContainer(position, theme);
+  var handleClose = function handleClose() {
+    return dismissToast(id);
+  };
+  var toastEl = createToastElement(message, type, dismissible, className, id, handleClose);
   container.appendChild(toastEl);
   showToast(toastEl);
-  const toastData = {
+  var toastData = {
     element: toastEl,
     timeoutId: null
   };
   if (duration > 0) {
-    toastData.timeoutId = setTimeout(() => dismissToast(id), duration);
+    toastData.timeoutId = setTimeout(function () {
+      return dismissToast(id);
+    }, duration);
   }
   activeToasts.set(id, toastData);
   return id;
 }
 function dismissToast(id) {
-  const toastData = activeToasts.get(id);
+  var toastData = activeToasts.get(id);
   if (!toastData) return;
-  const {
-    element,
-    timeoutId
-  } = toastData;
+  var element = toastData.element,
+    timeoutId = toastData.timeoutId;
   if (timeoutId) {
     clearTimeout(timeoutId);
   }
   activeToasts.delete(id);
-  hideToast(element, () => {
+  hideToast(element, function () {
     cleanupContainer(activeToasts.size);
   });
 }
 function dismissAllToasts() {
-  const ids = Array.from(activeToasts.keys());
-  ids.forEach(id => dismissToast(id));
+  var ids = Array.from(activeToasts.keys());
+  ids.forEach(function (id) {
+    return dismissToast(id);
+  });
 }
 
 /**
@@ -206,31 +222,31 @@ function dismissAllToasts() {
  * @returns {number} Toast ID
  */
 function toast(message) {
-  let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   return createToast(message, options);
 }
 
 // Shorthand methods
 toast.success = function (message) {
-  let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   return toast(message, _objectSpread2(_objectSpread2({}, options), {}, {
     type: 'success'
   }));
 };
 toast.error = function (message) {
-  let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   return toast(message, _objectSpread2(_objectSpread2({}, options), {}, {
     type: 'error'
   }));
 };
 toast.info = function (message) {
-  let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   return toast(message, _objectSpread2(_objectSpread2({}, options), {}, {
     type: 'info'
   }));
 };
 toast.warning = function (message) {
-  let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   return toast(message, _objectSpread2(_objectSpread2({}, options), {}, {
     type: 'warning'
   }));

package/dist/simple-toast.esm.min.js

@@ -0,0 +1 @@
+function n(n,t,e){return(t=function(n){var t=function(n,t){if("object"!=typeof n||!n)return n;var e=n[Symbol.toPrimitive];if(void 0!==e){var r=e.call(n,t);if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(n)}(n,"string");return"symbol"==typeof t?t:t+""}(t))in n?Object.defineProperty(n,t,{value:e,enumerable:!0,configurable:!0,writable:!0}):n[t]=e,n}function t(n,t){var e=Object.keys(n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable})),e.push.apply(e,r)}return e}function e(e){for(var r=1;arguments.length>r;r++){var i=null!=arguments[r]?arguments[r]:{};r%2?t(Object(i),!0).forEach(function(t){n(e,t,i[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):t(Object(i)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(i,n))})}return e}var r=e({},{position:"bc",duration:3e3,theme:"l",dismissible:!0,maxToasts:10});function i(n){r=e(e({},r),n)}function o(){return r}var a=!1;var s=null;function l(n,t){return function(){if(!a){var n=document.createElement("style");n.setAttribute("data-r01st",""),n.textContent='\n.r01st-container {\n  position: fixed;\n  z-index: 9999;\n  pointer-events: none;\n  padding: 16px;\n}\n.r01st-container[data-position="tl"] {\n  top: 0;\n  left: 0;\n}\n\n.r01st-container[data-position="tc"] {\n  top: 0;\n  left: 50%;\n  margin-left: -210px;\n}\n\n.r01st-container[data-position="tr"] {\n  top: 0;\n  right: 0;\n}\n.r01st-container[data-position="ml"] {\n  top: 50%;\n  left: 0;\n  margin-top: -50px;\n}\n\n.r01st-container[data-position="mc"] {\n  top: 50%;\n  left: 50%;\n  margin-left: -210px;\n  margin-top: -50px;\n}\n\n.r01st-container[data-position="mr"] {\n  top: 50%;\n  right: 0;\n  margin-top: -50px;\n}\n.r01st-container[data-position="bl"] {\n  bottom: 0;\n  left: 0;\n}\n\n.r01st-container[data-position="bc"] {\n  bottom: 0;\n  left: 50%;\n  margin-left: -210px;\n}\n\n.r01st-container[data-position="br"] {\n  bottom: 0;\n  right: 0;\n}\n.r01st {\n  pointer-events: auto;\n  position: relative;\n  min-width: 280px;\n  max-width: 420px;\n  padding: 16px;\n  margin-bottom: 16px;\n  border-radius: 8px;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n  font-size: 14px;\n  line-height: 1.5;\n  font-family: -apple-system, BlinkMacSystemFont, \'Segoe UI\', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n  color: #ffffff;\n  opacity: 0;\n  transition: opacity 0.3s ease, margin-top 0.3s ease;\n  margin-top: -20px;\n}\n.r01st-show {\n  opacity: 1;\n  margin-top: 0;\n}\n.r01st-container[data-theme="l"] .r01st-success {\n  background-color: #10b981;\n}\n\n.r01st-container[data-theme="l"] .r01st-error {\n  background-color: #ef4444;\n}\n\n.r01st-container[data-theme="l"] .r01st-info {\n  background-color: #3b82f6;\n}\n\n.r01st-container[data-theme="l"] .r01st-warning {\n  background-color: #f59e0b;\n}\n.r01st-container[data-theme="d"] .r01st-success {\n  background-color: #059669;\n}\n\n.r01st-container[data-theme="d"] .r01st-error {\n  background-color: #dc2626;\n}\n\n.r01st-container[data-theme="d"] .r01st-info {\n  background-color: #2563eb;\n}\n\n.r01st-container[data-theme="d"] .r01st-warning {\n  background-color: #d97706;\n}\n.r01st-content {\n  display: inline-block;\n  width: 100%;\n  vertical-align: top;\n}\n.r01st-table {\n  width: 100%;\n  border-collapse: collapse;\n}\n.r01st-cell {\n  vertical-align: middle;\n}\n.r01st-message-cell {\n  width: 100%;\n}\n.r01st-close-cell {\n  width: 1%;\n  padding-left: 8px;\n}\n.r01st-icon {\n  display: inline-block;\n  width: 20px;\n  height: 20px;\n  vertical-align: middle;\n  margin-right: 12px;\n}\n\n.r01st-icon svg {\n  width: 100%;\n  height: 100%;\n  display: block;\n}\n.r01st-message {\n  display: inline-block;\n  vertical-align: middle;\n  word-wrap: break-word;\n  max-width: calc(100% - 32px);\n}\n.r01st-close {\n  background: transparent;\n  border: none;\n  color: #ffffff;\n  font-size: 24px;\n  line-height: 1;\n  cursor: pointer;\n  padding: 0;\n  width: 24px;\n  height: 24px;\n  text-align: center;\n  border-radius: 4px;\n  opacity: 0.8;\n}\n\n.r01st-close:hover {\n  background-color: rgba(255, 255, 255, 0.2);\n  opacity: 1;\n}\n\n.r01st-close:focus {\n  outline: 2px solid #ffffff;\n  outline-offset: 2px;\n}\n.r01st-container[data-position^="b"] .r01st {\n  margin-top: 0;\n  margin-bottom: -20px;\n}\n\n.r01st-container[data-position^="b"] .r01st-show {\n  margin-bottom: 16px;\n}\n@media (max-width: 480px) {\n  .r01st-container {\n    left: 0 !important;\n    right: 0 !important;\n    margin-left: 0 !important;\n    padding: 8px;\n  }\n\n  .r01st {\n    min-width: auto;\n    max-width: none;\n  }\n}\n@media (prefers-reduced-motion: reduce) {\n  .r01st {\n    transition: opacity 0.2s;\n    margin-top: 0;\n  }\n}\n@media print {\n  .r01st-container {\n    display: none;\n  }\n}\n',document.head.appendChild(n),a=!0}}(),!s||s.getAttribute("data-position")===n&&s.getAttribute("data-theme")===t||(s.parentNode.removeChild(s),s=null),s||((s=document.createElement("div")).className="r01st-container",s.setAttribute("role","region"),s.setAttribute("aria-label","Notifications"),s.setAttribute("aria-live","polite"),s.setAttribute("data-position",n),s.setAttribute("data-theme",t),document.body.appendChild(s)),s}var c=0,d=new Map;function p(n){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=e(e({},o()),t),i=r.position,a=r.duration,s=r.dismissible,p=r.theme,m=r.className,f=r.type,g=void 0===f?"info":f,b=++c;d.size<o().maxToasts||u(d.keys().next().value);var h,v=l(i,p),x=function(n,t,e,r,i,o){var a=document.createElement("div");a.className="r01st r01st-"+t+(r?" "+r:""),a.setAttribute("role","alert"),a.setAttribute("data-toast-id",i);var s=document.createElement("div");s.className="r01st-content";var l=document.createElement("span");l.className="r01st-icon",l.innerHTML=function(n){var t={success:'<svg viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"/></svg>',error:'<svg viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z" clip-rule="evenodd"/></svg>',info:'<svg viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z" clip-rule="evenodd"/></svg>',warning:'<svg viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z" clip-rule="evenodd"/></svg>'};return t[n]||t.info}(t),l.setAttribute("aria-hidden","true"),s.appendChild(l);var c=document.createElement("span");if(c.className="r01st-message",c.textContent=n,s.appendChild(c),e){var d=document.createElement("table");d.className="r01st-table";var p=document.createElement("tr"),u=document.createElement("td");u.className="r01st-cell r01st-message-cell",u.appendChild(s);var m=document.createElement("td");m.className="r01st-cell r01st-close-cell";var f=document.createElement("button");f.className="r01st-close",f.innerHTML="&times;",f.setAttribute("aria-label","Close notification"),f.onclick=o,m.appendChild(f),p.appendChild(u),p.appendChild(m),d.appendChild(p),a.appendChild(d)}else a.appendChild(s);return a}(n,g,s,m,b,function(){return u(b)});v.appendChild(x),h=x,requestAnimationFrame(function(){h.className=h.className+" r01st-show"});var y={element:x,timeoutId:null};return a>0&&(y.timeoutId=setTimeout(function(){return u(b)},a)),d.set(b,y),b}function u(n){var t=d.get(n);if(t){var e=t.element,r=t.timeoutId;r&&clearTimeout(r),d.delete(n),function(n,t){n.className=n.className.replace(" r01st-show",""),setTimeout(function(){n.parentNode&&n.parentNode.removeChild(n),t&&t()},300)}(e,function(){var n;n=d.size,s&&0===n&&(s.parentNode.removeChild(s),s=null)})}}function m(n){return p(n,arguments.length>1&&void 0!==arguments[1]?arguments[1]:{})}m.success=function(n){return m(n,e(e({},arguments.length>1&&void 0!==arguments[1]?arguments[1]:{}),{},{type:"success"}))},m.error=function(n){return m(n,e(e({},arguments.length>1&&void 0!==arguments[1]?arguments[1]:{}),{},{type:"error"}))},m.info=function(n){return m(n,e(e({},arguments.length>1&&void 0!==arguments[1]?arguments[1]:{}),{},{type:"info"}))},m.warning=function(n){return m(n,e(e({},arguments.length>1&&void 0!==arguments[1]?arguments[1]:{}),{},{type:"warning"}))},m.dismiss=u,m.dismissAll=function(){Array.from(d.keys()).forEach(function(n){return u(n)})};export{i as configure,m as default,m as toast};

package/dist/simple-toast.min.js

@@ -1 +1 @@
-!function(n,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports):"function"==typeof define&&define.amd?define(["exports"],t):t((n="undefined"!=typeof globalThis?globalThis:n||self).SimpleToast={})}(this,function(n){"use strict";function t(n,t,e){return(t=function(n){var t=function(n,t){if("object"!=typeof n||!n)return n;var e=n[Symbol.toPrimitive];if(void 0!==e){var r=e.call(n,t);if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(n)}(n,"string");return"symbol"==typeof t?t:t+""}(t))in n?Object.defineProperty(n,t,{value:e,enumerable:!0,configurable:!0,writable:!0}):n[t]=e,n}function e(n,t){var e=Object.keys(n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable})),e.push.apply(e,r)}return e}function r(n){for(var r=1;arguments.length>r;r++){var o=null!=arguments[r]?arguments[r]:{};r%2?e(Object(o),!0).forEach(function(e){t(n,e,o[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(o)):e(Object(o)).forEach(function(t){Object.defineProperty(n,t,Object.getOwnPropertyDescriptor(o,t))})}return n}let o=r({},{position:"tr",duration:3e3,theme:"l",dismissible:!0,maxToasts:10});function i(){return o}let a=!1;let s=null;function l(n,t){return function(){if(a)return;const n=document.createElement("style");n.setAttribute("data-r01st",""),n.textContent='\n.r01st-container {\n  position: fixed;\n  z-index: 9999;\n  pointer-events: none;\n  padding: 16px;\n}\n.r01st-container[data-position="tl"] {\n  top: 0;\n  left: 0;\n}\n\n.r01st-container[data-position="tc"] {\n  top: 0;\n  left: 50%;\n  margin-left: -210px;\n}\n\n.r01st-container[data-position="tr"] {\n  top: 0;\n  right: 0;\n}\n.r01st-container[data-position="ml"] {\n  top: 50%;\n  left: 0;\n  margin-top: -50px;\n}\n\n.r01st-container[data-position="mc"] {\n  top: 50%;\n  left: 50%;\n  margin-left: -210px;\n  margin-top: -50px;\n}\n\n.r01st-container[data-position="mr"] {\n  top: 50%;\n  right: 0;\n  margin-top: -50px;\n}\n.r01st-container[data-position="bl"] {\n  bottom: 0;\n  left: 0;\n}\n\n.r01st-container[data-position="bc"] {\n  bottom: 0;\n  left: 50%;\n  margin-left: -210px;\n}\n\n.r01st-container[data-position="br"] {\n  bottom: 0;\n  right: 0;\n}\n.r01st {\n  pointer-events: auto;\n  position: relative;\n  min-width: 280px;\n  max-width: 420px;\n  padding: 16px;\n  margin-bottom: 16px;\n  border-radius: 8px;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n  font-size: 14px;\n  line-height: 1.5;\n  font-family: -apple-system, BlinkMacSystemFont, \'Segoe UI\', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n  color: #ffffff;\n  opacity: 0;\n  transition: opacity 0.3s ease, margin-top 0.3s ease;\n  margin-top: -20px;\n}\n.r01st-show {\n  opacity: 1;\n  margin-top: 0;\n}\n.r01st-container[data-theme="l"] .r01st-success {\n  background-color: #10b981;\n}\n\n.r01st-container[data-theme="l"] .r01st-error {\n  background-color: #ef4444;\n}\n\n.r01st-container[data-theme="l"] .r01st-info {\n  background-color: #3b82f6;\n}\n\n.r01st-container[data-theme="l"] .r01st-warning {\n  background-color: #f59e0b;\n}\n.r01st-container[data-theme="d"] .r01st-success {\n  background-color: #059669;\n}\n\n.r01st-container[data-theme="d"] .r01st-error {\n  background-color: #dc2626;\n}\n\n.r01st-container[data-theme="d"] .r01st-info {\n  background-color: #2563eb;\n}\n\n.r01st-container[data-theme="d"] .r01st-warning {\n  background-color: #d97706;\n}\n.r01st-content {\n  display: inline-block;\n  width: 100%;\n  vertical-align: top;\n  padding-right: 30px;\n}\n.r01st-icon {\n  display: inline-block;\n  width: 20px;\n  height: 20px;\n  vertical-align: middle;\n  margin-right: 12px;\n}\n\n.r01st-icon svg {\n  width: 100%;\n  height: 100%;\n  display: block;\n}\n.r01st-message {\n  display: inline-block;\n  vertical-align: middle;\n  word-wrap: break-word;\n  max-width: calc(100% - 32px);\n}\n.r01st-close {\n  position: absolute;\n  top: 16px;\n  right: 16px;\n  background: transparent;\n  border: none;\n  color: #ffffff;\n  font-size: 24px;\n  line-height: 1;\n  cursor: pointer;\n  padding: 0;\n  width: 24px;\n  height: 24px;\n  text-align: center;\n  border-radius: 4px;\n  opacity: 0.8;\n}\n\n.r01st-close:hover {\n  background-color: rgba(255, 255, 255, 0.2);\n  opacity: 1;\n}\n\n.r01st-close:focus {\n  outline: 2px solid #ffffff;\n  outline-offset: 2px;\n}\n.r01st-container[data-position^="b"] .r01st {\n  margin-top: 0;\n  margin-bottom: -20px;\n}\n\n.r01st-container[data-position^="b"] .r01st-show {\n  margin-bottom: 16px;\n}\n@media (max-width: 480px) {\n  .r01st-container {\n    left: 0 !important;\n    right: 0 !important;\n    margin-left: 0 !important;\n    padding: 8px;\n  }\n\n  .r01st {\n    min-width: auto;\n    max-width: none;\n  }\n}\n@media (prefers-reduced-motion: reduce) {\n  .r01st {\n    transition: opacity 0.2s;\n    margin-top: 0;\n  }\n}\n@media print {\n  .r01st-container {\n    display: none;\n  }\n}\n',document.head.appendChild(n),a=!0}(),!s||s.getAttribute("data-position")===n&&s.getAttribute("data-theme")===t||(s.parentNode.removeChild(s),s=null),s||(s=document.createElement("div"),s.className="r01st-container",s.setAttribute("role","region"),s.setAttribute("aria-label","Notifications"),s.setAttribute("aria-live","polite"),s.setAttribute("data-position",n),s.setAttribute("data-theme",t),document.body.appendChild(s)),s}let c=0;const d=new Map;function p(n){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};const e=r(r({},i()),t),{position:o,duration:a,dismissible:s,theme:p,className:m,type:f="info"}=e,g=++c;if(d.size>=i().maxToasts){u(d.keys().next().value)}const b=l(o,p),h=function(n,t,e,r,o,i){const a=document.createElement("div");a.className="r01st r01st-"+t+(r?" "+r:""),a.setAttribute("role","alert"),a.setAttribute("data-toast-id",o);const s=document.createElement("div");s.className="r01st-content";const l=document.createElement("span");l.className="r01st-icon",l.innerHTML=function(n){const t={success:'<svg viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"/></svg>',error:'<svg viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z" clip-rule="evenodd"/></svg>',info:'<svg viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z" clip-rule="evenodd"/></svg>',warning:'<svg viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z" clip-rule="evenodd"/></svg>'};return t[n]||t.info}(t),l.setAttribute("aria-hidden","true"),s.appendChild(l);const c=document.createElement("span");if(c.className="r01st-message",c.textContent=n,s.appendChild(c),a.appendChild(s),e){const n=document.createElement("button");n.className="r01st-close",n.innerHTML="&times;",n.setAttribute("aria-label","Close notification"),n.onclick=i,a.appendChild(n)}return a}(n,f,s,m,g,()=>u(g));var v;b.appendChild(h),v=h,requestAnimationFrame(()=>{v.className=v.className+" r01st-show"});const x={element:h,timeoutId:null};return a>0&&(x.timeoutId=setTimeout(()=>u(g),a)),d.set(g,x),g}function u(n){const t=d.get(n);if(!t)return;const{element:e,timeoutId:r}=t;r&&clearTimeout(r),d.delete(n),function(n,t){n.className=n.className.replace(" r01st-show",""),setTimeout(()=>{n.parentNode&&n.parentNode.removeChild(n),t&&t()},300)}(e,()=>{var n;n=d.size,s&&0===n&&(s.parentNode.removeChild(s),s=null)})}function m(n){return p(n,arguments.length>1&&void 0!==arguments[1]?arguments[1]:{})}m.success=function(n){return m(n,r(r({},arguments.length>1&&void 0!==arguments[1]?arguments[1]:{}),{},{type:"success"}))},m.error=function(n){return m(n,r(r({},arguments.length>1&&void 0!==arguments[1]?arguments[1]:{}),{},{type:"error"}))},m.info=function(n){return m(n,r(r({},arguments.length>1&&void 0!==arguments[1]?arguments[1]:{}),{},{type:"info"}))},m.warning=function(n){return m(n,r(r({},arguments.length>1&&void 0!==arguments[1]?arguments[1]:{}),{},{type:"warning"}))},m.dismiss=u,m.dismissAll=function(){Array.from(d.keys()).forEach(n=>u(n))},n.configure=function(n){o=r(r({},o),n)},n.default=m,n.toast=m,Object.defineProperty(n,"__esModule",{value:!0})});
+!function(n,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports):"function"==typeof define&&define.amd?define(["exports"],t):t((n="undefined"!=typeof globalThis?globalThis:n||self).SimpleToast={})}(this,function(n){"use strict";function t(n,t,e){return(t=function(n){var t=function(n,t){if("object"!=typeof n||!n)return n;var e=n[Symbol.toPrimitive];if(void 0!==e){var r=e.call(n,t);if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(n)}(n,"string");return"symbol"==typeof t?t:t+""}(t))in n?Object.defineProperty(n,t,{value:e,enumerable:!0,configurable:!0,writable:!0}):n[t]=e,n}function e(n,t){var e=Object.keys(n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable})),e.push.apply(e,r)}return e}function r(n){for(var r=1;arguments.length>r;r++){var o=null!=arguments[r]?arguments[r]:{};r%2?e(Object(o),!0).forEach(function(e){t(n,e,o[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(o)):e(Object(o)).forEach(function(t){Object.defineProperty(n,t,Object.getOwnPropertyDescriptor(o,t))})}return n}var o=r({},{position:"bc",duration:3e3,theme:"l",dismissible:!0,maxToasts:10});function i(){return o}var a=!1;var s=null;function l(n,t){return function(){if(!a){var n=document.createElement("style");n.setAttribute("data-r01st",""),n.textContent='\n.r01st-container {\n  position: fixed;\n  z-index: 9999;\n  pointer-events: none;\n  padding: 16px;\n}\n.r01st-container[data-position="tl"] {\n  top: 0;\n  left: 0;\n}\n\n.r01st-container[data-position="tc"] {\n  top: 0;\n  left: 50%;\n  margin-left: -210px;\n}\n\n.r01st-container[data-position="tr"] {\n  top: 0;\n  right: 0;\n}\n.r01st-container[data-position="ml"] {\n  top: 50%;\n  left: 0;\n  margin-top: -50px;\n}\n\n.r01st-container[data-position="mc"] {\n  top: 50%;\n  left: 50%;\n  margin-left: -210px;\n  margin-top: -50px;\n}\n\n.r01st-container[data-position="mr"] {\n  top: 50%;\n  right: 0;\n  margin-top: -50px;\n}\n.r01st-container[data-position="bl"] {\n  bottom: 0;\n  left: 0;\n}\n\n.r01st-container[data-position="bc"] {\n  bottom: 0;\n  left: 50%;\n  margin-left: -210px;\n}\n\n.r01st-container[data-position="br"] {\n  bottom: 0;\n  right: 0;\n}\n.r01st {\n  pointer-events: auto;\n  position: relative;\n  min-width: 280px;\n  max-width: 420px;\n  padding: 16px;\n  margin-bottom: 16px;\n  border-radius: 8px;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n  font-size: 14px;\n  line-height: 1.5;\n  font-family: -apple-system, BlinkMacSystemFont, \'Segoe UI\', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n  color: #ffffff;\n  opacity: 0;\n  transition: opacity 0.3s ease, margin-top 0.3s ease;\n  margin-top: -20px;\n}\n.r01st-show {\n  opacity: 1;\n  margin-top: 0;\n}\n.r01st-container[data-theme="l"] .r01st-success {\n  background-color: #10b981;\n}\n\n.r01st-container[data-theme="l"] .r01st-error {\n  background-color: #ef4444;\n}\n\n.r01st-container[data-theme="l"] .r01st-info {\n  background-color: #3b82f6;\n}\n\n.r01st-container[data-theme="l"] .r01st-warning {\n  background-color: #f59e0b;\n}\n.r01st-container[data-theme="d"] .r01st-success {\n  background-color: #059669;\n}\n\n.r01st-container[data-theme="d"] .r01st-error {\n  background-color: #dc2626;\n}\n\n.r01st-container[data-theme="d"] .r01st-info {\n  background-color: #2563eb;\n}\n\n.r01st-container[data-theme="d"] .r01st-warning {\n  background-color: #d97706;\n}\n.r01st-content {\n  display: inline-block;\n  width: 100%;\n  vertical-align: top;\n}\n.r01st-table {\n  width: 100%;\n  border-collapse: collapse;\n}\n.r01st-cell {\n  vertical-align: middle;\n}\n.r01st-message-cell {\n  width: 100%;\n}\n.r01st-close-cell {\n  width: 1%;\n  padding-left: 8px;\n}\n.r01st-icon {\n  display: inline-block;\n  width: 20px;\n  height: 20px;\n  vertical-align: middle;\n  margin-right: 12px;\n}\n\n.r01st-icon svg {\n  width: 100%;\n  height: 100%;\n  display: block;\n}\n.r01st-message {\n  display: inline-block;\n  vertical-align: middle;\n  word-wrap: break-word;\n  max-width: calc(100% - 32px);\n}\n.r01st-close {\n  background: transparent;\n  border: none;\n  color: #ffffff;\n  font-size: 24px;\n  line-height: 1;\n  cursor: pointer;\n  padding: 0;\n  width: 24px;\n  height: 24px;\n  text-align: center;\n  border-radius: 4px;\n  opacity: 0.8;\n}\n\n.r01st-close:hover {\n  background-color: rgba(255, 255, 255, 0.2);\n  opacity: 1;\n}\n\n.r01st-close:focus {\n  outline: 2px solid #ffffff;\n  outline-offset: 2px;\n}\n.r01st-container[data-position^="b"] .r01st {\n  margin-top: 0;\n  margin-bottom: -20px;\n}\n\n.r01st-container[data-position^="b"] .r01st-show {\n  margin-bottom: 16px;\n}\n@media (max-width: 480px) {\n  .r01st-container {\n    left: 0 !important;\n    right: 0 !important;\n    margin-left: 0 !important;\n    padding: 8px;\n  }\n\n  .r01st {\n    min-width: auto;\n    max-width: none;\n  }\n}\n@media (prefers-reduced-motion: reduce) {\n  .r01st {\n    transition: opacity 0.2s;\n    margin-top: 0;\n  }\n}\n@media print {\n  .r01st-container {\n    display: none;\n  }\n}\n',document.head.appendChild(n),a=!0}}(),!s||s.getAttribute("data-position")===n&&s.getAttribute("data-theme")===t||(s.parentNode.removeChild(s),s=null),s||((s=document.createElement("div")).className="r01st-container",s.setAttribute("role","region"),s.setAttribute("aria-label","Notifications"),s.setAttribute("aria-live","polite"),s.setAttribute("data-position",n),s.setAttribute("data-theme",t),document.body.appendChild(s)),s}var c=0,d=new Map;function p(n){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},e=r(r({},i()),t),o=e.position,a=e.duration,s=e.dismissible,p=e.theme,m=e.className,f=e.type,g=void 0===f?"info":f,b=++c;d.size<i().maxToasts||u(d.keys().next().value);var h,v=l(o,p),x=function(n,t,e,r,o,i){var a=document.createElement("div");a.className="r01st r01st-"+t+(r?" "+r:""),a.setAttribute("role","alert"),a.setAttribute("data-toast-id",o);var s=document.createElement("div");s.className="r01st-content";var l=document.createElement("span");l.className="r01st-icon",l.innerHTML=function(n){var t={success:'<svg viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"/></svg>',error:'<svg viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z" clip-rule="evenodd"/></svg>',info:'<svg viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z" clip-rule="evenodd"/></svg>',warning:'<svg viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z" clip-rule="evenodd"/></svg>'};return t[n]||t.info}(t),l.setAttribute("aria-hidden","true"),s.appendChild(l);var c=document.createElement("span");if(c.className="r01st-message",c.textContent=n,s.appendChild(c),e){var d=document.createElement("table");d.className="r01st-table";var p=document.createElement("tr"),u=document.createElement("td");u.className="r01st-cell r01st-message-cell",u.appendChild(s);var m=document.createElement("td");m.className="r01st-cell r01st-close-cell";var f=document.createElement("button");f.className="r01st-close",f.innerHTML="&times;",f.setAttribute("aria-label","Close notification"),f.onclick=i,m.appendChild(f),p.appendChild(u),p.appendChild(m),d.appendChild(p),a.appendChild(d)}else a.appendChild(s);return a}(n,g,s,m,b,function(){return u(b)});v.appendChild(x),h=x,requestAnimationFrame(function(){h.className=h.className+" r01st-show"});var y={element:x,timeoutId:null};return a>0&&(y.timeoutId=setTimeout(function(){return u(b)},a)),d.set(b,y),b}function u(n){var t=d.get(n);if(t){var e=t.element,r=t.timeoutId;r&&clearTimeout(r),d.delete(n),function(n,t){n.className=n.className.replace(" r01st-show",""),setTimeout(function(){n.parentNode&&n.parentNode.removeChild(n),t&&t()},300)}(e,function(){var n;n=d.size,s&&0===n&&(s.parentNode.removeChild(s),s=null)})}}function m(n){return p(n,arguments.length>1&&void 0!==arguments[1]?arguments[1]:{})}m.success=function(n){return m(n,r(r({},arguments.length>1&&void 0!==arguments[1]?arguments[1]:{}),{},{type:"success"}))},m.error=function(n){return m(n,r(r({},arguments.length>1&&void 0!==arguments[1]?arguments[1]:{}),{},{type:"error"}))},m.info=function(n){return m(n,r(r({},arguments.length>1&&void 0!==arguments[1]?arguments[1]:{}),{},{type:"info"}))},m.warning=function(n){return m(n,r(r({},arguments.length>1&&void 0!==arguments[1]?arguments[1]:{}),{},{type:"warning"}))},m.dismiss=u,m.dismissAll=function(){Array.from(d.keys()).forEach(function(n){return u(n)})},n.configure=function(n){o=r(r({},o),n)},n.default=m,n.toast=m,Object.defineProperty(n,"__esModule",{value:!0})});

package/dist/simple-toast.umd.js

@@ -48,14 +48,14 @@
     return "symbol" == typeof i ? i : i + "";
   }
 
-  const defaultConfig = {
-    position: 'tr',
+  var defaultConfig = {
+    position: 'bc',
     duration: 3000,
     theme: 'l',
     dismissible: true,
     maxToasts: 10
   };
-  let globalConfig = _objectSpread2({}, defaultConfig);
+  var globalConfig = _objectSpread2({}, defaultConfig);
   function configure(config) {
     globalConfig = _objectSpread2(_objectSpread2({}, globalConfig), config);
   }
@@ -63,17 +63,17 @@
     return globalConfig;
   }
 
-  let stylesInjected = false;
+  var stylesInjected = false;
   function injectStyles() {
     if (stylesInjected) return;
-    const style = document.createElement('style');
+    var style = document.createElement('style');
     style.setAttribute('data-r01st', '');
-    style.textContent = "\n.r01st-container {\n  position: fixed;\n  z-index: 9999;\n  pointer-events: none;\n  padding: 16px;\n}\n.r01st-container[data-position=\"tl\"] {\n  top: 0;\n  left: 0;\n}\n\n.r01st-container[data-position=\"tc\"] {\n  top: 0;\n  left: 50%;\n  margin-left: -210px;\n}\n\n.r01st-container[data-position=\"tr\"] {\n  top: 0;\n  right: 0;\n}\n.r01st-container[data-position=\"ml\"] {\n  top: 50%;\n  left: 0;\n  margin-top: -50px;\n}\n\n.r01st-container[data-position=\"mc\"] {\n  top: 50%;\n  left: 50%;\n  margin-left: -210px;\n  margin-top: -50px;\n}\n\n.r01st-container[data-position=\"mr\"] {\n  top: 50%;\n  right: 0;\n  margin-top: -50px;\n}\n.r01st-container[data-position=\"bl\"] {\n  bottom: 0;\n  left: 0;\n}\n\n.r01st-container[data-position=\"bc\"] {\n  bottom: 0;\n  left: 50%;\n  margin-left: -210px;\n}\n\n.r01st-container[data-position=\"br\"] {\n  bottom: 0;\n  right: 0;\n}\n.r01st {\n  pointer-events: auto;\n  position: relative;\n  min-width: 280px;\n  max-width: 420px;\n  padding: 16px;\n  margin-bottom: 16px;\n  border-radius: 8px;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n  font-size: 14px;\n  line-height: 1.5;\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n  color: #ffffff;\n  opacity: 0;\n  transition: opacity 0.3s ease, margin-top 0.3s ease;\n  margin-top: -20px;\n}\n.r01st-show {\n  opacity: 1;\n  margin-top: 0;\n}\n.r01st-container[data-theme=\"l\"] .r01st-success {\n  background-color: #10b981;\n}\n\n.r01st-container[data-theme=\"l\"] .r01st-error {\n  background-color: #ef4444;\n}\n\n.r01st-container[data-theme=\"l\"] .r01st-info {\n  background-color: #3b82f6;\n}\n\n.r01st-container[data-theme=\"l\"] .r01st-warning {\n  background-color: #f59e0b;\n}\n.r01st-container[data-theme=\"d\"] .r01st-success {\n  background-color: #059669;\n}\n\n.r01st-container[data-theme=\"d\"] .r01st-error {\n  background-color: #dc2626;\n}\n\n.r01st-container[data-theme=\"d\"] .r01st-info {\n  background-color: #2563eb;\n}\n\n.r01st-container[data-theme=\"d\"] .r01st-warning {\n  background-color: #d97706;\n}\n.r01st-content {\n  display: inline-block;\n  width: 100%;\n  vertical-align: top;\n  padding-right: 30px;\n}\n.r01st-icon {\n  display: inline-block;\n  width: 20px;\n  height: 20px;\n  vertical-align: middle;\n  margin-right: 12px;\n}\n\n.r01st-icon svg {\n  width: 100%;\n  height: 100%;\n  display: block;\n}\n.r01st-message {\n  display: inline-block;\n  vertical-align: middle;\n  word-wrap: break-word;\n  max-width: calc(100% - 32px);\n}\n.r01st-close {\n  position: absolute;\n  top: 16px;\n  right: 16px;\n  background: transparent;\n  border: none;\n  color: #ffffff;\n  font-size: 24px;\n  line-height: 1;\n  cursor: pointer;\n  padding: 0;\n  width: 24px;\n  height: 24px;\n  text-align: center;\n  border-radius: 4px;\n  opacity: 0.8;\n}\n\n.r01st-close:hover {\n  background-color: rgba(255, 255, 255, 0.2);\n  opacity: 1;\n}\n\n.r01st-close:focus {\n  outline: 2px solid #ffffff;\n  outline-offset: 2px;\n}\n.r01st-container[data-position^=\"b\"] .r01st {\n  margin-top: 0;\n  margin-bottom: -20px;\n}\n\n.r01st-container[data-position^=\"b\"] .r01st-show {\n  margin-bottom: 16px;\n}\n@media (max-width: 480px) {\n  .r01st-container {\n    left: 0 !important;\n    right: 0 !important;\n    margin-left: 0 !important;\n    padding: 8px;\n  }\n\n  .r01st {\n    min-width: auto;\n    max-width: none;\n  }\n}\n@media (prefers-reduced-motion: reduce) {\n  .r01st {\n    transition: opacity 0.2s;\n    margin-top: 0;\n  }\n}\n@media print {\n  .r01st-container {\n    display: none;\n  }\n}\n";
+    style.textContent = "\n.r01st-container {\n  position: fixed;\n  z-index: 9999;\n  pointer-events: none;\n  padding: 16px;\n}\n.r01st-container[data-position=\"tl\"] {\n  top: 0;\n  left: 0;\n}\n\n.r01st-container[data-position=\"tc\"] {\n  top: 0;\n  left: 50%;\n  margin-left: -210px;\n}\n\n.r01st-container[data-position=\"tr\"] {\n  top: 0;\n  right: 0;\n}\n.r01st-container[data-position=\"ml\"] {\n  top: 50%;\n  left: 0;\n  margin-top: -50px;\n}\n\n.r01st-container[data-position=\"mc\"] {\n  top: 50%;\n  left: 50%;\n  margin-left: -210px;\n  margin-top: -50px;\n}\n\n.r01st-container[data-position=\"mr\"] {\n  top: 50%;\n  right: 0;\n  margin-top: -50px;\n}\n.r01st-container[data-position=\"bl\"] {\n  bottom: 0;\n  left: 0;\n}\n\n.r01st-container[data-position=\"bc\"] {\n  bottom: 0;\n  left: 50%;\n  margin-left: -210px;\n}\n\n.r01st-container[data-position=\"br\"] {\n  bottom: 0;\n  right: 0;\n}\n.r01st {\n  pointer-events: auto;\n  position: relative;\n  min-width: 280px;\n  max-width: 420px;\n  padding: 16px;\n  margin-bottom: 16px;\n  border-radius: 8px;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n  font-size: 14px;\n  line-height: 1.5;\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n  color: #ffffff;\n  opacity: 0;\n  transition: opacity 0.3s ease, margin-top 0.3s ease;\n  margin-top: -20px;\n}\n.r01st-show {\n  opacity: 1;\n  margin-top: 0;\n}\n.r01st-container[data-theme=\"l\"] .r01st-success {\n  background-color: #10b981;\n}\n\n.r01st-container[data-theme=\"l\"] .r01st-error {\n  background-color: #ef4444;\n}\n\n.r01st-container[data-theme=\"l\"] .r01st-info {\n  background-color: #3b82f6;\n}\n\n.r01st-container[data-theme=\"l\"] .r01st-warning {\n  background-color: #f59e0b;\n}\n.r01st-container[data-theme=\"d\"] .r01st-success {\n  background-color: #059669;\n}\n\n.r01st-container[data-theme=\"d\"] .r01st-error {\n  background-color: #dc2626;\n}\n\n.r01st-container[data-theme=\"d\"] .r01st-info {\n  background-color: #2563eb;\n}\n\n.r01st-container[data-theme=\"d\"] .r01st-warning {\n  background-color: #d97706;\n}\n.r01st-content {\n  display: inline-block;\n  width: 100%;\n  vertical-align: top;\n}\n.r01st-table {\n  width: 100%;\n  border-collapse: collapse;\n}\n.r01st-cell {\n  vertical-align: middle;\n}\n.r01st-message-cell {\n  width: 100%;\n}\n.r01st-close-cell {\n  width: 1%;\n  padding-left: 8px;\n}\n.r01st-icon {\n  display: inline-block;\n  width: 20px;\n  height: 20px;\n  vertical-align: middle;\n  margin-right: 12px;\n}\n\n.r01st-icon svg {\n  width: 100%;\n  height: 100%;\n  display: block;\n}\n.r01st-message {\n  display: inline-block;\n  vertical-align: middle;\n  word-wrap: break-word;\n  max-width: calc(100% - 32px);\n}\n.r01st-close {\n  background: transparent;\n  border: none;\n  color: #ffffff;\n  font-size: 24px;\n  line-height: 1;\n  cursor: pointer;\n  padding: 0;\n  width: 24px;\n  height: 24px;\n  text-align: center;\n  border-radius: 4px;\n  opacity: 0.8;\n}\n\n.r01st-close:hover {\n  background-color: rgba(255, 255, 255, 0.2);\n  opacity: 1;\n}\n\n.r01st-close:focus {\n  outline: 2px solid #ffffff;\n  outline-offset: 2px;\n}\n.r01st-container[data-position^=\"b\"] .r01st {\n  margin-top: 0;\n  margin-bottom: -20px;\n}\n\n.r01st-container[data-position^=\"b\"] .r01st-show {\n  margin-bottom: 16px;\n}\n@media (max-width: 480px) {\n  .r01st-container {\n    left: 0 !important;\n    right: 0 !important;\n    margin-left: 0 !important;\n    padding: 8px;\n  }\n\n  .r01st {\n    min-width: auto;\n    max-width: none;\n  }\n}\n@media (prefers-reduced-motion: reduce) {\n  .r01st {\n    transition: opacity 0.2s;\n    margin-top: 0;\n  }\n}\n@media print {\n  .r01st-container {\n    display: none;\n  }\n}\n";
     document.head.appendChild(style);
     stylesInjected = true;
   }
 
-  let container = null;
+  var container = null;
   function getContainer(position, theme) {
     injectStyles();
     if (container && (container.getAttribute('data-position') !== position || container.getAttribute('data-theme') !== theme)) {
@@ -100,7 +100,7 @@
   }
 
   function getIcon(type) {
-    const icons = {
+    var icons = {
       success: '<svg viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"/></svg>',
       error: '<svg viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z" clip-rule="evenodd"/></svg>',
       info: '<svg viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z" clip-rule="evenodd"/></svg>',
@@ -110,41 +110,54 @@
   }
 
   function createToastElement(message, type, dismissible, className, id, onClose) {
-    const toastEl = document.createElement('div');
+    var toastEl = document.createElement('div');
     toastEl.className = 'r01st r01st-' + type + (className ? ' ' + className : '');
     toastEl.setAttribute('role', 'alert');
     toastEl.setAttribute('data-toast-id', id);
-    const content = document.createElement('div');
+    var content = document.createElement('div');
     content.className = 'r01st-content';
-    const icon = document.createElement('span');
+    var icon = document.createElement('span');
     icon.className = 'r01st-icon';
     icon.innerHTML = getIcon(type);
     icon.setAttribute('aria-hidden', 'true');
     content.appendChild(icon);
-    const messageEl = document.createElement('span');
+    var messageEl = document.createElement('span');
     messageEl.className = 'r01st-message';
     messageEl.textContent = message;
     content.appendChild(messageEl);
-    toastEl.appendChild(content);
     if (dismissible) {
-      const closeBtn = document.createElement('button');
+      var layoutTable = document.createElement('table');
+      layoutTable.className = 'r01st-table';
+      var layoutRow = document.createElement('tr');
+      var messageCell = document.createElement('td');
+      messageCell.className = 'r01st-cell r01st-message-cell';
+      messageCell.appendChild(content);
+      var closeCell = document.createElement('td');
+      closeCell.className = 'r01st-cell r01st-close-cell';
+      var closeBtn = document.createElement('button');
       closeBtn.className = 'r01st-close';
       closeBtn.innerHTML = '&times;';
       closeBtn.setAttribute('aria-label', 'Close notification');
       closeBtn.onclick = onClose;
-      toastEl.appendChild(closeBtn);
+      closeCell.appendChild(closeBtn);
+      layoutRow.appendChild(messageCell);
+      layoutRow.appendChild(closeCell);
+      layoutTable.appendChild(layoutRow);
+      toastEl.appendChild(layoutTable);
+    } else {
+      toastEl.appendChild(content);
     }
     return toastEl;
   }
 
   function showToast(element) {
-    requestAnimationFrame(() => {
+    requestAnimationFrame(function () {
       element.className = element.className + ' r01st-show';
     });
   }
   function hideToast(element, callback) {
     element.className = element.className.replace(' r01st-show', '');
-    setTimeout(() => {
+    setTimeout(function () {
       if (element.parentNode) {
         element.parentNode.removeChild(element);
       }
@@ -152,57 +165,60 @@
     }, 300);
   }
 
-  let toastCounter = 0;
-  const activeToasts = new Map();
+  var toastCounter = 0;
+  var activeToasts = new Map();
   function createToast(message) {
-    let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    const config = _objectSpread2(_objectSpread2({}, getConfig()), options);
-    const {
-      position,
-      duration,
-      dismissible,
-      theme,
-      className,
-      type = 'info'
-    } = config;
-    const id = ++toastCounter;
+    var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    var config = _objectSpread2(_objectSpread2({}, getConfig()), options);
+    var position = config.position,
+      duration = config.duration,
+      dismissible = config.dismissible,
+      theme = config.theme,
+      className = config.className,
+      _config$type = config.type,
+      type = _config$type === void 0 ? 'info' : _config$type;
+    var id = ++toastCounter;
     if (activeToasts.size >= getConfig().maxToasts) {
-      const firstToast = activeToasts.keys().next().value;
+      var firstToast = activeToasts.keys().next().value;
       dismissToast(firstToast);
     }
-    const container = getContainer(position, theme);
-    const handleClose = () => dismissToast(id);
-    const toastEl = createToastElement(message, type, dismissible, className, id, handleClose);
+    var container = getContainer(position, theme);
+    var handleClose = function handleClose() {
+      return dismissToast(id);
+    };
+    var toastEl = createToastElement(message, type, dismissible, className, id, handleClose);
     container.appendChild(toastEl);
     showToast(toastEl);
-    const toastData = {
+    var toastData = {
       element: toastEl,
       timeoutId: null
     };
     if (duration > 0) {
-      toastData.timeoutId = setTimeout(() => dismissToast(id), duration);
+      toastData.timeoutId = setTimeout(function () {
+        return dismissToast(id);
+      }, duration);
     }
     activeToasts.set(id, toastData);
     return id;
   }
   function dismissToast(id) {
-    const toastData = activeToasts.get(id);
+    var toastData = activeToasts.get(id);
     if (!toastData) return;
-    const {
-      element,
-      timeoutId
-    } = toastData;
+    var element = toastData.element,
+      timeoutId = toastData.timeoutId;
     if (timeoutId) {
       clearTimeout(timeoutId);
     }
     activeToasts.delete(id);
-    hideToast(element, () => {
+    hideToast(element, function () {
       cleanupContainer(activeToasts.size);
     });
   }
   function dismissAllToasts() {
-    const ids = Array.from(activeToasts.keys());
-    ids.forEach(id => dismissToast(id));
+    var ids = Array.from(activeToasts.keys());
+    ids.forEach(function (id) {
+      return dismissToast(id);
+    });
   }
 
   /**
@@ -212,31 +228,31 @@
    * @returns {number} Toast ID
    */
   function toast(message) {
-    let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
     return createToast(message, options);
   }
 
   // Shorthand methods
   toast.success = function (message) {
-    let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
     return toast(message, _objectSpread2(_objectSpread2({}, options), {}, {
       type: 'success'
     }));
   };
   toast.error = function (message) {
-    let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
     return toast(message, _objectSpread2(_objectSpread2({}, options), {}, {
       type: 'error'
     }));
   };
   toast.info = function (message) {
-    let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
     return toast(message, _objectSpread2(_objectSpread2({}, options), {}, {
       type: 'info'
     }));
   };
   toast.warning = function (message) {
-    let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
     return toast(message, _objectSpread2(_objectSpread2({}, options), {}, {
       type: 'warning'
     }));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@r01al/simple-toast",
-  "version": "1.0.2",
+  "version": "1.0.4",
   "description": "Lightweight, framework-agnostic toast notification library with zero dependencies",
   "keywords": [
     "toast",
@@ -20,9 +20,9 @@
     "url": "https://github.com/r01al/simple-toast/issues"
   },
   "homepage": "https://github.com/r01al/simple-toast#readme",
-  "main": "dist/simple-toast.cjs.js",
-  "module": "dist/simple-toast.esm.js",
-  "browser": "dist/simple-toast.esm.js",
+  "main": "dist/simple-toast.min.js",
+  "module": "dist/simple-toast.esm.min.js",
+  "browser": "dist/simple-toast.min.js",
   "types": "dist/toast.d.ts",
   "files": [
     "dist"
@@ -30,7 +30,8 @@
   "scripts": {
     "build": "rollup -c && cp src/toast.d.ts dist/toast.d.ts",
     "dev": "rollup -c -w",
-    "test": "echo \"Error: no test specified\" && exit 1"
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "publish": "npm version patch && npm run build && npm pack && npm publish --access public"
   },
   "devDependencies": {
     "@babel/core": "^7.28.5",