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

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
@@ -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
@@ -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
  }
package/demo/readme.md CHANGED
@@ -53,9 +53,7 @@ The `auro-drawer` component should be used in situations where users may:
53
53
 
54
54
  ### Define Dependency in Project
55
55
 
56
- <!-- AURO-GENERATED-CONTENT:START (REMOTE:url=https://raw.githubusercontent.com/AlaskaAirlines/auro-templates/main/templates/default/partials/usage/componentImportDescription.md) -->
57
- Defining the dependency within each project that is using the `<auro-drawer>` component.
58
-
56
+ <!-- AURO-GENERATED-CONTENT:START (REMOTE:url=https://raw.githubusercontent.com/AlaskaAirlines/auro-templates/main/templates/default/partials/usage/componentImportDescription.md) -->
59
57
  <!-- AURO-GENERATED-CONTENT:END -->
60
58
  <!-- AURO-GENERATED-CONTENT:START (REMOTE:url=https://raw.githubusercontent.com/AlaskaAirlines/auro-templates/main/templates/default/partials/usage/componentImport.md) -->
61
59
 
@@ -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.18",
11
11
  "description": "auro-drawer HTML custom element",
12
12
  "repository": {
13
13
  "type": "git",