@aurodesignsystem-dev/auro-drawer 0.0.0-pr131.19 → 0.0.0-pr131.20

package/demo/api.min.js

@@ -3332,6 +3332,7 @@ class AuroFloater extends i$1 {
    *   and allow free keyboard flow to background content (WCAG 2.1.2).
    */
   async show() {
+    clearTimeout(this._closeTimeout);
     this.floater.showBib();
     if (!this.bib?.dialog) {
       await this.bib?.updateComplete;
@@ -3364,12 +3365,16 @@ class AuroFloater extends i$1 {
    * Closes the native dialog.
    */
   hide(eventType = undefined) {
+    // Cancel any in-flight close timer so a rapid hide→show sequence doesn't
+    // let a stale timeout fire and close the dialog that was just reopened.
+    clearTimeout(this._closeTimeout);
+
     // Capture now — floater.disconnect() may move or nullify this.bib before
     // the deferred close fires (e.g. when the element is removed from the DOM).
     const dialog = this.bib?.dialog;
     if (dialog?.open) {
       // Modal and nested drawers: opened via showModal() or setAttribute('open').
-      setTimeout(() => {
+      this._closeTimeout = setTimeout(() => {
         if (dialog.open) {
           dialog.close();
         }
@@ -3379,7 +3384,7 @@ class AuroFloater extends i$1 {
       // so the popover stays in the top layer unless hidePopover() is called.
       // Guard on hidePopover support: matches(':popover-open') throws a SyntaxError
       // on browsers that don't implement the Popover API.
-      setTimeout(() => {
+      this._closeTimeout = setTimeout(() => {
         if (dialog.matches?.(':popover-open')) {
           dialog.hidePopover();
         }

package/demo/index.min.js

@@ -3084,6 +3084,7 @@ class AuroFloater extends i$1 {
    *   and allow free keyboard flow to background content (WCAG 2.1.2).
    */
   async show() {
+    clearTimeout(this._closeTimeout);
     this.floater.showBib();
     if (!this.bib?.dialog) {
       await this.bib?.updateComplete;
@@ -3116,12 +3117,16 @@ class AuroFloater extends i$1 {
    * Closes the native dialog.
    */
   hide(eventType = undefined) {
+    // Cancel any in-flight close timer so a rapid hide→show sequence doesn't
+    // let a stale timeout fire and close the dialog that was just reopened.
+    clearTimeout(this._closeTimeout);
+
     // Capture now — floater.disconnect() may move or nullify this.bib before
     // the deferred close fires (e.g. when the element is removed from the DOM).
     const dialog = this.bib?.dialog;
     if (dialog?.open) {
       // Modal and nested drawers: opened via showModal() or setAttribute('open').
-      setTimeout(() => {
+      this._closeTimeout = setTimeout(() => {
         if (dialog.open) {
           dialog.close();
         }
@@ -3131,7 +3136,7 @@ class AuroFloater extends i$1 {
       // so the popover stays in the top layer unless hidePopover() is called.
       // Guard on hidePopover support: matches(':popover-open') throws a SyntaxError
       // on browsers that don't implement the Popover API.
-      setTimeout(() => {
+      this._closeTimeout = setTimeout(() => {
         if (dialog.matches?.(':popover-open')) {
           dialog.hidePopover();
         }

package/dist/{auro-drawer-Bi1OkedP.js → auro-drawer-qq2pu5QY.js}

@@ -7,7 +7,7 @@ import{unsafeStatic as e,literal as t,html as o}from"lit/static-html.js";import{
         <div class="backdrop" part="backdrop"></div>
         <slot></slot>
       </dialog>
-    `}}class Pe extends a{constructor(e){super(),this.behavior=e,this.floater=void 0;const t=`${this.floaterConfig.prefix.replace(/[A-Z]/g,e=>`-${e.toLowerCase()}`)}-bib`;this.floaterBibTag=c.prototype.generateTag(t,"0.0.0",Ue)}get floaterConfig(){return{prefix:"auroFloater"}}static get properties(){return{isPopoverVisible:{attribute:"open",type:Boolean,reflect:!0},triggerElement:{attribute:!1}}}firstUpdated(){this.floater=new Me(this,this.behavior),this.floater.configure(this,this.floaterConfig.prefix),this.bib.addEventListener("dialog-cancel",()=>{this.modal||this.hide()}),this.bib.addEventListener("dialog-backdrop-click",()=>{this.modal||Me.topOpeningFloatingUI===this.floater&&this.hide()})}disconnectedCallback(){this.floater&&this.hide("disconnect")}updated(e){this.floater.handleUpdate(e),e.has("triggerElement")&&(this.floater.configure(this,this.floaterConfig.prefix),this.bib.bibLabel=this.triggerElement?.textContent.trim()),e.has("isPopoverVisible")&&(this.isPopoverVisible?this.show():this.hide())}async show(){if(this.floater.showBib(),this.bib?.dialog||await(this.bib?.updateComplete),!this.bib?.dialog)return;const e=this.nested??!1,t=this.modal??!1;e?this.bib.dialog.setAttribute("open",""):t?(this.bib.dialog.removeAttribute("popover"),this.bib.dialog.showModal()):"function"==typeof this.bib.dialog.showPopover?(this.bib.dialog.setAttribute("popover","manual"),this.bib.dialog.showPopover()):(this.bib.dialog.removeAttribute("popover"),this.bib.dialog.show())}hide(e=void 0){const t=this.bib?.dialog;t?.open?setTimeout(()=>{t.open&&t.close()},300):"function"==typeof t?.hidePopover&&t.matches?.(":popover-open")&&setTimeout(()=>{t.matches?.(":popover-open")&&t.hidePopover(),t.removeAttribute("popover")},300),this.floater.hideBib(e),"disconnect"===e&&this.floater.disconnect()}render(){return o`
+    `}}class Pe extends a{constructor(e){super(),this.behavior=e,this.floater=void 0;const t=`${this.floaterConfig.prefix.replace(/[A-Z]/g,e=>`-${e.toLowerCase()}`)}-bib`;this.floaterBibTag=c.prototype.generateTag(t,"0.0.0",Ue)}get floaterConfig(){return{prefix:"auroFloater"}}static get properties(){return{isPopoverVisible:{attribute:"open",type:Boolean,reflect:!0},triggerElement:{attribute:!1}}}firstUpdated(){this.floater=new Me(this,this.behavior),this.floater.configure(this,this.floaterConfig.prefix),this.bib.addEventListener("dialog-cancel",()=>{this.modal||this.hide()}),this.bib.addEventListener("dialog-backdrop-click",()=>{this.modal||Me.topOpeningFloatingUI===this.floater&&this.hide()})}disconnectedCallback(){this.floater&&this.hide("disconnect")}updated(e){this.floater.handleUpdate(e),e.has("triggerElement")&&(this.floater.configure(this,this.floaterConfig.prefix),this.bib.bibLabel=this.triggerElement?.textContent.trim()),e.has("isPopoverVisible")&&(this.isPopoverVisible?this.show():this.hide())}async show(){if(clearTimeout(this._closeTimeout),this.floater.showBib(),this.bib?.dialog||await(this.bib?.updateComplete),!this.bib?.dialog)return;const e=this.nested??!1,t=this.modal??!1;e?this.bib.dialog.setAttribute("open",""):t?(this.bib.dialog.removeAttribute("popover"),this.bib.dialog.showModal()):"function"==typeof this.bib.dialog.showPopover?(this.bib.dialog.setAttribute("popover","manual"),this.bib.dialog.showPopover()):(this.bib.dialog.removeAttribute("popover"),this.bib.dialog.show())}hide(e=void 0){clearTimeout(this._closeTimeout);const t=this.bib?.dialog;t?.open?this._closeTimeout=setTimeout(()=>{t.open&&t.close()},300):"function"==typeof t?.hidePopover&&t.matches?.(":popover-open")&&(this._closeTimeout=setTimeout(()=>{t.matches?.(":popover-open")&&t.hidePopover(),t.removeAttribute("popover")},300)),this.floater.hideBib(e),"disconnect"===e&&this.floater.disconnect()}render(){return o`
       <${this.floaterBibTag} id="bib"
       ?data-show=${this.isPopoverVisible}
       ?onBackdrop="${this.floaterConfig.backdrop}">

package/dist/index.js

@@ -1 +1 @@
-export{A as AuroDrawer}from"./auro-drawer-Bi1OkedP.js";import"lit/static-html.js";import"lit";import"lit/directives/class-map.js";import"lit/directives/if-defined.js";
+export{A as AuroDrawer}from"./auro-drawer-qq2pu5QY.js";import"lit/static-html.js";import"lit";import"lit/directives/class-map.js";import"lit/directives/if-defined.js";

package/dist/registered.js

@@ -1 +1 @@
-import{A as i}from"./auro-drawer-Bi1OkedP.js";import"lit/static-html.js";import"lit";import"lit/directives/class-map.js";import"lit/directives/if-defined.js";i.register();
+import{A as i}from"./auro-drawer-qq2pu5QY.js";import"lit/static-html.js";import"lit";import"lit/directives/class-map.js";import"lit/directives/if-defined.js";i.register();

package/package.json

@@ -7,7 +7,7 @@
     "================================================================================"
   ],
   "name": "@aurodesignsystem-dev/auro-drawer",
-  "version": "0.0.0-pr131.19",
+  "version": "0.0.0-pr131.20",
   "description": "auro-drawer HTML custom element",
   "repository": {
     "type": "git",