@ni/nimble-components 21.6.2 → 21.6.4

package/dist/all-components-bundle.min.js

@@ -2598,9 +2598,8 @@ const Dm=we`
         color: ${Nl};
     }
 `,Nm=Z`
-    ${""}
-    <section role="region" aria-labelledby="title-slot">
-        <slot name="title" id="title-slot"></slot>
+    <section aria-labelledby="title-slot">
+        <span id="title-slot"><slot name="title"></slot></span>
         <slot></slot>
     </section>
 `
@@ -3463,6 +3462,10 @@ const ag=Symbol("user dismissed"),lg=we`
         display: flex;
     }
 
+    dialog${Do} {
+        outline: 2px solid ${qa};
+    }
+
     header {
         min-height: 48px;
         padding: 24px 24px 0px 24px;
@@ -3540,6 +3543,7 @@ const ag=Symbol("user dismissed"),lg=we`
             role="dialog"
             part="control"
             @cancel="${(e,t)=>e.cancelHandler(t.event)}"
+            @close="${e=>e.closeHandler()}"
             aria-labelledby="header"
         >
             <header id="header">
@@ -3564,7 +3568,8 @@ const ag=Symbol("user dismissed"),lg=we`
 `
 class dg extends zt{constructor(){super(...arguments),this.preventDismiss=!1,this.headerHidden=!1,this.footerHidden=!1,this.footerIsEmpty=!0}get open(){return void 0!==this.resolveShow}async show(){if(this.open)throw new Error("Dialog is already open")
 return this.dialogElement.showModal(),new Promise(((e,t)=>{this.resolveShow=e}))}close(e){if(!this.open)throw new Error("Dialog is not open")
-this.dialogElement.close(),this.resolveShow(e),this.resolveShow=void 0}slottedFooterElementsChanged(e,t){this.footerIsEmpty=!t?.length}cancelHandler(e){return this.preventDismiss?e.preventDefault():(this.resolveShow(ag),this.resolveShow=void 0),!0}}dg.UserDismissed=ag,e([se({attribute:"prevent-dismiss",mode:"boolean"})],dg.prototype,"preventDismiss",void 0),e([se({attribute:"header-hidden",mode:"boolean"})],dg.prototype,"headerHidden",void 0),e([se({attribute:"footer-hidden",mode:"boolean"})],dg.prototype,"footerHidden",void 0),e([g],dg.prototype,"footerIsEmpty",void 0),e([g],dg.prototype,"slottedFooterElements",void 0),Ht(dg,un)
+this.dialogElement.close(),this.doResolveShow(e)}slottedFooterElementsChanged(e,t){this.footerIsEmpty=!t?.length}cancelHandler(e){return this.preventDismiss?e.preventDefault():this.doResolveShow(ag),!0}closeHandler(){this.resolveShow&&this.doResolveShow(ag)}doResolveShow(e){if(!this.resolveShow)throw new Error("Do not call doResolveShow unless there is a promise to resolve")
+this.resolveShow(e),this.resolveShow=void 0}}dg.UserDismissed=ag,e([se({attribute:"prevent-dismiss",mode:"boolean"})],dg.prototype,"preventDismiss",void 0),e([se({attribute:"header-hidden",mode:"boolean"})],dg.prototype,"headerHidden",void 0),e([se({attribute:"footer-hidden",mode:"boolean"})],dg.prototype,"footerHidden",void 0),e([g],dg.prototype,"footerIsEmpty",void 0),e([g],dg.prototype,"slottedFooterElements",void 0),Ht(dg,un)
 const hg=dg.compose({baseName:"dialog",template:cg,styles:lg,baseClass:dg})
 bi.getOrCreate().withPrefix("nimble").register(hg())
 const ug=we`
@@ -3714,6 +3719,7 @@ const ug=we`
         ${Ne("dialog")}
         aria-label="${e=>e.ariaLabel}"
         @cancel="${(e,t)=>e.cancelHandler(t.event)}"
+        @close="${e=>e.closeHandler()}"
     >
         <div class="dialog-contents">
             <slot></slot>
@@ -3722,7 +3728,8 @@ const ug=we`
 `,fg="right"
 class mg extends zt{constructor(){super(...arguments),this.location=fg,this.preventDismiss=!1,this.closing=!1,this.animationEndHandlerFunction=()=>this.animationEndHandler()}get open(){return void 0!==this.resolveShow}async show(){if(this.open)throw new Error("Drawer is already open")
 return this.openDialog(),new Promise(((e,t)=>{this.resolveShow=e}))}close(e){if(!this.open||this.closing)throw new Error("Drawer is not open or already closing")
-this.closeReason=e,this.closeDialog()}cancelHandler(e){return e.preventDefault(),this.preventDismiss||(this.closeReason=ag,this.closeDialog()),!0}openDialog(){this.dialog.showModal(),this.triggerAnimation()}closeDialog(){this.closing=!0,this.triggerAnimation()}triggerAnimation(){this.dialog.classList.add("animating"),this.closing&&this.dialog.classList.add("closing"),this.dialog.addEventListener(sa,this.animationEndHandlerFunction)}animationEndHandler(){this.dialog.removeEventListener(sa,this.animationEndHandlerFunction),this.dialog.classList.remove("animating"),this.closing&&(this.dialog.classList.remove("closing"),this.dialog.close(),this.closing=!1,this.resolveShow(this.closeReason),this.resolveShow=void 0)}}mg.UserDismissed=ag,e([se],mg.prototype,"location",void 0),e([se({attribute:"prevent-dismiss",mode:"boolean"})],mg.prototype,"preventDismiss",void 0),Ht(mg,un)
+this.closeReason=e,this.closeDialog()}cancelHandler(e){return e.preventDefault(),this.preventDismiss||(this.closeReason=ag,this.closeDialog()),!0}closeHandler(){this.resolveShow&&this.doResolveShow(ag)}doResolveShow(e){if(!this.resolveShow)throw new Error("Do not call doResolveShow unless there is a promise to resolve")
+this.resolveShow(e),this.resolveShow=void 0}openDialog(){this.dialog.showModal(),this.triggerAnimation()}closeDialog(){this.closing=!0,this.triggerAnimation()}triggerAnimation(){this.dialog.classList.add("animating"),this.closing&&this.dialog.classList.add("closing"),this.dialog.addEventListener(sa,this.animationEndHandlerFunction)}animationEndHandler(){this.dialog.removeEventListener(sa,this.animationEndHandlerFunction),this.dialog.classList.remove("animating"),this.closing&&(this.dialog.classList.remove("closing"),this.dialog.close(),this.closing=!1,this.doResolveShow(this.closeReason))}}mg.UserDismissed=ag,e([se],mg.prototype,"location",void 0),e([se({attribute:"prevent-dismiss",mode:"boolean"})],mg.prototype,"preventDismiss",void 0),Ht(mg,un)
 const gg=mg.compose({baseName:"drawer",template:pg,styles:ug})
 bi.getOrCreate().withPrefix("nimble").register(gg())
 om("icon-add",class extends im{constructor(){super(Lh)}})