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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/demo/api.min.js CHANGED
@@ -3386,7 +3386,7 @@ class AuroFloater extends i$1 {
3386
3386
  // Always remove the attribute: show() for modal already does this before
3387
3387
  // showModal(); mirroring it here keeps the element in a clean state after
3388
3388
  // close and avoids stale [popover] CSS matching on a hidden drawer.
3389
- dialog.removeAttribute('popover');
3389
+ dialog.removeAttribute("popover");
3390
3390
  }, 300);
3391
3391
  }
3392
3392
  this.floater.hideBib(eventType);
@@ -3980,7 +3980,7 @@ class AuroDrawerContent extends i$1 {
3980
3980
  get ariaLabelDrawerClose() {
3981
3981
  const slot = this.shadowRoot.querySelector('slot[name="ariaLabel.drawer.close"]');
3982
3982
  if (slot) {
3983
- return this.runtimeUtils.getSlotText(this, "ariaLabel.drawer.close");
3983
+ return this.runtimeUtils.getSlotText(this, "ariaLabel.drawer.close") || "Close";
3984
3984
  }
3985
3985
  return "Close";
3986
3986
  }
package/demo/index.min.js CHANGED
@@ -3138,7 +3138,7 @@ class AuroFloater extends i$1 {
3138
3138
  // Always remove the attribute: show() for modal already does this before
3139
3139
  // showModal(); mirroring it here keeps the element in a clean state after
3140
3140
  // close and avoids stale [popover] CSS matching on a hidden drawer.
3141
- dialog.removeAttribute('popover');
3141
+ dialog.removeAttribute("popover");
3142
3142
  }, 300);
3143
3143
  }
3144
3144
  this.floater.hideBib(eventType);
