@aurodesignsystem-dev/auro-dialog 0.0.0-pr83.0 → 0.0.0-pr83.1

package/demo/auro-dialog.min.js

@@ -787,7 +787,7 @@ class ComponentBase extends i$2 {
       ? u$2``
       : u$2`
         <${this.buttonTag}
-        appearance=${this.onDark ? 'inverse' : this.appearance}
+        appearance=${this.hasAttribute("ondark") ? 'inverse' : this.appearance}
         aria-label="Close"
         class="dialog-header--action"
         shape="circle"

package/dist/{auro-dialog-BKB36cnR.js → auro-dialog-BE0pY-yk.js}

@@ -81,7 +81,7 @@ import{css as e,LitElement as t,html as s}from"lit";import{classMap as a}from"li
 `,Y=e`:host{--ds-auro-dialog-container-color: var(--ds-basic-color-surface-default, #ffffff);--ds-auro-dialog-boxshadow-color: var(--ds-elevation-300, 0px 0px 15px rgba(0, 0, 0, .2));--ds-auro-dialog-overlay-modal-background-color: var(--ds-advanced-color-shared-scrim, rgba(0, 0, 0, .5));--ds-auro-dialog-overlay-open-background-color: var(--ds-advanced-color-shared-scrim, rgba(0, 0, 0, .5));--ds-auro-dialog-text-color: var(--ds-basic-color-texticon-default, #2a2a2a)}
 `;class Z extends t{constructor(){super(),this.modal=!1,this.unformatted=!1,this.appearance="default";const e=new d;this.buttonTag=e.generateTag("auro-button","12.2.0",L),this.iconTag=e.generateTag("auro-icon","9.1.0",V),this.runtimeUtils=new l}static get properties(){return{appearance:{type:String,reflect:!0},modal:{type:Boolean},unformatted:{type:Boolean,reflect:!0},open:{type:Boolean,reflect:!0},triggerElement:{attribute:!1}}}firstUpdated(){this.runtimeUtils.handleComponentTagRename(this,"auro-dialog");const e=this.shadowRoot.querySelector("#footer"),t=this.shadowRoot.querySelector("#footerWrapper");this.dialog=this.shadowRoot.getElementById("dialog"),this.unformatted||0!==e.assignedNodes().length||t.classList.remove("dialog-footer")}updated(e){e.has("open")&&(this.open?this.openDialog():this.closeDialog())}connectedCallback(){super.connectedCallback(),this.keydownEventHandler=this.handleKeydown.bind(this),window.addEventListener("keydown",this.keydownEventHandler)}disconnectedCallback(){super.disconnectedCallback(),window.removeEventListener("keydown",this.keydownEventHandler)}openDialog(){this.defaultTrigger=document.activeElement,this.focusTrap=new p(this.dialog)}onDialogTransitionEnd(){this.open&&this.focusTrap&&this.focusTrap.focusFirstElement()}closeDialog(){this.focusTrap&&(this.focusTrap.disconnect(),this.focusTrap=void 0),this.defaultTrigger&&(this.defaultTrigger.focus(),this.defaultTrigger=void 0),this.dispatchToggleEvent()}dispatchToggleEvent(){const e=document.createEvent("HTMLEvents");e.initEvent("toggle",!0,!1),this.dispatchEvent(e)}handleOverlayClick(){if(this.open&&!this.modal){const e=[...this.querySelectorAll("auro-combobox, [auro-combobox], auro-select, [auro-select], auro-datepicker, [auro-datepicker]")];[...this.querySelectorAll("auro-dropdown, [auro-dropdown]"),...e.map(e=>e.dropdown)].some(e=>e.isPopoverVisible)||this.handleCloseButtonClick()}}handleCloseButtonClick(){this.open=!1}handleKeydown({key:e,keyCode:t}){!this.open||this.modal||"Escape"!==e&&27!==t||(this.open=!1)}focus(){this.open&&this.dialog.focus()}static get styles(){return[J,Q,K,Y]}getCloseButton(){return this.modal?i``:i`
         <${this.buttonTag}
-        appearance=${this.onDark?"inverse":this.appearance}
+        appearance=${this.hasAttribute("ondark")?"inverse":this.appearance}
         aria-label="Close"
         class="dialog-header--action"
         shape="circle"

package/dist/index.d.ts

@@ -86,7 +86,7 @@ class l{registerComponent(e,t){customElements.get(e)||customElements.define(e,cl
 `,Y=css`:host{--ds-auro-dialog-container-color: var(--ds-basic-color-surface-default, #ffffff);--ds-auro-dialog-boxshadow-color: var(--ds-elevation-300, 0px 0px 15px rgba(0, 0, 0, .2));--ds-auro-dialog-overlay-modal-background-color: var(--ds-advanced-color-shared-scrim, rgba(0, 0, 0, .5));--ds-auro-dialog-overlay-open-background-color: var(--ds-advanced-color-shared-scrim, rgba(0, 0, 0, .5));--ds-auro-dialog-text-color: var(--ds-basic-color-texticon-default, #2a2a2a)}
 `;class Z extends LitElement{constructor(){super(),this.modal=false,this.unformatted=false,this.appearance="default";const e=new d;this.buttonTag=e.generateTag("auro-button","12.2.0",L),this.iconTag=e.generateTag("auro-icon","9.1.0",V),this.runtimeUtils=new l;}static get properties(){return {appearance:{type:String,reflect:true},modal:{type:Boolean},unformatted:{type:Boolean,reflect:true},open:{type:Boolean,reflect:true},triggerElement:{attribute:false}}}firstUpdated(){this.runtimeUtils.handleComponentTagRename(this,"auro-dialog");const e=this.shadowRoot.querySelector("#footer"),t=this.shadowRoot.querySelector("#footerWrapper");this.dialog=this.shadowRoot.getElementById("dialog"),this.unformatted||0!==e.assignedNodes().length||t.classList.remove("dialog-footer");}updated(e){e.has("open")&&(this.open?this.openDialog():this.closeDialog());}connectedCallback(){super.connectedCallback(),this.keydownEventHandler=this.handleKeydown.bind(this),window.addEventListener("keydown",this.keydownEventHandler);}disconnectedCallback(){super.disconnectedCallback(),window.removeEventListener("keydown",this.keydownEventHandler);}openDialog(){this.defaultTrigger=document.activeElement,this.focusTrap=new p(this.dialog);}onDialogTransitionEnd(){this.open&&this.focusTrap&&this.focusTrap.focusFirstElement();}closeDialog(){this.focusTrap&&(this.focusTrap.disconnect(),this.focusTrap=void 0),this.defaultTrigger&&(this.defaultTrigger.focus(),this.defaultTrigger=void 0),this.dispatchToggleEvent();}dispatchToggleEvent(){const e=document.createEvent("HTMLEvents");e.initEvent("toggle",true,false),this.dispatchEvent(e);}handleOverlayClick(){if(this.open&&!this.modal){const e=[...this.querySelectorAll("auro-combobox, [auro-combobox], auro-select, [auro-select], auro-datepicker, [auro-datepicker]")];[...this.querySelectorAll("auro-dropdown, [auro-dropdown]"),...e.map(e=>e.dropdown)].some(e=>e.isPopoverVisible)||this.handleCloseButtonClick();}}handleCloseButtonClick(){this.open=false;}handleKeydown({key:e,keyCode:t}){!this.open||this.modal||"Escape"!==e&&27!==t||(this.open=false);}focus(){this.open&&this.dialog.focus();}static get styles(){return [J,Q,K,Y]}getCloseButton(){return this.modal?html``:html`
         <${this.buttonTag}
-        appearance=${this.onDark?"inverse":this.appearance}
+        appearance=${this.hasAttribute("ondark")?"inverse":this.appearance}
         aria-label="Close"
         class="dialog-header--action"
         shape="circle"

package/dist/index.js

@@ -1 +1 @@
-export{A as AuroDialog}from"./auro-dialog-BKB36cnR.js";import"lit";import"lit/directives/class-map.js";import"lit/static-html.js";import"lit/directives/if-defined.js";
+export{A as AuroDialog}from"./auro-dialog-BE0pY-yk.js";import"lit";import"lit/directives/class-map.js";import"lit/static-html.js";import"lit/directives/if-defined.js";

package/dist/registered.js

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

package/package.json

@@ -7,7 +7,7 @@
     "================================================================================"
   ],
   "name": "@aurodesignsystem-dev/auro-dialog",
-  "version": "0.0.0-pr83.0",
+  "version": "0.0.0-pr83.1",
   "description": "auro-dialog HTML custom element",
   "repository": {
     "type": "git",