@nuralyui/toast 0.0.10 → 0.0.11

package/bundle.js

@@ -560,7 +560,7 @@ const Kc=1,Xc=2,Qc=c=>(...a)=>({_$litDirective$:c,values:a});class Jc{constructo
     
     /* Size properties with fallbacks */
     --nuraly-icon-size-fallback: 18px;
-    --nuraly-icon-size-small-fallback: 16px;
+    --nuraly-icon-size-small-fallback: 14px;
     --nuraly-icon-size-medium-fallback: 20px;
     --nuraly-icon-size-large-fallback: 24px;
     --nuraly-icon-size-xlarge-fallback: 32px;
@@ -694,7 +694,13 @@ var Zb=function(c,a,e,s){for(var i,n=arguments.length,l=n<3?a:null===s?s=Object.
       >
         <path d="${c}" />
       </svg>
-    `}getIconPath(){if(!this.name)return console.warn("HyIconElement: Icon name is required"),"";const c="solid"==this.type?"fas":"far";try{const a=Si.definitions;if(!a||!a[c])return console.warn(`HyIconElement: Icon pack "${c}" not found`),"";const e=a[c][this.name];if(!e)return console.warn(`HyIconElement: Icon "${this.name}" not found in ${c} pack`),"";const s=e[4];return s&&"string"==typeof s?s:(console.warn(`HyIconElement: Invalid path data for icon "${this.name}"`),"")}catch(c){return console.error(`HyIconElement: Error loading icon "${this.name}":`,c),""}}getIconRole(){return this.clickable?"button":this.alt?"img":"presentation"}getIconTabIndex(){return this.clickable&&!this.disabled?"0":"-1"}getAriaDisabled(){return this.disabled?"true":void 0}};aN.styles=Qb,Zb([_c({type:String})],aN.prototype,"name",void 0),Zb([_c()],aN.prototype,"type",void 0),Zb([_c({type:String,attribute:"alt"})],aN.prototype,"alt",void 0),Zb([_c({type:String,reflect:!0})],aN.prototype,"size",void 0),Zb([_c({type:String})],aN.prototype,"color",void 0),Zb([_c({type:String})],aN.prototype,"width",void 0),Zb([_c({type:String})],aN.prototype,"height",void 0),aN=Zb([Gc("nr-icon")],aN);const eN="",sN=n`
+    `}getIconPath(){if(!this.name)return console.warn("HyIconElement: Icon name is required"),"";const c="solid"==this.type?"fas":"far";try{const a=Si.definitions;if(!a||!a[c])return console.warn(`HyIconElement: Icon pack "${c}" not found`),"";const e=a[c][this.name];if(!e)return console.warn(`HyIconElement: Icon "${this.name}" not found in ${c} pack`),"";const s=e[4];return s&&"string"==typeof s?s:(console.warn(`HyIconElement: Invalid path data for icon "${this.name}"`),"")}catch(c){return console.error(`HyIconElement: Error loading icon "${this.name}":`,c),""}}getIconRole(){return this.clickable?"button":this.alt?"img":"presentation"}getIconTabIndex(){return this.clickable&&!this.disabled?"0":"-1"}getAriaDisabled(){return this.disabled?"true":void 0}};aN.styles=Qb,Zb([_c({type:String})],aN.prototype,"name",void 0),Zb([_c()],aN.prototype,"type",void 0),Zb([_c({type:String,attribute:"alt"})],aN.prototype,"alt",void 0),Zb([_c({type:String,reflect:!0})],aN.prototype,"size",void 0),Zb([_c({type:String})],aN.prototype,"color",void 0),Zb([_c({type:String})],aN.prototype,"width",void 0),Zb([_c({type:String})],aN.prototype,"height",void 0),aN=Zb([Gc("nr-icon")],aN);
+/**
+ * @license
+ * Copyright 2018 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const eN=c=>null!=c?c:E,sN="",iN=n`
   :host {
     display: inline-block;
     vertical-align: middle;
@@ -769,6 +775,28 @@ var Zb=function(c,a,e,s){for(var i,n=arguments.length,l=n<3?a:null===s?s=Object.
       color: inherit;
       /* Override any size attribute with CSS variable */
       font-size: var(--nuraly-button-icon-size, 1rem) !important;
+      transition: all var(--nuraly-transition-fast, 0.15s) ease;
+      /* Inherit cursor from button */
+      cursor: inherit;
+      /* Prevent icon from being focusable */
+      pointer-events: none;
+    }
+
+    /* Icon focus state */
+    &:focus:not(:disabled) nr-icon {
+      opacity: 1;
+      filter: brightness(1.1);
+    }
+
+    /* Icon active state */
+    &:active:not(:disabled) nr-icon {
+      opacity: 0.9;
+      transform: scale(0.95);
+    }
+
+    /* Icon hover state */
+    &:hover:not(:disabled) nr-icon {
+      opacity: 1;
     }
 
     /* Icon spacing - use gap for cleaner spacing */
@@ -1165,32 +1193,32 @@ var Zb=function(c,a,e,s){for(var i,n=arguments.length,l=n<3?a:null===s?s=Object.
  * Copyright 2023 Nuraly, Laabidi Aymen
  * SPDX-License-Identifier: MIT
  */
-class iN{constructor(c){this._host=c,this._host.addController(this)}get host(){return this._host}hostConnected(){}hostDisconnected(){}hostUpdate(){}hostUpdated(){}handleError(c,a){console.error(`[ButtonController:${this.constructor.name}] Error in ${a}:`,c),this._host.dispatchEvent(new CustomEvent("nr-button-error",{detail:{error:c.message,context:a,controller:this.constructor.name},bubbles:!0,composed:!0}))}requestUpdate(){try{this._host.requestUpdate()}catch(c){this.handleError(c,"requestUpdate")}}dispatchEvent(c){try{return this._host.dispatchEvent(c)}catch(c){return this.handleError(c,"dispatchEvent"),!1}}}
+class nN{constructor(c){this._host=c,this._host.addController(this)}get host(){return this._host}hostConnected(){}hostDisconnected(){}hostUpdate(){}hostUpdated(){}handleError(c,a){console.error(`[ButtonController:${this.constructor.name}] Error in ${a}:`,c),this._host.dispatchEvent(new CustomEvent("nr-button-error",{detail:{error:c.message,context:a,controller:this.constructor.name},bubbles:!0,composed:!0}))}requestUpdate(){try{this._host.requestUpdate()}catch(c){this.handleError(c,"requestUpdate")}}dispatchEvent(c){try{return this._host.dispatchEvent(c)}catch(c){return this.handleError(c,"dispatchEvent"),!1}}}
 /**
  * @license
  * Copyright 2023 Nuraly, Laabidi Aymen
  * SPDX-License-Identifier: MIT
- */class nN extends iN{createRipple(c){try{if(!this.host.ripple||this.host.disabled)return;const a=c.currentTarget,e=a.getBoundingClientRect(),s=2*Math.max(e.width,e.height),i=c.clientX-e.left-s/2,n=c.clientY-e.top-s/2,l=document.createElement("span");l.className="ripple",l.style.width=l.style.height=s+"px",l.style.left=i+"px",l.style.top=n+"px";a.querySelectorAll(".ripple").forEach((c=>c.remove())),a.appendChild(l),setTimeout((()=>{l.remove()}),600)}catch(c){this.handleError(c,"createRipple")}}handleRippleClick(c){try{this.createRipple(c),this.dispatchEvent(new CustomEvent("button-click",{detail:{disabled:this.host.disabled,timestamp:Date.now(),coordinates:{x:c.clientX,y:c.clientY}},bubbles:!0,composed:!0}))}catch(c){this.handleError(c,"handleRippleClick")}}}
+ */class lN extends nN{createRipple(c){try{if(!this.host.ripple||this.host.disabled)return;const a=c.currentTarget,e=a.getBoundingClientRect(),s=2*Math.max(e.width,e.height),i=c.clientX-e.left-s/2,n=c.clientY-e.top-s/2,l=document.createElement("span");l.className="ripple",l.style.width=l.style.height=s+"px",l.style.left=i+"px",l.style.top=n+"px";a.querySelectorAll(".ripple").forEach((c=>c.remove())),a.appendChild(l),setTimeout((()=>{l.remove()}),600)}catch(c){this.handleError(c,"createRipple")}}handleRippleClick(c){try{this.createRipple(c),this.dispatchEvent(new CustomEvent("button-click",{detail:{disabled:this.host.disabled,timestamp:Date.now(),coordinates:{x:c.clientX,y:c.clientY}},bubbles:!0,composed:!0}))}catch(c){this.handleError(c,"handleRippleClick")}}}
 /**
  * @license
  * Copyright 2023 Nuraly, Laabidi Aymen
  * SPDX-License-Identifier: MIT
- */class lN extends iN{handleKeyboardActivation(c){try{if(this.host.disabled)return;this.isActivationKey(c)&&(c.preventDefault(),this.host.click(),this.dispatchEvent(new CustomEvent("keyboard-activation",{detail:{key:c.key,timestamp:Date.now(),target:this.host},bubbles:!0,composed:!0})))}catch(c){this.handleError(c,"handleKeyboardActivation")}}handleKeydown(c){try{if(this.host.disabled){if(!this.isReadonlyKeyAllowed(c))return void c.preventDefault()}this.handleKeyboardActivation(c)}catch(c){this.handleError(c,"handleKeydown")}}isActivationKey(c){return"Enter"===c.key||" "===c.key}isReadonlyKeyAllowed(c){return["Tab","Shift","Escape","ArrowUp","ArrowDown","ArrowLeft","ArrowRight","Home","End"].includes(c.key)}}
+ */class oN extends nN{handleKeyboardActivation(c){try{if(this.host.disabled)return;this.isActivationKey(c)&&(c.preventDefault(),this.host.click(),this.dispatchEvent(new CustomEvent("keyboard-activation",{detail:{key:c.key,timestamp:Date.now(),target:this.host},bubbles:!0,composed:!0})))}catch(c){this.handleError(c,"handleKeyboardActivation")}}handleKeydown(c){try{if(this.host.disabled){if(!this.isReadonlyKeyAllowed(c))return void c.preventDefault()}this.handleKeyboardActivation(c)}catch(c){this.handleError(c,"handleKeydown")}}isActivationKey(c){return"Enter"===c.key||" "===c.key}isReadonlyKeyAllowed(c){return["Tab","Shift","Escape","ArrowUp","ArrowDown","ArrowLeft","ArrowRight","Home","End"].includes(c.key)}}
 /**
  * @license
  * Copyright 2023 Nuraly, Laabidi Aymen
  * SPDX-License-Identifier: MIT
- */class oN extends iN{isLinkType(){return"link"===this.host.type&&!!this.host.href}getElementTag(){return this.isLinkType()?"a":"button"}getLinkAttributes(){try{const c={};return this.isLinkType()?(c.href=this.host.href,this.host.target&&(c.target=this.host.target,"_blank"===this.host.target&&(c.rel="noopener noreferrer")),c.role="link"):c.role="button",c}catch(c){return this.handleError(c,"getLinkAttributes"),{role:"button"}}}handleLinkNavigation(c){try{this.isLinkType()&&this.dispatchEvent(new CustomEvent("link-navigation",{detail:{href:this.host.href,target:this.host.target,timestamp:Date.now(),originalEvent:c},bubbles:!0,composed:!0}))}catch(c){this.handleError(c,"handleLinkNavigation")}}}
+ */class rN extends nN{isLinkType(){return"link"===this.host.type&&!!this.host.href}getElementTag(){return this.isLinkType()?"a":"button"}getLinkAttributes(){try{const c={};return this.isLinkType()?(c.href=this.host.href,this.host.target&&(c.target=this.host.target,"_blank"===this.host.target&&(c.rel="noopener noreferrer")),c.role="link"):c.role="button",c}catch(c){return this.handleError(c,"getLinkAttributes"),{role:"button"}}}handleLinkNavigation(c){try{this.isLinkType()&&this.dispatchEvent(new CustomEvent("link-navigation",{detail:{href:this.host.href,target:this.host.target,timestamp:Date.now(),originalEvent:c},bubbles:!0,composed:!0}))}catch(c){this.handleError(c,"handleLinkNavigation")}}}
 /**
  * @license
  * Copyright 2023 Nuraly, Laabidi Aymen
  * SPDX-License-Identifier: MIT
- */var rN=function(c,a,e,s){for(var i,n=arguments.length,l=n<3?a:null===s?s=Object.getOwnPropertyDescriptor(a,e):s,o=c.length-1;o>=0;o--)(i=c[o])&&(l=(n<3?i(l):n>3?i(a,e,l):i(a,e))||l);return n>3&&l&&Object.defineProperty(a,e,l),l};let fN=class extends(Va(Oc)){constructor(){super(...arguments),this.disabled=!1,this.loading=!1,this.size=eN,this.type="default",this.shape="default",this.block=!1,this.dashed=!1,this.icon=[],this.iconPosition="left",this.href=eN,this.target=eN,this.ripple=!0,this.buttonAriaLabel=eN,this.ariaDescribedBy=eN,this.htmlType=eN,this.requiredComponents=["nr-icon"],this.rippleController=new nN(this),this.keyboardController=new lN(this),this.linkController=new oN(this)}connectedCallback(){super.connectedCallback(),this.validateDependencies()}getCommonAttributes(){return{"data-type":this.type,"data-shape":this.shape,"data-size":this.size||xc,"data-state":this.loading?"loading":xc,"data-theme":this.currentTheme,"data-block":this.block?"true":xc,class:this.dashed?"button-dashed":"","aria-disabled":this.disabled?"true":"false","aria-label":this.buttonAriaLabel||xc,"aria-describedby":this.ariaDescribedBy||xc,tabindex:this.disabled?"-1":"0"}}renderIcon(c){if(!this.isComponentAvailable("nr-icon")){const a="string"==typeof c?c:c.name;return console.warn(`[nr-button] Icon component 'nr-icon' not available. Icon "${a}" will not render. Ensure the icon component is imported and registered.`),xc}if("string"==typeof c)return Lc`<nr-icon name=${c}></nr-icon>`;const{name:a,type:e="solid",size:s,color:i,alt:n}=c;return Lc`<nr-icon 
-      name=${a}
-      type=${e}
-      alt=${n||""}
-      size=${s||""}
-      color=${i||""}
+ */var fN=function(c,a,e,s){for(var i,n=arguments.length,l=n<3?a:null===s?s=Object.getOwnPropertyDescriptor(a,e):s,o=c.length-1;o>=0;o--)(i=c[o])&&(l=(n<3?i(l):n>3?i(a,e,l):i(a,e))||l);return n>3&&l&&Object.defineProperty(a,e,l),l};let tN=class extends(Va(Oc)){constructor(){super(...arguments),this.disabled=!1,this.loading=!1,this.size=sN,this.type="default",this.shape="default",this.block=!1,this.dashed=!1,this.icon=[],this.iconPosition="left",this.href=sN,this.target=sN,this.ripple=!0,this.buttonAriaLabel=sN,this.ariaDescribedBy=sN,this.htmlType=sN,this.requiredComponents=["nr-icon"],this.rippleController=new lN(this),this.keyboardController=new oN(this),this.linkController=new rN(this)}connectedCallback(){super.connectedCallback(),this.validateDependencies()}getCommonAttributes(){return{"data-type":this.type,"data-shape":this.shape,"data-size":this.size||xc,"data-state":this.loading?"loading":xc,"data-theme":this.currentTheme,"data-block":this.block?"true":xc,class:this.dashed?"button-dashed":"","aria-disabled":this.disabled?"true":"false","aria-label":this.buttonAriaLabel||xc,"aria-describedby":this.ariaDescribedBy||xc,tabindex:this.disabled?"-1":"0"}}renderIcon(c){if(!this.isComponentAvailable("nr-icon")){const a="string"==typeof c?c:c.name;return console.warn(`[nr-button] Icon component 'nr-icon' not available. Icon "${a}" will not render. Ensure the icon component is imported and registered.`),xc}const a=()=>{switch(this.size){case"small":return"small";case"medium":default:return"medium";case"large":return"large"}};if("string"==typeof c){const e=a();return Lc`<nr-icon name=${c} size=${eN(e)}></nr-icon>`}const{name:e,type:s="solid",size:i,color:n,alt:l}=c,o=i||a();return Lc`<nr-icon 
+      name=${e}
+      type=${s}
+      alt=${l||""}
+      size=${eN(o)}
+      color=${n||""}
     ></nr-icon>`}handleClick(c){this.disabled?c.preventDefault():(this.rippleController.handleRippleClick(c),this.linkController.isLinkType()&&this.linkController.handleLinkNavigation(c),this.dispatchEventWithMetadata("button-clicked",{type:this.type,disabled:this.disabled,loading:this.loading,href:this.href||null}))}handleKeydown(c){this.keyboardController.handleKeydown(c)}getResolvedLeftIcon(){var c,a;return this.iconLeft?this.iconLeft:(null===(c=this.icons)||void 0===c?void 0:c.left)?this.icons.left:(null===(a=this.icon)||void 0===a?void 0:a.length)>0?this.icon[0]:void 0}getResolvedRightIcon(){var c,a;return this.iconRight?this.iconRight:(null===(c=this.icons)||void 0===c?void 0:c.right)?this.icons.right:2===(null===(a=this.icon)||void 0===a?void 0:a.length)?this.icon[1]:void 0}render(){const c=this.linkController.getElementTag(),a=this.getCommonAttributes(),e=this.linkController.getLinkAttributes(),s=this.getResolvedLeftIcon(),i=this.getResolvedRightIcon(),n=Lc`
       <span id="container" part="container">
         ${s?this.renderIcon(s):xc}
@@ -1240,13 +1268,13 @@ class iN{constructor(c){this._host=c,this._host.addController(this)}get host(){r
       >
         ${n}
       </button>
-    `}};fN.styles=sN,rN([_c({type:Boolean})],fN.prototype,"disabled",void 0),rN([_c({type:Boolean})],fN.prototype,"loading",void 0),rN([_c({type:String})],fN.prototype,"size",void 0),rN([_c({type:String})],fN.prototype,"type",void 0),rN([_c({type:String})],fN.prototype,"shape",void 0),rN([_c({type:Boolean})],fN.prototype,"block",void 0),rN([_c({type:Boolean})],fN.prototype,"dashed",void 0),rN([_c({type:Array})],fN.prototype,"icon",void 0),rN([_c({type:Object})],fN.prototype,"iconLeft",void 0),rN([_c({type:Object})],fN.prototype,"iconRight",void 0),rN([_c({type:Object})],fN.prototype,"icons",void 0),rN([_c({reflect:!0})],fN.prototype,"iconPosition",void 0),rN([_c({type:String})],fN.prototype,"href",void 0),rN([_c({type:String})],fN.prototype,"target",void 0),rN([_c({type:Boolean})],fN.prototype,"ripple",void 0),rN([_c({type:String})],fN.prototype,"buttonAriaLabel",void 0),rN([_c({type:String})],fN.prototype,"ariaDescribedBy",void 0),rN([_c({type:String})],fN.prototype,"htmlType",void 0),fN=rN([Gc("nr-button")],fN);
+    `}};tN.styles=iN,fN([_c({type:Boolean})],tN.prototype,"disabled",void 0),fN([_c({type:Boolean})],tN.prototype,"loading",void 0),fN([_c({type:String})],tN.prototype,"size",void 0),fN([_c({type:String})],tN.prototype,"type",void 0),fN([_c({type:String})],tN.prototype,"shape",void 0),fN([_c({type:Boolean})],tN.prototype,"block",void 0),fN([_c({type:Boolean})],tN.prototype,"dashed",void 0),fN([_c({type:Array})],tN.prototype,"icon",void 0),fN([_c({type:Object})],tN.prototype,"iconLeft",void 0),fN([_c({type:Object})],tN.prototype,"iconRight",void 0),fN([_c({type:Object})],tN.prototype,"icons",void 0),fN([_c({reflect:!0})],tN.prototype,"iconPosition",void 0),fN([_c({type:String})],tN.prototype,"href",void 0),fN([_c({type:String})],tN.prototype,"target",void 0),fN([_c({type:Boolean})],tN.prototype,"ripple",void 0),fN([_c({type:String})],tN.prototype,"buttonAriaLabel",void 0),fN([_c({type:String})],tN.prototype,"ariaDescribedBy",void 0),fN([_c({type:String})],tN.prototype,"htmlType",void 0),tN=fN([Gc("nr-button")],tN);
 /**
  * @license
  * Copyright 2023 Nuraly, Laabidi Aymen
  * SPDX-License-Identifier: MIT
  */
-var tN=function(c,a,e,s){for(var i,n=arguments.length,l=n<3?a:null===s?s=Object.getOwnPropertyDescriptor(a,e):s,o=c.length-1;o>=0;o--)(i=c[o])&&(l=(n<3?i(l):n>3?i(a,e,l):i(a,e))||l);return n>3&&l&&Object.defineProperty(a,e,l),l};let zN=class extends(Va(Oc)){constructor(){super(...arguments),this.requiredComponents=["nr-icon","nr-button"],this.position="top-right",this.maxToasts=5,this.defaultDuration=5e3,this.animation="fade",this.stack=!0,this.autoDismiss=!0,this.toasts=[],this.timeouts=new Map}show(c){var a,e,s;const i="string"==typeof c?{text:c}:c,n={id:this.generateId(),timestamp:Date.now(),text:i.text,content:i.content,type:i.type||"default",duration:null!==(a=i.duration)&&void 0!==a?a:this.defaultDuration,autoDismiss:null!==(e=i.autoDismiss)&&void 0!==e?e:this.autoDismiss,closable:null===(s=i.closable)||void 0===s||s,icon:i.icon||this.getDefaultIcon(i.type),customClass:i.customClass,button:i.button,onClose:i.onClose,onClick:i.onClick};if(this.stack?this.toasts.length>=this.maxToasts&&this.removeToast(this.toasts[0].id):this.clearAll(),this.toasts=[...this.toasts,n],this.emitToastEvent("nr-toast-show",n,"show"),n.autoDismiss&&n.duration&&n.duration>0){const c=window.setTimeout((()=>{this.removeToast(n.id)}),n.duration);this.timeouts.set(n.id,c)}return n.id}success(c,a){return this.show({text:c,type:"success",duration:a})}error(c,a){return this.show({text:c,type:"error",duration:a})}warning(c,a){return this.show({text:c,type:"warning",duration:a})}info(c,a){return this.show({text:c,type:"info",duration:a})}removeToast(c){const a=this.toasts.find((a=>a.id===c));if(!a)return;a.removing=!0,this.requestUpdate();const e=this.timeouts.get(c);e&&(clearTimeout(e),this.timeouts.delete(c)),setTimeout((()=>{var e;this.toasts=this.toasts.filter((a=>a.id!==c)),this.emitToastEvent("nr-toast-close",a,"close"),null===(e=a.onClose)||void 0===e||e.call(a)}),300)}clearAll(){this.toasts.forEach((c=>{const a=this.timeouts.get(c.id);a&&clearTimeout(a)})),this.timeouts.clear(),this.toasts=[]}handleToastClick(c){var a;this.emitToastEvent("nr-toast-click",c,"click"),null===(a=c.onClick)||void 0===a||a.call(c)}handleCloseClick(c,a){c.stopPropagation(),this.removeToast(a.id)}getDefaultIcon(c){switch(c){case"success":return"check-circle";case"error":return"x-circle";case"warning":return"alert-triangle";case"info":return"info";default:return""}}generateId(){return`toast-${Date.now()}-${Math.random().toString(36).substr(2,9)}`}getAnimationClass(c){const a=c.removing?"out":"in";return`toast--${this.animation}-${a}`}emitToastEvent(c,a,e){this.dispatchEvent(new CustomEvent(c,{detail:{toast:a,action:e},bubbles:!0,composed:!0}))}disconnectedCallback(){super.disconnectedCallback(),this.clearAll()}render(){return Lc`
+var zN=function(c,a,e,s){for(var i,n=arguments.length,l=n<3?a:null===s?s=Object.getOwnPropertyDescriptor(a,e):s,o=c.length-1;o>=0;o--)(i=c[o])&&(l=(n<3?i(l):n>3?i(a,e,l):i(a,e))||l);return n>3&&l&&Object.defineProperty(a,e,l),l};let mN=class extends(Va(Oc)){constructor(){super(...arguments),this.requiredComponents=["nr-icon","nr-button"],this.position="top-right",this.maxToasts=5,this.defaultDuration=5e3,this.animation="fade",this.stack=!0,this.autoDismiss=!0,this.toasts=[],this.timeouts=new Map}show(c){var a,e,s;const i="string"==typeof c?{text:c}:c,n={id:this.generateId(),timestamp:Date.now(),text:i.text,content:i.content,type:i.type||"default",duration:null!==(a=i.duration)&&void 0!==a?a:this.defaultDuration,autoDismiss:null!==(e=i.autoDismiss)&&void 0!==e?e:this.autoDismiss,closable:null===(s=i.closable)||void 0===s||s,icon:i.icon||this.getDefaultIcon(i.type),customClass:i.customClass,button:i.button,onClose:i.onClose,onClick:i.onClick};if(this.stack?this.toasts.length>=this.maxToasts&&this.removeToast(this.toasts[0].id):this.clearAll(),this.toasts=[...this.toasts,n],this.emitToastEvent("nr-toast-show",n,"show"),n.autoDismiss&&n.duration&&n.duration>0){const c=window.setTimeout((()=>{this.removeToast(n.id)}),n.duration);this.timeouts.set(n.id,c)}return n.id}success(c,a){return this.show({text:c,type:"success",duration:a})}error(c,a){return this.show({text:c,type:"error",duration:a})}warning(c,a){return this.show({text:c,type:"warning",duration:a})}info(c,a){return this.show({text:c,type:"info",duration:a})}removeToast(c){const a=this.toasts.find((a=>a.id===c));if(!a)return;a.removing=!0,this.requestUpdate();const e=this.timeouts.get(c);e&&(clearTimeout(e),this.timeouts.delete(c)),setTimeout((()=>{var e;this.toasts=this.toasts.filter((a=>a.id!==c)),this.emitToastEvent("nr-toast-close",a,"close"),null===(e=a.onClose)||void 0===e||e.call(a)}),300)}clearAll(){this.toasts.forEach((c=>{const a=this.timeouts.get(c.id);a&&clearTimeout(a)})),this.timeouts.clear(),this.toasts=[]}handleToastClick(c){var a;this.emitToastEvent("nr-toast-click",c,"click"),null===(a=c.onClick)||void 0===a||a.call(c)}handleCloseClick(c,a){c.stopPropagation(),this.removeToast(a.id)}getDefaultIcon(c){switch(c){case"success":return"check-circle";case"error":return"x-circle";case"warning":return"alert-triangle";case"info":return"info";default:return""}}generateId(){return`toast-${Date.now()}-${Math.random().toString(36).substr(2,9)}`}getAnimationClass(c){const a=c.removing?"out":"in";return`toast--${this.animation}-${a}`}emitToastEvent(c,a,e){this.dispatchEvent(new CustomEvent(c,{detail:{toast:a,action:e},bubbles:!0,composed:!0}))}disconnectedCallback(){super.disconnectedCallback(),this.clearAll()}render(){return Lc`
       <div class="toast-container">
         ${oa(this.toasts,(c=>c.id),(c=>this.renderToast(c)))}
       </div>
@@ -1293,10 +1321,10 @@ var tN=function(c,a,e,s){for(var i,n=arguments.length,l=n<3?a:null===s?s=Object.
           ${c.label}
         </nr-button>
       </div>
-    `}};zN.styles=fa,tN([_c({type:String,reflect:!0})],zN.prototype,"position",void 0),tN([_c({type:Number})],zN.prototype,"maxToasts",void 0),tN([_c({type:Number})],zN.prototype,"defaultDuration",void 0),tN([_c({type:String})],zN.prototype,"animation",void 0),tN([_c({type:Boolean})],zN.prototype,"stack",void 0),tN([_c({type:Boolean})],zN.prototype,"autoDismiss",void 0),tN([function(c){return _c({...c,state:!0})}()],zN.prototype,"toasts",void 0),zN=tN([Gc("nr-toast")],zN);
+    `}};mN.styles=fa,zN([_c({type:String,reflect:!0})],mN.prototype,"position",void 0),zN([_c({type:Number})],mN.prototype,"maxToasts",void 0),zN([_c({type:Number})],mN.prototype,"defaultDuration",void 0),zN([_c({type:String})],mN.prototype,"animation",void 0),zN([_c({type:Boolean})],mN.prototype,"stack",void 0),zN([_c({type:Boolean})],mN.prototype,"autoDismiss",void 0),zN([function(c){return _c({...c,state:!0})}()],mN.prototype,"toasts",void 0),mN=zN([Gc("nr-toast")],mN);
 /**
  * @license
  * Copyright 2023 Nuraly, Laabidi Aymen
  * SPDX-License-Identifier: MIT
  */
-class mN{constructor(c){this._host=c,this._host.addController(this)}get host(){return this._host}hostConnected(){}hostDisconnected(){}hostUpdate(){}hostUpdated(){}handleError(c,a){console.error(`[ToastController:${this.constructor.name}] Error in ${a}:`,c),this._host.dispatchEvent(new CustomEvent("nr-toast-error",{detail:{error:c.message,context:a,controller:this.constructor.name},bubbles:!0,composed:!0}))}requestUpdate(){try{this._host.requestUpdate()}catch(c){this.handleError(c,"requestUpdate")}}dispatchEvent(c){try{return this._host.dispatchEvent(c)}catch(c){return this.handleError(c,"dispatchEvent"),!1}}}export{mN as BaseToastController,pa as DEFAULT_MAX_TOASTS,Ma as DEFAULT_TOAST_DURATION,ha as EMPTY_STRING,zN as NrToastElement};
+class HN{constructor(c){this._host=c,this._host.addController(this)}get host(){return this._host}hostConnected(){}hostDisconnected(){}hostUpdate(){}hostUpdated(){}handleError(c,a){console.error(`[ToastController:${this.constructor.name}] Error in ${a}:`,c),this._host.dispatchEvent(new CustomEvent("nr-toast-error",{detail:{error:c.message,context:a,controller:this.constructor.name},bubbles:!0,composed:!0}))}requestUpdate(){try{this._host.requestUpdate()}catch(c){this.handleError(c,"requestUpdate")}}dispatchEvent(c){try{return this._host.dispatchEvent(c)}catch(c){return this.handleError(c,"dispatchEvent"),!1}}}export{HN as BaseToastController,pa as DEFAULT_MAX_TOASTS,Ma as DEFAULT_TOAST_DURATION,ha as EMPTY_STRING,mN as NrToastElement};

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@nuralyui/toast",
-    "version": "0.0.10",
+    "version": "0.0.11",
     "description": "Toast notification component for NuralyUI library",
     "main": "index.js",
     "type": "module",
@@ -24,7 +24,7 @@
     },
     "repository": {
         "type": "git",
-        "url": "https://github.com/NuralyUI/NuralyUI.git",
+        "url": "https://github.com/Nuralyio/NuralyUI.git",
         "directory": "src/components/toast"
     },
     "keywords": [

package/toast.component.d.ts

@@ -7,7 +7,7 @@ import { LitElement } from 'lit';
 import { ToastPosition, ToastAnimation, ToastConfig } from './toast.types.js';
 import '../icon/icon.component.js';
 import '../button/index.js';
-declare const NrToastElement_base: (new (...args: any[]) => import("../../shared/dependency-mixin.js").DependencyAware) & (new (...args: any[]) => import("../../shared/theme-mixin.js").ThemeAware) & (new (...args: any[]) => import("../../shared/event-handler-mixin.js").EventHandlerCapable) & typeof LitElement;
+declare const NrToastElement_base: (new (...args: any[]) => import("@nuralyui/common/mixins").DependencyAware) & (new (...args: any[]) => import("@nuralyui/common/mixins").ThemeAware) & (new (...args: any[]) => import("@nuralyui/common/mixins").EventHandlerCapable) & typeof LitElement;
 /**
  * Toast notification component for displaying temporary messages.
  *

package/toast.component.js

@@ -14,7 +14,7 @@ import { customElement, property, state } from 'lit/decorators.js';
 import { repeat } from 'lit/directives/repeat.js';
 import { classMap } from 'lit/directives/class-map.js';
 import { styles } from './toast.style.js';
-import { NuralyUIBaseMixin } from '../../shared/base-mixin.js';
+import { NuralyUIBaseMixin } from '@nuralyui/common/mixins';
 import { DEFAULT_TOAST_DURATION, DEFAULT_MAX_TOASTS, EMPTY_STRING } from './toast.types.js';
 // Import required components
 import '../icon/icon.component.js';

package/toast.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"toast.component.js","sourceRoot":"","sources":["../../../src/components/toast/toast.component.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * @license\n * Copyright 2023 Nuraly, Laabidi Aymen\n * SPDX-License-Identifier: MIT\n */\n\nimport { LitElement, html, nothing } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { repeat } from 'lit/directives/repeat.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { styles } from './toast.style.js';\nimport { NuralyUIBaseMixin } from '../../shared/base-mixin.js';\nimport {\n  ToastType,\n  ToastPosition,\n  ToastAnimation,\n  ToastConfig,\n  ToastItem,\n  ToastEventDetail,\n  ToastButton,\n  DEFAULT_TOAST_DURATION,\n  DEFAULT_MAX_TOASTS,\n  EMPTY_STRING\n} from './toast.types.js';\n\n// Import required components\nimport '../icon/icon.component.js';\nimport '../button/index.js';\n\n/**\n * Toast notification component for displaying temporary messages.\n * \n * Provides a flexible notification system with multiple types, positions, and animations.\n * Supports stacking multiple toasts, auto-dismiss (enabled by default), action buttons, \n * custom HTML content, and manual closing.\n * \n * @example\n * ```html\n * <!-- Basic usage with auto-dismiss -->\n * <nr-toast position=\"top-right\"></nr-toast>\n * \n * <!-- Disable auto-dismiss to require manual closing -->\n * <nr-toast position=\"top-right\" auto-dismiss=\"false\"></nr-toast>\n * \n * <!-- Programmatic usage -->\n * <script>\n *   const toast = document.querySelector('nr-toast');\n *   toast.show({ text: 'Success!', type: 'success' });\n *   toast.show({ text: 'Error occurred', type: 'error', duration: 7000 });\n *   \n *   // Disable auto-dismiss for specific toast\n *   toast.show({ text: 'Persistent message', autoDismiss: false });\n *   \n *   // Toast with action button\n *   toast.show({\n *     text: 'Item deleted',\n *     type: 'success',\n *     button: {\n *       label: 'Undo',\n *       onClick: () => console.log('Undo clicked'),\n *       type: 'primary'\n *     }\n *   });\n *   \n *   // Custom HTML content (GDPR consent example)\n *   toast.show({\n *     content: html`\n *       <div>\n *         <h4>Cookie Consent</h4>\n *         <p>We use cookies to improve your experience.</p>\n *         <div style=\"display: flex; gap: 0.5rem; margin-top: 0.5rem;\">\n *           <nr-button size=\"small\" type=\"primary\">Accept</nr-button>\n *           <nr-button size=\"small\" type=\"secondary\">Decline</nr-button>\n *         </div>\n *       </div>\n *     `,\n *     autoDismiss: false,\n *     closable: true\n *   });\n * </script>\n * ```\n * \n * @fires nr-toast-show - Toast shown\n * @fires nr-toast-close - Toast closed\n * @fires nr-toast-click - Toast clicked\n * \n * @cssproperty --nuraly-z-index-toast - Toast z-index\n * @cssproperty --nuraly-toast-default-background - Default toast background\n * @cssproperty --nuraly-toast-success-background - Success toast background\n * @cssproperty --nuraly-toast-error-background - Error toast background\n * @cssproperty --nuraly-toast-warning-background - Warning toast background\n * @cssproperty --nuraly-toast-info-background - Info toast background\n */\n@customElement('nr-toast')\nexport class NrToastElement extends NuralyUIBaseMixin(LitElement) {\n  static override styles = styles;\n\n  override requiredComponents = ['nr-icon', 'nr-button'];\n\n  /** Position of toast container on screen */\n  @property({ type: String, reflect: true })\n  position: ToastPosition = ToastPosition.TopRight;\n\n  /** Maximum number of toasts to display */\n  @property({ type: Number })\n  maxToasts = DEFAULT_MAX_TOASTS;\n\n  /** Default duration for toasts in milliseconds */\n  @property({ type: Number })\n  defaultDuration = DEFAULT_TOAST_DURATION;\n\n  /** Animation type for toasts */\n  @property({ type: String })\n  animation: ToastAnimation = ToastAnimation.Fade;\n\n  /** Whether to stack toasts or replace */\n  @property({ type: Boolean })\n  stack = true;\n\n  /** Auto dismiss toasts after duration (default: true) */\n  @property({ type: Boolean })\n  autoDismiss = true;\n\n  /** Internal state: active toasts */\n  @state()\n  private toasts: ToastItem[] = [];\n\n  /** Timeout map for auto-dismiss */\n  private timeouts = new Map<string, number>();\n\n  /**\n   * Show a new toast notification\n   * @param config - Toast configuration\n   * @returns Toast ID for manual control\n   */\n  show(config: string | ToastConfig): string {\n    const toastConfig: ToastConfig = typeof config === 'string' \n      ? { text: config }\n      : config;\n\n    const toast: ToastItem = {\n      id: this.generateId(),\n      timestamp: Date.now(),\n      text: toastConfig.text,\n      content: toastConfig.content,\n      type: toastConfig.type || ToastType.Default,\n      duration: toastConfig.duration ?? this.defaultDuration,\n      autoDismiss: toastConfig.autoDismiss ?? this.autoDismiss,\n      closable: toastConfig.closable ?? true,\n      icon: toastConfig.icon || this.getDefaultIcon(toastConfig.type),\n      customClass: toastConfig.customClass,\n      button: toastConfig.button,\n      onClose: toastConfig.onClose,\n      onClick: toastConfig.onClick,\n    };\n\n    // Handle max toasts\n    if (!this.stack) {\n      this.clearAll();\n    } else if (this.toasts.length >= this.maxToasts) {\n      this.removeToast(this.toasts[0].id);\n    }\n\n    // Add toast\n    this.toasts = [...this.toasts, toast];\n\n    // Emit show event\n    this.emitToastEvent('nr-toast-show', toast, 'show');\n\n    // Set auto-dismiss timeout\n    if (toast.autoDismiss && toast.duration && toast.duration > 0) {\n      const timeoutId = window.setTimeout(() => {\n        this.removeToast(toast.id);\n      }, toast.duration);\n      this.timeouts.set(toast.id, timeoutId);\n    }\n\n    return toast.id;\n  }\n\n  /**\n   * Show success toast\n   */\n  success(text: string, duration?: number): string {\n    return this.show({ text, type: ToastType.Success, duration });\n  }\n\n  /**\n   * Show error toast\n   */\n  error(text: string, duration?: number): string {\n    return this.show({ text, type: ToastType.Error, duration });\n  }\n\n  /**\n   * Show warning toast\n   */\n  warning(text: string, duration?: number): string {\n    return this.show({ text, type: ToastType.Warning, duration });\n  }\n\n  /**\n   * Show info toast\n   */\n  info(text: string, duration?: number): string {\n    return this.show({ text, type: ToastType.Info, duration });\n  }\n\n  /**\n   * Remove a specific toast\n   */\n  removeToast(id: string): void {\n    const toast = this.toasts.find(t => t.id === id);\n    if (!toast) return;\n\n    // Mark as removing for animation\n    toast.removing = true;\n    this.requestUpdate();\n\n    // Clear timeout\n    const timeoutId = this.timeouts.get(id);\n    if (timeoutId) {\n      clearTimeout(timeoutId);\n      this.timeouts.delete(id);\n    }\n\n    // Remove after animation\n    setTimeout(() => {\n      this.toasts = this.toasts.filter(t => t.id !== id);\n      \n      // Emit close event\n      this.emitToastEvent('nr-toast-close', toast, 'close');\n      \n      // Call onClose callback\n      toast.onClose?.();\n    }, 300); // Animation duration\n  }\n\n  /**\n   * Clear all toasts\n   */\n  clearAll(): void {\n    this.toasts.forEach(toast => {\n      const timeoutId = this.timeouts.get(toast.id);\n      if (timeoutId) {\n        clearTimeout(timeoutId);\n      }\n    });\n    this.timeouts.clear();\n    this.toasts = [];\n  }\n\n  /**\n   * Handle toast click\n   */\n  private handleToastClick(toast: ToastItem): void {\n    this.emitToastEvent('nr-toast-click', toast, 'click');\n    toast.onClick?.();\n  }\n\n  /**\n   * Handle close button click\n   */\n  private handleCloseClick(event: Event, toast: ToastItem): void {\n    event.stopPropagation();\n    this.removeToast(toast.id);\n  }\n\n  /**\n   * Get default icon for toast type\n   */\n  private getDefaultIcon(type?: ToastType): string {\n    switch (type) {\n      case ToastType.Success:\n        return 'check-circle';\n      case ToastType.Error:\n        return 'x-circle';\n      case ToastType.Warning:\n        return 'alert-triangle';\n      case ToastType.Info:\n        return 'info';\n      default:\n        return EMPTY_STRING;\n    }\n  }\n\n  /**\n   * Generate unique ID\n   */\n  private generateId(): string {\n    return `toast-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;\n  }\n\n  /**\n   * Get animation class\n   */\n  private getAnimationClass(toast: ToastItem): string {\n    const isRemoving = toast.removing;\n    const suffix = isRemoving ? 'out' : 'in';\n    return `toast--${this.animation}-${suffix}`;\n  }\n\n  /**\n   * Emit toast event\n   */\n  private emitToastEvent(eventName: string, toast: ToastItem, action: ToastEventDetail['action']): void {\n    this.dispatchEvent(new CustomEvent<ToastEventDetail>(eventName, {\n      detail: { toast, action },\n      bubbles: true,\n      composed: true\n    }));\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this.clearAll();\n  }\n\n  override render() {\n    return html`\n      <div class=\"toast-container\">\n        ${repeat(\n          this.toasts,\n          toast => toast.id,\n          toast => this.renderToast(toast)\n        )}\n      </div>\n    `;\n  }\n\n  private renderToast(toast: ToastItem) {\n    const classes = {\n      'toast': true,\n      [`toast--${toast.type}`]: true,\n      [this.getAnimationClass(toast)]: true,\n      [toast.customClass || EMPTY_STRING]: !!toast.customClass,\n    };\n\n    return html`\n      <div\n        class=${classMap(classes)}\n        @click=${() => this.handleToastClick(toast)}\n        role=\"alert\"\n        aria-live=\"polite\"\n      >\n        ${toast.icon ? html`\n          <div class=\"toast__icon\">\n            <nr-icon name=${toast.icon} size=\"medium\"></nr-icon>\n          </div>\n        ` : nothing}\n        \n        <div class=\"toast__content\">\n          ${toast.content \n            ? toast.content \n            : html`\n              <div class=\"toast__text\">${toast.text}</div>\n              ${toast.button ? this.renderButton(toast.button) : nothing}\n            `\n          }\n        </div>\n        \n        ${toast.closable ? html`\n          <button\n            class=\"toast__close\"\n            @click=${(e: Event) => this.handleCloseClick(e, toast)}\n            aria-label=\"Close notification\"\n            type=\"button\"\n          >\n            <nr-icon name=\"x\" size=\"small\"></nr-icon>\n          </button>\n        ` : nothing}\n      </div>\n    `;\n  }\n\n  private renderButton(button: ToastButton) {\n    const handleButtonClick = (e: Event) => {\n      e.stopPropagation();\n      button.onClick(e);\n    };\n\n    return html`\n      <div class=\"toast__button\">\n        <nr-button\n          type=${button.type || 'default'}\n          size=${button.size || 'small'}\n          ?disabled=${button.disabled || false}\n          @click=${handleButtonClick}\n        >\n          ${button.icon ? html`<nr-icon slot=\"icon-left\" name=${button.icon}></nr-icon>` : nothing}\n          ${button.label}\n        </nr-button>\n      </div>\n    `;\n  }\n}\n"]}
+{"version":3,"file":"toast.component.js","sourceRoot":"","sources":["../../../src/components/toast/toast.component.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * @license\n * Copyright 2023 Nuraly, Laabidi Aymen\n * SPDX-License-Identifier: MIT\n */\n\nimport { LitElement, html, nothing } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { repeat } from 'lit/directives/repeat.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { styles } from './toast.style.js';\nimport { NuralyUIBaseMixin } from '@nuralyui/common/mixins';\nimport {\n  ToastType,\n  ToastPosition,\n  ToastAnimation,\n  ToastConfig,\n  ToastItem,\n  ToastEventDetail,\n  ToastButton,\n  DEFAULT_TOAST_DURATION,\n  DEFAULT_MAX_TOASTS,\n  EMPTY_STRING\n} from './toast.types.js';\n\n// Import required components\nimport '../icon/icon.component.js';\nimport '../button/index.js';\n\n/**\n * Toast notification component for displaying temporary messages.\n * \n * Provides a flexible notification system with multiple types, positions, and animations.\n * Supports stacking multiple toasts, auto-dismiss (enabled by default), action buttons, \n * custom HTML content, and manual closing.\n * \n * @example\n * ```html\n * <!-- Basic usage with auto-dismiss -->\n * <nr-toast position=\"top-right\"></nr-toast>\n * \n * <!-- Disable auto-dismiss to require manual closing -->\n * <nr-toast position=\"top-right\" auto-dismiss=\"false\"></nr-toast>\n * \n * <!-- Programmatic usage -->\n * <script>\n *   const toast = document.querySelector('nr-toast');\n *   toast.show({ text: 'Success!', type: 'success' });\n *   toast.show({ text: 'Error occurred', type: 'error', duration: 7000 });\n *   \n *   // Disable auto-dismiss for specific toast\n *   toast.show({ text: 'Persistent message', autoDismiss: false });\n *   \n *   // Toast with action button\n *   toast.show({\n *     text: 'Item deleted',\n *     type: 'success',\n *     button: {\n *       label: 'Undo',\n *       onClick: () => console.log('Undo clicked'),\n *       type: 'primary'\n *     }\n *   });\n *   \n *   // Custom HTML content (GDPR consent example)\n *   toast.show({\n *     content: html`\n *       <div>\n *         <h4>Cookie Consent</h4>\n *         <p>We use cookies to improve your experience.</p>\n *         <div style=\"display: flex; gap: 0.5rem; margin-top: 0.5rem;\">\n *           <nr-button size=\"small\" type=\"primary\">Accept</nr-button>\n *           <nr-button size=\"small\" type=\"secondary\">Decline</nr-button>\n *         </div>\n *       </div>\n *     `,\n *     autoDismiss: false,\n *     closable: true\n *   });\n * </script>\n * ```\n * \n * @fires nr-toast-show - Toast shown\n * @fires nr-toast-close - Toast closed\n * @fires nr-toast-click - Toast clicked\n * \n * @cssproperty --nuraly-z-index-toast - Toast z-index\n * @cssproperty --nuraly-toast-default-background - Default toast background\n * @cssproperty --nuraly-toast-success-background - Success toast background\n * @cssproperty --nuraly-toast-error-background - Error toast background\n * @cssproperty --nuraly-toast-warning-background - Warning toast background\n * @cssproperty --nuraly-toast-info-background - Info toast background\n */\n@customElement('nr-toast')\nexport class NrToastElement extends NuralyUIBaseMixin(LitElement) {\n  static override styles = styles;\n\n  override requiredComponents = ['nr-icon', 'nr-button'];\n\n  /** Position of toast container on screen */\n  @property({ type: String, reflect: true })\n  position: ToastPosition = ToastPosition.TopRight;\n\n  /** Maximum number of toasts to display */\n  @property({ type: Number })\n  maxToasts = DEFAULT_MAX_TOASTS;\n\n  /** Default duration for toasts in milliseconds */\n  @property({ type: Number })\n  defaultDuration = DEFAULT_TOAST_DURATION;\n\n  /** Animation type for toasts */\n  @property({ type: String })\n  animation: ToastAnimation = ToastAnimation.Fade;\n\n  /** Whether to stack toasts or replace */\n  @property({ type: Boolean })\n  stack = true;\n\n  /** Auto dismiss toasts after duration (default: true) */\n  @property({ type: Boolean })\n  autoDismiss = true;\n\n  /** Internal state: active toasts */\n  @state()\n  private toasts: ToastItem[] = [];\n\n  /** Timeout map for auto-dismiss */\n  private timeouts = new Map<string, number>();\n\n  /**\n   * Show a new toast notification\n   * @param config - Toast configuration\n   * @returns Toast ID for manual control\n   */\n  show(config: string | ToastConfig): string {\n    const toastConfig: ToastConfig = typeof config === 'string' \n      ? { text: config }\n      : config;\n\n    const toast: ToastItem = {\n      id: this.generateId(),\n      timestamp: Date.now(),\n      text: toastConfig.text,\n      content: toastConfig.content,\n      type: toastConfig.type || ToastType.Default,\n      duration: toastConfig.duration ?? this.defaultDuration,\n      autoDismiss: toastConfig.autoDismiss ?? this.autoDismiss,\n      closable: toastConfig.closable ?? true,\n      icon: toastConfig.icon || this.getDefaultIcon(toastConfig.type),\n      customClass: toastConfig.customClass,\n      button: toastConfig.button,\n      onClose: toastConfig.onClose,\n      onClick: toastConfig.onClick,\n    };\n\n    // Handle max toasts\n    if (!this.stack) {\n      this.clearAll();\n    } else if (this.toasts.length >= this.maxToasts) {\n      this.removeToast(this.toasts[0].id);\n    }\n\n    // Add toast\n    this.toasts = [...this.toasts, toast];\n\n    // Emit show event\n    this.emitToastEvent('nr-toast-show', toast, 'show');\n\n    // Set auto-dismiss timeout\n    if (toast.autoDismiss && toast.duration && toast.duration > 0) {\n      const timeoutId = window.setTimeout(() => {\n        this.removeToast(toast.id);\n      }, toast.duration);\n      this.timeouts.set(toast.id, timeoutId);\n    }\n\n    return toast.id;\n  }\n\n  /**\n   * Show success toast\n   */\n  success(text: string, duration?: number): string {\n    return this.show({ text, type: ToastType.Success, duration });\n  }\n\n  /**\n   * Show error toast\n   */\n  error(text: string, duration?: number): string {\n    return this.show({ text, type: ToastType.Error, duration });\n  }\n\n  /**\n   * Show warning toast\n   */\n  warning(text: string, duration?: number): string {\n    return this.show({ text, type: ToastType.Warning, duration });\n  }\n\n  /**\n   * Show info toast\n   */\n  info(text: string, duration?: number): string {\n    return this.show({ text, type: ToastType.Info, duration });\n  }\n\n  /**\n   * Remove a specific toast\n   */\n  removeToast(id: string): void {\n    const toast = this.toasts.find(t => t.id === id);\n    if (!toast) return;\n\n    // Mark as removing for animation\n    toast.removing = true;\n    this.requestUpdate();\n\n    // Clear timeout\n    const timeoutId = this.timeouts.get(id);\n    if (timeoutId) {\n      clearTimeout(timeoutId);\n      this.timeouts.delete(id);\n    }\n\n    // Remove after animation\n    setTimeout(() => {\n      this.toasts = this.toasts.filter(t => t.id !== id);\n      \n      // Emit close event\n      this.emitToastEvent('nr-toast-close', toast, 'close');\n      \n      // Call onClose callback\n      toast.onClose?.();\n    }, 300); // Animation duration\n  }\n\n  /**\n   * Clear all toasts\n   */\n  clearAll(): void {\n    this.toasts.forEach(toast => {\n      const timeoutId = this.timeouts.get(toast.id);\n      if (timeoutId) {\n        clearTimeout(timeoutId);\n      }\n    });\n    this.timeouts.clear();\n    this.toasts = [];\n  }\n\n  /**\n   * Handle toast click\n   */\n  private handleToastClick(toast: ToastItem): void {\n    this.emitToastEvent('nr-toast-click', toast, 'click');\n    toast.onClick?.();\n  }\n\n  /**\n   * Handle close button click\n   */\n  private handleCloseClick(event: Event, toast: ToastItem): void {\n    event.stopPropagation();\n    this.removeToast(toast.id);\n  }\n\n  /**\n   * Get default icon for toast type\n   */\n  private getDefaultIcon(type?: ToastType): string {\n    switch (type) {\n      case ToastType.Success:\n        return 'check-circle';\n      case ToastType.Error:\n        return 'x-circle';\n      case ToastType.Warning:\n        return 'alert-triangle';\n      case ToastType.Info:\n        return 'info';\n      default:\n        return EMPTY_STRING;\n    }\n  }\n\n  /**\n   * Generate unique ID\n   */\n  private generateId(): string {\n    return `toast-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;\n  }\n\n  /**\n   * Get animation class\n   */\n  private getAnimationClass(toast: ToastItem): string {\n    const isRemoving = toast.removing;\n    const suffix = isRemoving ? 'out' : 'in';\n    return `toast--${this.animation}-${suffix}`;\n  }\n\n  /**\n   * Emit toast event\n   */\n  private emitToastEvent(eventName: string, toast: ToastItem, action: ToastEventDetail['action']): void {\n    this.dispatchEvent(new CustomEvent<ToastEventDetail>(eventName, {\n      detail: { toast, action },\n      bubbles: true,\n      composed: true\n    }));\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this.clearAll();\n  }\n\n  override render() {\n    return html`\n      <div class=\"toast-container\">\n        ${repeat(\n          this.toasts,\n          toast => toast.id,\n          toast => this.renderToast(toast)\n        )}\n      </div>\n    `;\n  }\n\n  private renderToast(toast: ToastItem) {\n    const classes = {\n      'toast': true,\n      [`toast--${toast.type}`]: true,\n      [this.getAnimationClass(toast)]: true,\n      [toast.customClass || EMPTY_STRING]: !!toast.customClass,\n    };\n\n    return html`\n      <div\n        class=${classMap(classes)}\n        @click=${() => this.handleToastClick(toast)}\n        role=\"alert\"\n        aria-live=\"polite\"\n      >\n        ${toast.icon ? html`\n          <div class=\"toast__icon\">\n            <nr-icon name=${toast.icon} size=\"medium\"></nr-icon>\n          </div>\n        ` : nothing}\n        \n        <div class=\"toast__content\">\n          ${toast.content \n            ? toast.content \n            : html`\n              <div class=\"toast__text\">${toast.text}</div>\n              ${toast.button ? this.renderButton(toast.button) : nothing}\n            `\n          }\n        </div>\n        \n        ${toast.closable ? html`\n          <button\n            class=\"toast__close\"\n            @click=${(e: Event) => this.handleCloseClick(e, toast)}\n            aria-label=\"Close notification\"\n            type=\"button\"\n          >\n            <nr-icon name=\"x\" size=\"small\"></nr-icon>\n          </button>\n        ` : nothing}\n      </div>\n    `;\n  }\n\n  private renderButton(button: ToastButton) {\n    const handleButtonClick = (e: Event) => {\n      e.stopPropagation();\n      button.onClick(e);\n    };\n\n    return html`\n      <div class=\"toast__button\">\n        <nr-button\n          type=${button.type || 'default'}\n          size=${button.size || 'small'}\n          ?disabled=${button.disabled || false}\n          @click=${handleButtonClick}\n        >\n          ${button.icon ? html`<nr-icon slot=\"icon-left\" name=${button.icon}></nr-icon>` : nothing}\n          ${button.label}\n        </nr-button>\n      </div>\n    `;\n  }\n}\n"]}