@@ -3732,7 +3732,7 @@ class AuroDrawerContent extends i$1 {
3732
3732
  get ariaLabelDrawerClose() {
3733
3733
  const slot = this.shadowRoot.querySelector('slot[name="ariaLabel.drawer.close"]');
3734
3734
  if (slot) {
3735
- return this.runtimeUtils.getSlotText(this, "ariaLabel.drawer.close");
3735
+ return this.runtimeUtils.getSlotText(this, "ariaLabel.drawer.close") || "Close";
3736
3736
  }
3737
3737
  return "Close";
3738
3738
  }
@@ -93,7 +93,7 @@ import{unsafeStatic as e,literal as t,html as o}from"lit/static-html.js";import{
93
93
  `}}const kt=["a[href]","button:not([disabled])","textarea:not([disabled])","input:not([disabled])","select:not([disabled])",'[role="tab"]:not([disabled])','[role="link"]:not([disabled])','[role="button"]:not([disabled])','[tabindex]:not([tabindex="-1"])','[contenteditable]:not([contenteditable="false"])'],St=["auro-checkbox","auro-radio","auro-dropdown","auro-button","auro-combobox","auro-input","auro-counter","auro-select","auro-datepicker","auro-hyperlink","auro-accordion"];function At(e){const t=e.getAttribute("tabindex");if(null==t)return null;const o=Number.parseInt(t,10);return Number.isNaN(o)?null:o}function Bt(e){const t=[],o=e=>{if(e.nodeType===Node.ELEMENT_NODE){if(function(e){const t=e.tagName.toLowerCase();return!(!St.some(o=>e.hasAttribute(o)||t===o)||e.hasAttribute("disabled")||t.match("hyperlink")&&!e.hasAttribute("href"))}(e))return void t.push(e);for(const o of kt)if(e.matches?.(o)){t.push(e);break}if(e.shadowRoot&&e.shadowRoot.children&&Array.from(e.shadowRoot.children).forEach(e=>{o(e)}),"SLOT"===e.tagName){const t=e.assignedNodes({flatten:!0});for(const e of t)o(e)}else e.children&&Array.from(e.children).forEach(e=>{o(e)})}};o(e);const s=[],a=new Set;for(const e of t)a.has(e)||(a.add(e),s.push(e));const r=s.filter(e=>{const t=At(e);return null!==t&&t>0});r.sort((e,t)=>(At(e)??0)-(At(t)??0));const i=s.filter(e=>{const t=At(e);return null===t||0===t});return[...r,...i]}class Et{constructor(e,t=!1){if(!(e&&e instanceof HTMLElement))throw new Error("FocusTrap requires a valid HTMLElement.");this.container=e,this.tabDirection="forward",this.controlTabOrder=t,this._init()}_init(){"inert"in HTMLElement.prototype&&(this.container.inert=!1,this.container.setAttribute("data-focus-trap-container",!0)),this.container.addEventListener("keydown",this._onKeydown)}_getActiveElements(){let{activeElement:e}=document;const t=[e];for(;e?.shadowRoot?.activeElement;)t.push(e.shadowRoot.activeElement),e=e.shadowRoot.activeElement;return t}_getNextFocusIndex(e,t,o){if(this.controlTabOrder){let o=e+("forward"===this.tabDirection?1:-1);return o<0&&(o=t.length-1),o>=t.length&&(o=0),o}const s=o.includes(t[0])||o.includes(this.container),a=o.includes(t[t.length-1]);return"backward"===this.tabDirection&&s?t.length-1:"forward"===this.tabDirection&&a?0:null}_handleTabKey(e){const t=this._getFocusableElements();if(!t.length)return;this.tabDirection=e.shiftKey?"backward":"forward";const o=this._getActiveElements();let s=t.findIndex(e=>o.includes(e));-1===s&&(s=0);const a=this._getNextFocusIndex(s,t,o);null!==a&&(e.preventDefault(),t[a].focus())}_onKeydown=e=>{"Tab"===e.key&&this._handleTabKey(e)};_getFocusableElements(){return Bt(this.container)}focusFirstElement(){const e=this._getFocusableElements();e.length&&e[0].focus()}focusLastElement(){const e=this._getFocusableElements();e.length&&e[e.length-1].focus()}disconnect(){this.container.hasAttribute("data-focus-trap-container")&&this.container.removeAttribute("data-focus-trap-container"),this.container.removeEventListener("keydown",this._onKeydown)}}var Tt=s`.wrapper{background:var(--ds-auro-drawer-container-color)}::slotted(*){color:var(--ds-auro-drawer-text-color)}
94
94
  `,Ct=s`.body-default{font-size:var(--wcss-body-default-font-size, 1rem);font-weight:var(--wcss-body-default-weight, );line-height:var(--wcss-body-default-line-height, 1.5rem)}.body-default,.body-default-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-default-emphasized{font-size:var(--wcss-body-default-emphasized-font-size, 1rem);font-weight:var(--wcss-body-default-emphasized-weight, );line-height:var(--wcss-body-default-emphasized-line-height, 1.5rem)}.body-lg{font-size:var(--wcss-body-lg-font-size, 1.125rem);font-weight:var(--wcss-body-lg-weight, );line-height:var(--wcss-body-lg-line-height, 1.625rem)}.body-lg,.body-lg-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-lg-emphasized{font-size:var(--wcss-body-lg-emphasized-font-size, 1.125rem);font-weight:var(--wcss-body-lg-emphasized-weight, );line-height:var(--wcss-body-lg-emphasized-line-height, 1.625rem)}.body-sm{font-size:var(--wcss-body-sm-font-size, .875rem);font-weight:var(--wcss-body-sm-weight, );line-height:var(--wcss-body-sm-line-height, 1.25rem)}.body-sm,.body-sm-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-sm-emphasized{font-size:var(--wcss-body-sm-emphasized-font-size, .875rem);font-weight:var(--wcss-body-sm-emphasized-weight, );line-height:var(--wcss-body-sm-emphasized-line-height, 1.25rem)}.body-xs{font-size:var(--wcss-body-xs-font-size, .75rem);font-weight:var(--wcss-body-xs-weight, );line-height:var(--wcss-body-xs-line-height, 1rem)}.body-xs,.body-xs-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-xs-emphasized{font-size:var(--wcss-body-xs-emphasized-font-size, .75rem);font-weight:var(--wcss-body-xs-emphasized-weight, );line-height:var(--wcss-body-xs-emphasized-line-height, 1rem)}.body-2xs{font-size:var(--wcss-body-2xs-font-size, .625rem);font-weight:var(--wcss-body-2xs-weight, );line-height:var(--wcss-body-2xs-line-height, .875rem)}.body-2xs,.body-2xs-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-2xs-emphasized{font-size:var(--wcss-body-2xs-emphasized-font-size, .625rem);font-weight:var(--wcss-body-2xs-emphasized-weight, );line-height:var(--wcss-body-2xs-emphasized-line-height, .875rem)}.display-2xl{font-family:var(--wcss-display-2xl-family, "AS Circular"),var(--wcss-display-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-2xl-font-size, clamp(3.5rem, 6vw, 5.375rem));font-weight:var(--wcss-display-2xl-weight, 300);letter-spacing:var(--wcss-display-2xl-letter-spacing, 0);line-height:var(--wcss-display-2xl-line-height, 1.3)}.display-xl{font-family:var(--wcss-display-xl-family, "AS Circular"),var(--wcss-display-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xl-font-size, clamp(3rem, 5.3333333333vw, 4.5rem));font-weight:var(--wcss-display-xl-weight, 300);letter-spacing:var(--wcss-display-xl-letter-spacing, 0);line-height:var(--wcss-display-xl-line-height, 1.3)}.display-lg{font-family:var(--wcss-display-lg-family, "AS Circular"),var(--wcss-display-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-lg-font-size, clamp(2.75rem, 4.6666666667vw, 4rem));font-weight:var(--wcss-display-lg-weight, 300);letter-spacing:var(--wcss-display-lg-letter-spacing, 0);line-height:var(--wcss-display-lg-line-height, 1.3)}.display-md{font-family:var(--wcss-display-md-family, "AS Circular"),var(--wcss-display-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-md-font-size, clamp(2.5rem, 4vw, 3.5rem));font-weight:var(--wcss-display-md-weight, 300);letter-spacing:var(--wcss-display-md-letter-spacing, 0);line-height:var(--wcss-display-md-line-height, 1.3)}.display-sm{font-family:var(--wcss-display-sm-family, "AS Circular"),var(--wcss-display-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-sm-font-size, clamp(2rem, 3.6666666667vw, 3rem));font-weight:var(--wcss-display-sm-weight, 300);letter-spacing:var(--wcss-display-sm-letter-spacing, 0);line-height:var(--wcss-display-sm-line-height, 1.3)}.display-xs{font-family:var(--wcss-display-xs-family, "AS Circular"),var(--wcss-display-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xs-font-size, clamp(1.75rem, 3vw, 2.375rem));font-weight:var(--wcss-display-xs-weight, 300);letter-spacing:var(--wcss-display-xs-letter-spacing, 0);line-height:var(--wcss-display-xs-line-height, 1.3)}.heading-xl{font-family:var(--wcss-heading-xl-family, "AS Circular"),var(--wcss-heading-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xl-font-size, clamp(2rem, 3vw, 2.5rem));font-weight:var(--wcss-heading-xl-weight, 300);letter-spacing:var(--wcss-heading-xl-letter-spacing, 0);line-height:var(--wcss-heading-xl-line-height, 1.3)}.heading-lg{font-family:var(--wcss-heading-lg-family, "AS Circular"),var(--wcss-heading-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-lg-font-size, clamp(1.75rem, 2.6666666667vw, 2.25rem));font-weight:var(--wcss-heading-lg-weight, 300);letter-spacing:var(--wcss-heading-lg-letter-spacing, 0);line-height:var(--wcss-heading-lg-line-height, 1.3)}.heading-md{font-family:var(--wcss-heading-md-family, "AS Circular"),var(--wcss-heading-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-md-font-size, clamp(1.625rem, 2.3333333333vw, 1.75rem));font-weight:var(--wcss-heading-md-weight, 300);letter-spacing:var(--wcss-heading-md-letter-spacing, 0);line-height:var(--wcss-heading-md-line-height, 1.3)}.heading-sm{font-family:var(--wcss-heading-sm-family, "AS Circular"),var(--wcss-heading-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-sm-font-size, clamp(1.375rem, 2vw, 1.5rem));font-weight:var(--wcss-heading-sm-weight, 300);letter-spacing:var(--wcss-heading-sm-letter-spacing, 0);line-height:var(--wcss-heading-sm-line-height, 1.3)}.heading-xs{font-family:var(--wcss-heading-xs-family, "AS Circular"),var(--wcss-heading-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xs-font-size, clamp(1.25rem, 1.6666666667vw, 1.25rem));font-weight:var(--wcss-heading-xs-weight, 300);letter-spacing:var(--wcss-heading-xs-letter-spacing, 0);line-height:var(--wcss-heading-xs-line-height, 1.3)}.heading-2xs{font-family:var(--wcss-heading-2xs-family, "AS Circular"),var(--wcss-heading-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-2xs-font-size, clamp(1.125rem, 1.5vw, 1.125rem));font-weight:var(--wcss-heading-2xs-weight, 300);letter-spacing:var(--wcss-heading-2xs-letter-spacing, 0);line-height:var(--wcss-heading-2xs-line-height, 1.3)}.accent-2xl{font-family:var(--wcss-accent-2xl-family, "Good OT"),var(--wcss-accent-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xl-font-size, clamp(2rem, 3.1666666667vw, 2.375rem));font-weight:var(--wcss-accent-2xl-weight, 450);letter-spacing:var(--wcss-accent-2xl-letter-spacing, .05em);line-height:var(--wcss-accent-2xl-line-height, 1)}.accent-2xl,.accent-xl{text-transform:uppercase}.accent-xl{font-family:var(--wcss-accent-xl-family, "Good OT"),var(--wcss-accent-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xl-font-size, clamp(1.625rem, 2.3333333333vw, 2rem));font-weight:var(--wcss-accent-xl-weight, 450);letter-spacing:var(--wcss-accent-xl-letter-spacing, .05em);line-height:var(--wcss-accent-xl-line-height, 1.3)}.accent-lg{font-family:var(--wcss-accent-lg-family, "Good OT"),var(--wcss-accent-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-lg-font-size, clamp(1.5rem, 2.1666666667vw, 1.75rem));font-weight:var(--wcss-accent-lg-weight, 450);letter-spacing:var(--wcss-accent-lg-letter-spacing, .05em);line-height:var(--wcss-accent-lg-line-height, 1.3)}.accent-lg,.accent-md{text-transform:uppercase}.accent-md{font-family:var(--wcss-accent-md-family, "Good OT"),var(--wcss-accent-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-md-font-size, clamp(1.375rem, 1.8333333333vw, 1.5rem));font-weight:var(--wcss-accent-md-weight, 500);letter-spacing:var(--wcss-accent-md-letter-spacing, .05em);line-height:var(--wcss-accent-md-line-height, 1.3)}.accent-sm{font-family:var(--wcss-accent-sm-family, "Good OT"),var(--wcss-accent-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-sm-font-size, clamp(1.125rem, 1.5vw, 1.25rem));font-weight:var(--wcss-accent-sm-weight, 500);letter-spacing:var(--wcss-accent-sm-letter-spacing, .05em);line-height:var(--wcss-accent-sm-line-height, 1.3)}.accent-sm,.accent-xs{text-transform:uppercase}.accent-xs{font-family:var(--wcss-accent-xs-family, "Good OT"),var(--wcss-accent-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xs-font-size, clamp(1rem, 1.3333333333vw, 1rem));font-weight:var(--wcss-accent-xs-weight, 500);letter-spacing:var(--wcss-accent-xs-letter-spacing, .1em);line-height:var(--wcss-accent-xs-line-height, 1.3)}.accent-2xs{font-family:var(--wcss-accent-2xs-family, "Good OT"),var(--wcss-accent-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xs-font-size, clamp(.875rem, 1.1666666667vw, .875rem));font-weight:var(--wcss-accent-2xs-weight, 450);letter-spacing:var(--wcss-accent-2xs-letter-spacing, .1em);line-height:var(--wcss-accent-2xs-line-height, 1.3);text-transform:uppercase}:host{display:contents;--insetPaddingXl: var(--ds-size-400, 2rem);--insetPaddingXxl: var(--ds-size-600, 3rem);--insetPaddingXxxl: var(--ds-size-800, 4rem)}:host .wrapper{position:absolute;overflow:auto;width:100%;height:100%;box-sizing:border-box;box-shadow:var(--ds-elevation-200, 0px 0px 10px rgba(0, 0, 0, .15));will-change:transform}:host .header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--ds-size-200, 1rem)}:host .footer{display:flex;align-items:flex-start;justify-content:flex-end;margin-top:var(--insetPaddingXl)}:host .heading{margin-block-start:0}:host(:not([unformatted])) .wrapper{padding:var(--insetPaddingXl)}@media screen and (min-width: 1024px){:host(:not([unformatted])) .wrapper{padding:var(--insetPaddingXxxl)}}#closeButton{margin-left:auto}#closeButton:hover{cursor:pointer}#closeButton .util_displayHiddenVisually{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;border:0;clip:rect(1px,1px,1px,1px)}:host([placement=right]) .wrapper,:host([placement=left]) .wrapper{max-width:90%}:host([placement=right]),:host([placement=left]){overflow-x:hidden}:host([placement=top]),:host([placement=bottom]){width:100%}:host([placement=top]) .wrapper,:host([placement=bottom]) .wrapper{max-height:90%}:host([placement=right]) .wrapper{right:100%;transform:translate(0)}:host([visible][placement=right]) .wrapper{animation:slideInFromRight .3s forwards;animation-delay:.05s}:host([closing][placement=right]) .wrapper{animation:slideOutToRight .3s forwards}@keyframes slideInFromRight{0%{transform:translate(100%);right:0%}to{transform:translateZ(0);right:0%}}@keyframes slideOutToRight{0%{transform:translateZ(0);right:0%}to{transform:translate(100%);right:0%}}:host([placement=left]) .wrapper{left:-100%;transform:translate(0)}:host([visible][placement=left]) .wrapper{animation:slideInFromLeft .3s forwards;animation-delay:.05s}:host([closing][placement=left]) .wrapper{animation:slideOutToLeft .3s forwards}@keyframes slideInFromLeft{0%{transform:translate(-100%);left:0%}to{transform:translateZ(0);left:0%}}@keyframes slideOutToLeft{0%{transform:translateZ(0);left:0%}to{transform:translate(-100%);left:0%}}:host([placement=top]) .wrapper{top:-100%;transform:translateY(0)}:host([visible][placement=top]) .wrapper{animation:slideInFromTop .3s forwards;animation-delay:.05s}:host([closing][placement=top]) .wrapper{animation:slideOutToTop .3s forwards}@keyframes slideInFromTop{0%{transform:translateY(-100%);top:0%}to{transform:translateZ(0);top:0%}}@keyframes slideOutToTop{0%{transform:translateZ(0);top:0%}to{transform:translateY(-100%);top:0%}}:host([placement=bottom]) .wrapper{bottom:100%;transform:translateY(0)}:host([visible][placement=bottom]) .wrapper{animation:slideInFromBottom .3s forwards;animation-delay:.05s}:host([closing][placement=bottom]) .wrapper{animation:slideOutToBottom .3s forwards}@keyframes slideInFromBottom{0%{transform:translateY(100%);bottom:0%}to{transform:translateZ(0);bottom:0%}}@keyframes slideOutToBottom{0%{transform:translateZ(0);bottom:0%}to{transform:translateY(100%);bottom:0%}}@media screen and (min-width: 768px){:host([size=sm][placement=left]) .wrapper,:host([size=sm][placement=right]) .wrapper{max-width:40%}}@media screen and (min-width: 1024px){:host([size=sm][placement=left]) .drawer,:host([size=sm][placement=right]) .drawer{max-width:740px}}@media screen and (min-width: 768px){:host([size=md][placement=left]) .wrapper,:host([size=md][placement=right]) .wrapper{max-width:70%}}@media screen and (min-width: 1024px){:host([size=md][placement=left]) .wrapper,:host([size=md][placement=right]) .wrapper{max-width:986px}}:host([size=sm][placement=top]:not([stretch])) .wrapper,:host([size=sm][placement=bottom]:not([stretch])) .wrapper{max-height:30%}:host([size=md][placement=top]:not([stretch])) .wrapper,:host([size=md][placement=bottom]:not([stretch])) .wrapper{max-height:50%}:host([stretch]) .wrapper{max-width:100%;max-height:100%}
