@aurodesignsystem-dev/auro-toast 0.0.0-pr121.18 → 0.0.0-pr121.19

package/demo/basic.min.js

@@ -802,6 +802,13 @@ class AuroToaster extends i$2 {
     this._observer?.disconnect();
     clearTimeout(this._assertiveResetTimer);
     this.removeEventListener('toast-request-announce', this._onToastRequestAnnounce);
+
+    // Reset the live region to polite so a reconnected toaster does not
+    // inherit a stale assertive state left behind by a cleared timer.
+    const liveRegion = this.shadowRoot?.querySelector('[aria-live]');
+    if (liveRegion) {
+      liveRegion.setAttribute('aria-live', 'polite');
+    }
   }
 
   /**

package/dist/{auro-toaster-BSxw_ZfX.js → auro-toaster-jZvkUugt.js}

@@ -103,7 +103,7 @@ import{css as e,LitElement as t,html as s}from"lit";import{unsafeStatic as a,lit
         </div>
       `:void 0}
     `}}var Z=e`.toaster-wrapper{position:fixed;z-index:var(--ds-depth-modal, 300);right:2%;bottom:2%;left:2%;display:flex;flex-direction:column-reverse;align-items:flex-end;gap:var(--ds-size-200, 1rem);pointer-events:none}@media (width >= 1024px){.toaster-wrapper{right:1%;left:unset;width:100%}}
-`;class ee extends t{static get styles(){return[Z]}constructor(){super(),this._assertiveResetTimer=void 0,this._announcedErrorToasts=new WeakSet,this._onToastRequestAnnounce=e=>e.preventDefault()}static register(e="auro-toaster"){c.prototype.registerComponent(e,ee)}connectedCallback(){super.connectedCallback(),this.addEventListener("toast-request-announce",this._onToastRequestAnnounce),this._observer=new MutationObserver(e=>{for(const t of e){const e=t.target;if(!/^auro-toast(_|$)/u.test(e.localName??""))continue;const s="error"===e.getAttribute?.("variant"),a=e.hasAttribute?.("visible");s&&a&&this._setAssertiveTemporarily()}}),this._observer.observe(this,{subtree:!0,attributeFilter:["visible"]})}disconnectedCallback(){super.disconnectedCallback(),this._observer?.disconnect(),clearTimeout(this._assertiveResetTimer),this.removeEventListener("toast-request-announce",this._onToastRequestAnnounce)}_setAssertiveTemporarily(){const e=this.shadowRoot?.querySelector("[aria-live]");e&&(clearTimeout(this._assertiveResetTimer),e.setAttribute("aria-live","assertive"),this._assertiveResetTimer=setTimeout(()=>{e.setAttribute("aria-live","polite")},3e3))}render(){return s`
+`;class ee extends t{static get styles(){return[Z]}constructor(){super(),this._assertiveResetTimer=void 0,this._announcedErrorToasts=new WeakSet,this._onToastRequestAnnounce=e=>e.preventDefault()}static register(e="auro-toaster"){c.prototype.registerComponent(e,ee)}connectedCallback(){super.connectedCallback(),this.addEventListener("toast-request-announce",this._onToastRequestAnnounce),this._observer=new MutationObserver(e=>{for(const t of e){const e=t.target;if(!/^auro-toast(_|$)/u.test(e.localName??""))continue;const s="error"===e.getAttribute?.("variant"),a=e.hasAttribute?.("visible");s&&a&&this._setAssertiveTemporarily()}}),this._observer.observe(this,{subtree:!0,attributeFilter:["visible"]})}disconnectedCallback(){super.disconnectedCallback(),this._observer?.disconnect(),clearTimeout(this._assertiveResetTimer),this.removeEventListener("toast-request-announce",this._onToastRequestAnnounce);const e=this.shadowRoot?.querySelector("[aria-live]");e&&e.setAttribute("aria-live","polite")}_setAssertiveTemporarily(){const e=this.shadowRoot?.querySelector("[aria-live]");e&&(clearTimeout(this._assertiveResetTimer),e.setAttribute("aria-live","assertive"),this._assertiveResetTimer=setTimeout(()=>{e.setAttribute("aria-live","polite")},3e3))}render(){return s`
       <div class="toaster-wrapper" aria-live="polite" aria-atomic="false">
         <slot @slotchange="${this._onSlotChange}"></slot>
       </div>

package/dist/index.js

@@ -1 +1 @@
-export{A as AuroToast,a as AuroToaster}from"./auro-toaster-BSxw_ZfX.js";import"lit";import"lit/static-html.js";import"lit/directives/class-map.js";import"lit/directives/if-defined.js";
+export{A as AuroToast,a as AuroToaster}from"./auro-toaster-jZvkUugt.js";import"lit";import"lit/static-html.js";import"lit/directives/class-map.js";import"lit/directives/if-defined.js";

package/dist/registered.js

@@ -1 +1 @@
-import{A as i,a as t}from"./auro-toaster-BSxw_ZfX.js";import"lit";import"lit/static-html.js";import"lit/directives/class-map.js";import"lit/directives/if-defined.js";i.register(),t.register();
+import{A as i,a as t}from"./auro-toaster-jZvkUugt.js";import"lit";import"lit/static-html.js";import"lit/directives/class-map.js";import"lit/directives/if-defined.js";i.register(),t.register();

package/package.json

@@ -7,7 +7,7 @@
     "================================================================================"
   ],
   "name": "@aurodesignsystem-dev/auro-toast",
-  "version": "0.0.0-pr121.18",
+  "version": "0.0.0-pr121.19",
   "description": "auro-toast HTML custom element",
   "repository": {
     "type": "git",
@@ -32,7 +32,8 @@
     "@aurodesignsystem/auro-library": "^5.5.4",
     "@aurodesignsystem/design-tokens": "^8.7.0",
     "@aurodesignsystem/webcorestylesheets": "^10.1.4",
-    "husky": "^9.1.7"
+    "husky": "^9.1.7",
+    "sinon": "^21.1.2"
   },
   "browserslist": [
     "last 2 Chrome versions",