95
95
  `,Ht=s`:host{--ds-auro-drawer-container-color: var(--ds-basic-color-surface-default, #ffffff);--ds-auro-drawer-text-color: var(--ds-basic-color-texticon-default, #2a2a2a)}
96
- `;class Rt extends a{constructor(){super(),this.closeButtonAppearance="default",this.runtimeUtils=new l,this.buttonTag=c.prototype.generateTag("auro-button","12.3.2",pt),this.iconTag=c.prototype.generateTag("auro-icon","9.2.0",zt),this.prevActiveElement=void 0}static get properties(){return{closeButtonAppearance:{type:String,attribute:"close-button-appearance",reflect:!0},modal:{type:Boolean,reflect:!0},onDark:{type:Boolean,reflect:!0},unformatted:{type:Boolean,reflect:!0},visible:{type:Boolean,reflect:!0},closing:{type:Boolean,reflect:!0}}}static get styles(){return[Tt,Ht,Ct]}get ariaLabelDrawerClose(){return this.shadowRoot.querySelector('slot[name="ariaLabel.drawer.close"]')?this.runtimeUtils.getSlotText(this,"ariaLabel.drawer.close"):"Close"}handleSlotChange(){this.requestUpdate()}handleCloseButtonClick(){this.dispatchEvent(new CustomEvent("close-click"))}updated(e){if(e.has("visible"))if(this.visible){const e=this.shadowRoot.querySelector(".wrapper");e&&(e.style.animation="none",e.offsetHeight,e.style.animation=""),this.focusTrap||(this.focusTrap=new Et(this)),this.prevActiveElement=this.triggerElement||document.activeElement,requestAnimationFrame(()=>{this.focusTrap?.focusFirstElement()})}else{const e=this.prevActiveElement;this.prevActiveElement=void 0,setTimeout(()=>{this.visible||e?.focus()},350),this.focusTrap&&(this.focusTrap.disconnect(),this.focusTrap=null)}e.has("closing")&&this.closing&&setTimeout(()=>{this.closing=!1},300)}render(){return o`
96
+ `;class Rt extends a{constructor(){super(),this.closeButtonAppearance="default",this.runtimeUtils=new l,this.buttonTag=c.prototype.generateTag("auro-button","12.3.2",pt),this.iconTag=c.prototype.generateTag("auro-icon","9.2.0",zt),this.prevActiveElement=void 0}static get properties(){return{closeButtonAppearance:{type:String,attribute:"close-button-appearance",reflect:!0},modal:{type:Boolean,reflect:!0},onDark:{type:Boolean,reflect:!0},unformatted:{type:Boolean,reflect:!0},visible:{type:Boolean,reflect:!0},closing:{type:Boolean,reflect:!0}}}static get styles(){return[Tt,Ht,Ct]}get ariaLabelDrawerClose(){return this.shadowRoot.querySelector('slot[name="ariaLabel.drawer.close"]')&&this.runtimeUtils.getSlotText(this,"ariaLabel.drawer.close")||"Close"}handleSlotChange(){this.requestUpdate()}handleCloseButtonClick(){this.dispatchEvent(new CustomEvent("close-click"))}updated(e){if(e.has("visible"))if(this.visible){const e=this.shadowRoot.querySelector(".wrapper");e&&(e.style.animation="none",e.offsetHeight,e.style.animation=""),this.focusTrap||(this.focusTrap=new Et(this)),this.prevActiveElement=this.triggerElement||document.activeElement,requestAnimationFrame(()=>{this.focusTrap?.focusFirstElement()})}else{const e=this.prevActiveElement;this.prevActiveElement=void 0,setTimeout(()=>{this.visible||e?.focus()},350),this.focusTrap&&(this.focusTrap.disconnect(),this.focusTrap=null)}e.has("closing")&&this.closing&&setTimeout(()=>{this.closing=!1},300)}render(){return o`
97
97
  <!-- Hidden slot for close button aria-label -->
98
98
  <slot name="ariaLabel.drawer.close" hidden @slotchange=${this.handleSlotChange}></slot>
99
99
 
package/dist/index.js CHANGED
@@ -1 +1 @@
1
- export{A as AuroDrawer}from"./auro-drawer-CR028FUR.js";import"lit/static-html.js";import"lit";import"lit/directives/class-map.js";import"lit/directives/if-defined.js";
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";
@@ -1 +1 @@
1
- import{A as i}from"./auro-drawer-CR028FUR.js";import"lit/static-html.js";import"lit";import"lit/directives/class-map.js";import"lit/directives/if-defined.js";i.register();
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();
package/package.json CHANGED
@@ -7,7 +7,7 @@
7
7
  "================================================================================"
8
8
  ],
9
9
  "name": "@aurodesignsystem-dev/auro-drawer",
10
- "version": "0.0.0-pr131.17",
10
+ "version": "0.0.0-pr131.19",
11
11
  "description": "auro-drawer HTML custom element",
12
12
  "repository": {
13
13
  "type": "git",