@aurodesignsystem-dev/auro-drawer 0.0.0-pr131.25 → 0.0.0-pr131.27

package/demo/api.md

@@ -22,7 +22,7 @@ The `auro-drawer` element provides users a way to implement an expandable drawer
 
 | Name     | Parameters                                                           | Return | Description                                                                                                                                                                                                                                                                                                                                                             |
 | -------- | -------------------------------------------------------------------- | ------ | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| hide     | `eventType` (any)                                                    |        | Closes the native dialog.                                                                                                                                                                                                                                                                                                                                               |
+| hide     | None                                                                 |        | Closes the native dialog.                                                                                                                                                                                                                                                                                                                                               |
 | register | `name` (string) - The name of the element that you want to register. |        | This will register this element with the browser.                                                                                                                                                                                                                                                                                                                       |
 | show     | None                                                                 |        | Opens the native dialog inside the bib.<br><br>- `nested`: `setAttribute("open", "")` to anchor within the parent container.<br>- `!modal && !nested`: `showPopover()` to keep positional CSS intact<br>  and allow free keyboard flow to background content (WCAG 2.1.2).<br>- `modal && !nested`: `showModal()` for native focus containment and top-layer rendering. |
 

package/demo/api.min.js

@@ -3192,36 +3192,6 @@ class AuroFloaterBib extends i$1 {
       );
     });
 
-    // Re-dispatch keydown events that stopped at the dialog boundary so that
-    // slotted consumer keyboard handlers outside the shadow DOM still receive them.
-    this.dialog.addEventListener("keydown", (e) => {
-      // Skip already-composed events (real user keystrokes cross shadow boundaries
-      // natively) and events whose target is not the dialog itself.
-      if (e.target !== this.dialog || e.composed) {
-        return;
-      }
-      // { ...e } only spreads own enumerable properties; KeyboardEvent properties
-      // (key, code, modifiers) are non-enumerable prototype getters and are silently
-      // dropped, leaving the re-dispatched event with no key information. Enumerate
-      // them explicitly so consumer handlers can detect which key was pressed.
-      this.dispatchEvent(
-        new KeyboardEvent(e.type, {
-          key: e.key,
-          code: e.code,
-          location: e.location,
-          altKey: e.altKey,
-          ctrlKey: e.ctrlKey,
-          metaKey: e.metaKey,
-          shiftKey: e.shiftKey,
-          repeat: e.repeat,
-          isComposing: e.isComposing,
-          bubbles: e.bubbles,
-          cancelable: e.cancelable,
-          composed: true,
-        }),
-      );
-    });
-
     // Clicks on the empty dialog area (outside the drawer panel) target the
     // dialog element directly; clicks inside the panel bubble up from a child.
     this.dialog.addEventListener("click", (e) => {
@@ -3267,6 +3237,11 @@ class AuroFloater extends i$1 {
      */
     this.floater = undefined;
 
+    /**
+     * @private
+     */
+    this._showGeneration = 0;
+
     const tagPrefix = `${this.floaterConfig.prefix.replace(/[A-Z]/g, (letter) => `-${letter.toLowerCase()}`)}-bib`;
 
     /**
@@ -3342,7 +3317,8 @@ class AuroFloater extends i$1 {
 
   disconnectedCallback() {
     if (this.floater) {
-      this.hide("disconnect");
+      this.hide();
+      this.floater.disconnect();
     }
 
     super.disconnectedCallback();
@@ -3377,12 +3353,14 @@ class AuroFloater extends i$1 {
    * - `modal && !nested`: `showModal()` for native focus containment and top-layer rendering.
    */
   async show() {
+    const generation = ++this._showGeneration;
     clearTimeout(this._closeTimeout);
     this.floater.showBib();
     if (!this.bib?.dialog) {
       await this.bib?.updateComplete;
     }
-    if (!this.bib?.dialog) {
+    // If hide() was called while we awaited, abort — the dialog should stay closed.
+    if (!this.bib?.dialog || this._showGeneration !== generation) {
       return;
     }
 
@@ -3416,7 +3394,10 @@ class AuroFloater extends i$1 {
   /**
    * Closes the native dialog.
    */
-  hide(eventType = undefined) {
+  hide() {
+    // Invalidate any in-flight show() that is awaiting bib.updateComplete so it
+    // does not open the dialog after this hide() call completes.
+    this._showGeneration++;
     // 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);
@@ -3446,11 +3427,7 @@ class AuroFloater extends i$1 {
         dialog.removeAttribute("popover");
       }, 300);
     }
-    this.floater.hideBib(eventType);
-
-    if (eventType === "disconnect") {
-      this.floater.disconnect();
-    }
+    this.floater.hideBib();
   }
 
   render() {
@@ -4072,8 +4049,9 @@ class AuroDrawerContent extends i$1 {
           this.focusTrap?.focusFirstElement();
         });
       } else {
-        // Native dialog.close() fires after a 300ms delay (see auro-floater-bib hideDialog).
-        // Defer focus restoration so it runs after the dialog releases focus.
+        // hide() in auro-floater.js defers dialog.close() by 300ms to let the
+        // slide-out animation finish before removing the dialog from the top layer.
+        // Wait 350ms so focus restoration runs after the dialog has released focus.
         const target = this.prevActiveElement;
         this.prevActiveElement = undefined;
         setTimeout(() => {
@@ -4435,7 +4413,14 @@ class AuroDrawer extends AuroFloater {
 
     if (changedProperties.has("isPopoverVisible")) {
       this.drawerBib.visible = this.isPopoverVisible;
-      this.drawerBib.closing = !this.isPopoverVisible;
+      if (this.isPopoverVisible) {
+        // Cancel any in-flight close animation when the drawer reopens.
+        this.drawerBib.closing = false;
+      } else if (changedProperties.get("isPopoverVisible") === true) {
+        // Only trigger the close animation when transitioning open → closed,
+        // not on initial render where the previous value is undefined.
+        this.drawerBib.closing = true;
+      }
     }
 
     if (changedProperties.has("triggerElement")) {

package/demo/index.min.js

@@ -2944,36 +2944,6 @@ class AuroFloaterBib extends i$1 {
       );
     });
 
-    // Re-dispatch keydown events that stopped at the dialog boundary so that
-    // slotted consumer keyboard handlers outside the shadow DOM still receive them.
-    this.dialog.addEventListener("keydown", (e) => {
-      // Skip already-composed events (real user keystrokes cross shadow boundaries
-      // natively) and events whose target is not the dialog itself.
-      if (e.target !== this.dialog || e.composed) {
-        return;
-      }
-      // { ...e } only spreads own enumerable properties; KeyboardEvent properties
-      // (key, code, modifiers) are non-enumerable prototype getters and are silently
-      // dropped, leaving the re-dispatched event with no key information. Enumerate
-      // them explicitly so consumer handlers can detect which key was pressed.
-      this.dispatchEvent(
-        new KeyboardEvent(e.type, {
-          key: e.key,
-          code: e.code,
-          location: e.location,
-          altKey: e.altKey,
-          ctrlKey: e.ctrlKey,
-          metaKey: e.metaKey,
-          shiftKey: e.shiftKey,
-          repeat: e.repeat,
-          isComposing: e.isComposing,
-          bubbles: e.bubbles,
-          cancelable: e.cancelable,
-          composed: true,
-        }),
-      );
-    });
-
     // Clicks on the empty dialog area (outside the drawer panel) target the
     // dialog element directly; clicks inside the panel bubble up from a child.
     this.dialog.addEventListener("click", (e) => {
@@ -3019,6 +2989,11 @@ class AuroFloater extends i$1 {
      */
     this.floater = undefined;
 
+    /**
+     * @private
+     */
+    this._showGeneration = 0;
+
     const tagPrefix = `${this.floaterConfig.prefix.replace(/[A-Z]/g, (letter) => `-${letter.toLowerCase()}`)}-bib`;
 
     /**
@@ -3094,7 +3069,8 @@ class AuroFloater extends i$1 {
 
   disconnectedCallback() {
     if (this.floater) {
-      this.hide("disconnect");
+      this.hide();
+      this.floater.disconnect();
     }
 
     super.disconnectedCallback();
@@ -3129,12 +3105,14 @@ class AuroFloater extends i$1 {
    * - `modal && !nested`: `showModal()` for native focus containment and top-layer rendering.
    */
   async show() {
+    const generation = ++this._showGeneration;
     clearTimeout(this._closeTimeout);
     this.floater.showBib();
     if (!this.bib?.dialog) {
       await this.bib?.updateComplete;
     }
-    if (!this.bib?.dialog) {
+    // If hide() was called while we awaited, abort — the dialog should stay closed.
+    if (!this.bib?.dialog || this._showGeneration !== generation) {
       return;
     }
 
@@ -3168,7 +3146,10 @@ class AuroFloater extends i$1 {
   /**
    * Closes the native dialog.
    */
-  hide(eventType = undefined) {
+  hide() {
+    // Invalidate any in-flight show() that is awaiting bib.updateComplete so it
+    // does not open the dialog after this hide() call completes.
+    this._showGeneration++;
     // 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);
@@ -3198,11 +3179,7 @@ class AuroFloater extends i$1 {
         dialog.removeAttribute("popover");
       }, 300);
     }
-    this.floater.hideBib(eventType);
-
-    if (eventType === "disconnect") {
-      this.floater.disconnect();
-    }
+    this.floater.hideBib();
   }
 
   render() {
@@ -3824,8 +3801,9 @@ class AuroDrawerContent extends i$1 {
           this.focusTrap?.focusFirstElement();
         });
       } else {
-        // Native dialog.close() fires after a 300ms delay (see auro-floater-bib hideDialog).
-        // Defer focus restoration so it runs after the dialog releases focus.
+        // hide() in auro-floater.js defers dialog.close() by 300ms to let the
+        // slide-out animation finish before removing the dialog from the top layer.
+        // Wait 350ms so focus restoration runs after the dialog has released focus.
         const target = this.prevActiveElement;
         this.prevActiveElement = undefined;
         setTimeout(() => {
@@ -4187,7 +4165,14 @@ class AuroDrawer extends AuroFloater {
 
     if (changedProperties.has("isPopoverVisible")) {
       this.drawerBib.visible = this.isPopoverVisible;
-      this.drawerBib.closing = !this.isPopoverVisible;
+      if (this.isPopoverVisible) {
+        // Cancel any in-flight close animation when the drawer reopens.
+        this.drawerBib.closing = false;
+      } else if (changedProperties.get("isPopoverVisible") === true) {
+        // Only trigger the close animation when transitioning open → closed,
+        // not on initial render where the previous value is undefined.
+        this.drawerBib.closing = true;
+      }
     }
 
     if (changedProperties.has("triggerElement")) {

package/demo/keyboard-audit.html

@@ -664,6 +664,57 @@
     </div>
 
 
+    <!-- Scenario 7: keydown event propagation -->
+    <div class="scenario">
+      <h2><span class="badge">7</span> Keydown events reach host-element listener</h2>
+      <div class="description">
+        Consumer attaches a <code>keydown</code> handler to <code>&lt;auro-drawer&gt;</code>.
+        Every key pressed while focus is inside the drawer should fire it — no re-dispatch
+        logic needed; native composed-event propagation carries the event through shadow DOM.
+        <br><br>
+        <strong>How to test:</strong> open the drawer, focus any field, press keys. Each
+        keypress should appear in the log below <em>and</em> in the browser console.
+      </div>
+      <div class="trigger-zone">
+        <auro-button id="openScenario7">Open drawer</auro-button>
+      </div>
+
+      <auro-drawer id="scenario7Drawer" modal>
+        <span slot="header">Passenger Details</span>
+        <div slot="content" style="display:flex; flex-direction:column; gap:16px;">
+          <label style="font-size:0.875rem;">
+            Name
+            <input id="s7Name" type="text" value="Jane Doe"
+              style="display:block; width:100%; margin-top:4px; padding:8px; box-sizing:border-box;" />
+          </label>
+          <label style="font-size:0.875rem;">
+            Flight number
+            <input id="s7Flight" type="text" placeholder="AS 123"
+              style="display:block; width:100%; margin-top:4px; padding:8px; box-sizing:border-box;" />
+          </label>
+          <p style="font-size:0.8rem; color:#555;">
+            Try: Tab between fields, type characters, Shift+Tab, Enter.
+          </p>
+        </div>
+        <div slot="footer">
+          <auro-button id="closeScenario7" secondary>Close</auro-button>
+        </div>
+      </auro-drawer>
+
+      <div style="margin-top:16px;">
+        <strong style="font-size:0.85rem;">Event log</strong>
+        <div id="s7Log"
+          style="margin-top:8px; padding:10px; background:#1a1a1a; color:#d4f5a0; font-family:monospace;
+                 font-size:0.8rem; border-radius:6px; min-height:60px; max-height:180px; overflow-y:auto;">
+          (no events yet — open the drawer and press keys)
+        </div>
+        <button id="s7Clear"
+          style="margin-top:6px; font-size:0.75rem; padding:3px 10px; cursor:pointer;">
+          Clear log
+        </button>
+      </div>
+    </div>
+
     <!-- Local build of auro-drawer -->
     <script type="module" src="./index.min.js"></script>
 
@@ -694,6 +745,37 @@
       wireDrawer('openScenario4', 'scenario4Drawer', 'closeScenario4');
       wireDrawer('openScenario5', 'scenario5Drawer', 'closeScenario5');
       wireDrawer('openScenario6', 'scenario6Drawer', 'closeScenario6');
+      wireDrawer('openScenario7', 'scenario7Drawer', 'closeScenario7');
+
+      // Scenario 7: log every keydown that reaches the host element
+      const s7Drawer = document.getElementById('scenario7Drawer');
+      const s7Log    = document.getElementById('s7Log');
+      let s7First    = true;
+
+      s7Drawer.addEventListener('keydown', (e) => {
+        const modifiers = [
+          e.ctrlKey  && 'Ctrl',
+          e.metaKey  && 'Meta',
+          e.altKey   && 'Alt',
+          e.shiftKey && 'Shift',
+        ].filter(Boolean).join('+');
+        const label    = modifiers ? `${modifiers}+${e.key}` : e.key;
+        const composed = e.composed ? '✓ composed' : '✗ NOT composed';
+        const msg      = `key="${label}"  code="${e.code}"  ${composed}  target=${e.target?.tagName ?? '?'}`;
+
+        console.log('[auro-drawer keydown]', msg, e);
+
+        if (s7First) { s7Log.textContent = ''; s7First = false; }
+        const line = document.createElement('div');
+        line.textContent = msg;
+        s7Log.appendChild(line);
+        s7Log.scrollTop = s7Log.scrollHeight;
+      });
+
+      document.getElementById('s7Clear').addEventListener('click', () => {
+        s7Log.textContent = '(cleared)';
+        s7First = true;
+      });
     </script>
 
   </body>

package/dist/{auro-drawer-COaaMqSY.js → auro-drawer-DXXjIJTE.js}

@@ -1,13 +1,13 @@
-import{unsafeStatic as e,literal as t,html as o}from"lit/static-html.js";import{css as s,LitElement as a,html as r}from"lit";import{classMap as i}from"lit/directives/class-map.js";import{ifDefined as n}from"lit/directives/if-defined.js";class l{registerComponent(e,t){customElements.get(e)||customElements.define(e,class extends t{})}closestElement(e,t=this,o=(t,s=t&&t.closest(e))=>t&&t!==document&&t!==window?s||o(t.getRootNode().host):null){return o(t)}handleComponentTagRename(e,t){const o=t.toLowerCase();e.tagName.toLowerCase()!==o&&e.setAttribute(o,!0)}elementMatch(e,t){const o=t.toLowerCase();return e.tagName.toLowerCase()===o||e.hasAttribute(o)}getSlotText(e,t){const o=e.shadowRoot?.querySelector(`slot[name="${t}"]`);return(o?.assignedNodes({flatten:!0})||[]).map(e=>e.textContent?.trim()).join(" ").trim()||null}}class c{generateElementName(e,t){let o=e;return o+="-",o+=t.replace(/[.]/g,"_"),o}generateTag(o,s,a){const r=this.generateElementName(o,s),i=t`${e(r)}`;return customElements.get(r)||customElements.define(r,class extends a{}),i}}const d=["start","end"],h=["top","right","bottom","left"].reduce((e,t)=>e.concat(t,t+"-"+d[0],t+"-"+d[1]),[]),u=Math.min,p=Math.max,b=Math.round,m=Math.floor,f=e=>({x:e,y:e}),g={left:"right",right:"left",bottom:"top",top:"bottom"},v={start:"end",end:"start"};function x(e,t,o){return p(e,u(t,o))}function w(e,t){return"function"==typeof e?e(t):e}function y(e){return e.split("-")[0]}function z(e){return e.split("-")[1]}function k(e){return"x"===e?"y":"x"}function S(e){return"y"===e?"height":"width"}const A=new Set(["top","bottom"]);function B(e){return A.has(y(e))?"y":"x"}function E(e){return k(B(e))}function T(e,t,o){void 0===o&&(o=!1);const s=z(e),a=E(e),r=S(a);let i="x"===a?s===(o?"end":"start")?"right":"left":"start"===s?"bottom":"top";return t.reference[r]>t.floating[r]&&(i=q(i)),[i,q(i)]}function C(e){return e.replace(/start|end/g,e=>v[e])}const H=["left","right"],R=["right","left"],L=["top","bottom"],_=["bottom","top"];function F(e,t,o,s){const a=z(e);let r=function(e,t,o){switch(e){case"top":case"bottom":return o?t?R:H:t?H:R;case"left":case"right":return t?L:_;default:return[]}}(y(e),"start"===o,s);return a&&(r=r.map(e=>e+"-"+a),t&&(r=r.concat(r.map(C)))),r}function q(e){return e.replace(/left|right|bottom|top/g,e=>g[e])}function M(e){const{x:t,y:o,width:s,height:a}=e;return{width:s,height:a,top:o,left:t,right:t+s,bottom:o+a,x:t,y:o}}function N(e,t,o){let{reference:s,floating:a}=e;const r=B(t),i=E(t),n=S(i),l=y(t),c="y"===r,d=s.x+s.width/2-a.width/2,h=s.y+s.height/2-a.height/2,u=s[n]/2-a[n]/2;let p;switch(l){case"top":p={x:d,y:s.y-a.height};break;case"bottom":p={x:d,y:s.y+s.height};break;case"right":p={x:s.x+s.width,y:h};break;case"left":p={x:s.x-a.width,y:h};break;default:p={x:s.x,y:s.y}}switch(z(t)){case"start":p[i]-=u*(o&&c?-1:1);break;case"end":p[i]+=u*(o&&c?-1:1)}return p}async function I(e,t){var o;void 0===t&&(t={});const{x:s,y:a,platform:r,rects:i,elements:n,strategy:l}=e,{boundary:c="clippingAncestors",rootBoundary:d="viewport",elementContext:h="floating",altBoundary:u=!1,padding:p=0}=w(t,e),b=function(e){return"number"!=typeof e?function(e){return{top:0,right:0,bottom:0,left:0,...e}}(e):{top:e,right:e,bottom:e,left:e}}(p),m=n[u?"floating"===h?"reference":"floating":h],f=M(await r.getClippingRect({element:null==(o=await(null==r.isElement?void 0:r.isElement(m)))||o?m:m.contextElement||await(null==r.getDocumentElement?void 0:r.getDocumentElement(n.floating)),boundary:c,rootBoundary:d,strategy:l})),g="floating"===h?{x:s,y:a,width:i.floating.width,height:i.floating.height}:i.reference,v=await(null==r.getOffsetParent?void 0:r.getOffsetParent(n.floating)),x=await(null==r.isElement?void 0:r.isElement(v))&&await(null==r.getScale?void 0:r.getScale(v))||{x:1,y:1},y=M(r.convertOffsetParentRelativeRectToViewportRelativeRect?await r.convertOffsetParentRelativeRectToViewportRelativeRect({elements:n,rect:g,offsetParent:v,strategy:l}):g);return{top:(f.top-y.top+b.top)/x.y,bottom:(y.bottom-f.bottom+b.bottom)/x.y,left:(f.left-y.left+b.left)/x.x,right:(y.right-f.right+b.right)/x.x}}const D=new Set(["left","top"]);function U(){return"undefined"!=typeof window}function P(e){return W(e)?(e.nodeName||"").toLowerCase():"#document"}function O(e){var t;return(null==e||null==(t=e.ownerDocument)?void 0:t.defaultView)||window}function $(e){var t;return null==(t=(W(e)?e.ownerDocument:e.document)||window.document)?void 0:t.documentElement}function W(e){return!!U()&&(e instanceof Node||e instanceof O(e).Node)}function V(e){return!!U()&&(e instanceof Element||e instanceof O(e).Element)}function G(e){return!!U()&&(e instanceof HTMLElement||e instanceof O(e).HTMLElement)}function X(e){return!(!U()||"undefined"==typeof ShadowRoot)&&(e instanceof ShadowRoot||e instanceof O(e).ShadowRoot)}const j=new Set(["inline","contents"]);function K(e){const{overflow:t,overflowX:o,overflowY:s,display:a}=ne(e);return/auto|scroll|overlay|hidden|clip/.test(t+s+o)&&!j.has(a)}const Y=new Set(["table","td","th"]);function Z(e){return Y.has(P(e))}const Q=[":popover-open",":modal"];function J(e){return Q.some(t=>{try{return e.matches(t)}catch(e){return!1}})}const ee=["transform","translate","scale","rotate","perspective"],te=["transform","translate","scale","rotate","perspective","filter"],oe=["paint","layout","strict","content"];function se(e){const t=ae(),o=V(e)?ne(e):e;return ee.some(e=>!!o[e]&&"none"!==o[e])||!!o.containerType&&"normal"!==o.containerType||!t&&!!o.backdropFilter&&"none"!==o.backdropFilter||!t&&!!o.filter&&"none"!==o.filter||te.some(e=>(o.willChange||"").includes(e))||oe.some(e=>(o.contain||"").includes(e))}function ae(){return!("undefined"==typeof CSS||!CSS.supports)&&CSS.supports("-webkit-backdrop-filter","none")}const re=new Set(["html","body","#document"]);function ie(e){return re.has(P(e))}function ne(e){return O(e).getComputedStyle(e)}function le(e){return V(e)?{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}:{scrollLeft:e.scrollX,scrollTop:e.scrollY}}function ce(e){if("html"===P(e))return e;const t=e.assignedSlot||e.parentNode||X(e)&&e.host||$(e);return X(t)?t.host:t}function de(e){const t=ce(e);return ie(t)?e.ownerDocument?e.ownerDocument.body:e.body:G(t)&&K(t)?t:de(t)}function he(e,t,o){var s;void 0===t&&(t=[]),void 0===o&&(o=!0);const a=de(e),r=a===(null==(s=e.ownerDocument)?void 0:s.body),i=O(a);if(r){const e=ue(i);return t.concat(i,i.visualViewport||[],K(a)?a:[],e&&o?he(e):[])}return t.concat(a,he(a,[],o))}function ue(e){return e.parent&&Object.getPrototypeOf(e.parent)?e.frameElement:null}function pe(e){const t=ne(e);let o=parseFloat(t.width)||0,s=parseFloat(t.height)||0;const a=G(e),r=a?e.offsetWidth:o,i=a?e.offsetHeight:s,n=b(o)!==r||b(s)!==i;return n&&(o=r,s=i),{width:o,height:s,$:n}}function be(e){return V(e)?e:e.contextElement}function me(e){const t=be(e);if(!G(t))return f(1);const o=t.getBoundingClientRect(),{width:s,height:a,$:r}=pe(t);let i=(r?b(o.width):o.width)/s,n=(r?b(o.height):o.height)/a;return i&&Number.isFinite(i)||(i=1),n&&Number.isFinite(n)||(n=1),{x:i,y:n}}const fe=f(0);function ge(e){const t=O(e);return ae()&&t.visualViewport?{x:t.visualViewport.offsetLeft,y:t.visualViewport.offsetTop}:fe}function ve(e,t,o,s){void 0===t&&(t=!1),void 0===o&&(o=!1);const a=e.getBoundingClientRect(),r=be(e);let i=f(1);t&&(s?V(s)&&(i=me(s)):i=me(e));const n=function(e,t,o){return void 0===t&&(t=!1),!(!o||t&&o!==O(e))&&t}(r,o,s)?ge(r):f(0);let l=(a.left+n.x)/i.x,c=(a.top+n.y)/i.y,d=a.width/i.x,h=a.height/i.y;if(r){const e=O(r),t=s&&V(s)?O(s):s;let o=e,a=ue(o);for(;a&&s&&t!==o;){const e=me(a),t=a.getBoundingClientRect(),s=ne(a),r=t.left+(a.clientLeft+parseFloat(s.paddingLeft))*e.x,i=t.top+(a.clientTop+parseFloat(s.paddingTop))*e.y;l*=e.x,c*=e.y,d*=e.x,h*=e.y,l+=r,c+=i,o=O(a),a=ue(o)}}return M({width:d,height:h,x:l,y:c})}function xe(e,t){const o=le(e).scrollLeft;return t?t.left+o:ve($(e)).left+o}function we(e,t){const o=e.getBoundingClientRect();return{x:o.left+t.scrollLeft-xe(e,o),y:o.top+t.scrollTop}}const ye=new Set(["absolute","fixed"]);function ze(e,t,o){let s;if("viewport"===t)s=function(e,t){const o=O(e),s=$(e),a=o.visualViewport;let r=s.clientWidth,i=s.clientHeight,n=0,l=0;if(a){r=a.width,i=a.height;const e=ae();(!e||e&&"fixed"===t)&&(n=a.offsetLeft,l=a.offsetTop)}const c=xe(s);if(c<=0){const e=s.ownerDocument,t=e.body,o=getComputedStyle(t),a="CSS1Compat"===e.compatMode&&parseFloat(o.marginLeft)+parseFloat(o.marginRight)||0,i=Math.abs(s.clientWidth-t.clientWidth-a);i<=25&&(r-=i)}else c<=25&&(r+=c);return{width:r,height:i,x:n,y:l}}(e,o);else if("document"===t)s=function(e){const t=$(e),o=le(e),s=e.ownerDocument.body,a=p(t.scrollWidth,t.clientWidth,s.scrollWidth,s.clientWidth),r=p(t.scrollHeight,t.clientHeight,s.scrollHeight,s.clientHeight);let i=-o.scrollLeft+xe(e);const n=-o.scrollTop;return"rtl"===ne(s).direction&&(i+=p(t.clientWidth,s.clientWidth)-a),{width:a,height:r,x:i,y:n}}($(e));else if(V(t))s=function(e,t){const o=ve(e,!0,"fixed"===t),s=o.top+e.clientTop,a=o.left+e.clientLeft,r=G(e)?me(e):f(1);return{width:e.clientWidth*r.x,height:e.clientHeight*r.y,x:a*r.x,y:s*r.y}}(t,o);else{const o=ge(e);s={x:t.x-o.x,y:t.y-o.y,width:t.width,height:t.height}}return M(s)}function ke(e,t){const o=ce(e);return!(o===t||!V(o)||ie(o))&&("fixed"===ne(o).position||ke(o,t))}function Se(e,t,o){const s=G(t),a=$(t),r="fixed"===o,i=ve(e,!0,r,t);let n={scrollLeft:0,scrollTop:0};const l=f(0);function c(){l.x=xe(a)}if(s||!s&&!r)if(("body"!==P(t)||K(a))&&(n=le(t)),s){const e=ve(t,!0,r,t);l.x=e.x+t.clientLeft,l.y=e.y+t.clientTop}else a&&c();r&&!s&&a&&c();const d=!a||s||r?f(0):we(a,n);return{x:i.left+n.scrollLeft-l.x-d.x,y:i.top+n.scrollTop-l.y-d.y,width:i.width,height:i.height}}function Ae(e){return"static"===ne(e).position}function Be(e,t){if(!G(e)||"fixed"===ne(e).position)return null;if(t)return t(e);let o=e.offsetParent;return $(e)===o&&(o=o.ownerDocument.body),o}function Ee(e,t){const o=O(e);if(J(e))return o;if(!G(e)){let t=ce(e);for(;t&&!ie(t);){if(V(t)&&!Ae(t))return t;t=ce(t)}return o}let s=Be(e,t);for(;s&&Z(s)&&Ae(s);)s=Be(s,t);return s&&ie(s)&&Ae(s)&&!se(s)?o:s||function(e){let t=ce(e);for(;G(t)&&!ie(t);){if(se(t))return t;if(J(t))return null;t=ce(t)}return null}(e)||o}const Te={convertOffsetParentRelativeRectToViewportRelativeRect:function(e){let{elements:t,rect:o,offsetParent:s,strategy:a}=e;const r="fixed"===a,i=$(s),n=!!t&&J(t.floating);if(s===i||n&&r)return o;let l={scrollLeft:0,scrollTop:0},c=f(1);const d=f(0),h=G(s);if((h||!h&&!r)&&(("body"!==P(s)||K(i))&&(l=le(s)),G(s))){const e=ve(s);c=me(s),d.x=e.x+s.clientLeft,d.y=e.y+s.clientTop}const u=!i||h||r?f(0):we(i,l);return{width:o.width*c.x,height:o.height*c.y,x:o.x*c.x-l.scrollLeft*c.x+d.x+u.x,y:o.y*c.y-l.scrollTop*c.y+d.y+u.y}},getDocumentElement:$,getClippingRect:function(e){let{element:t,boundary:o,rootBoundary:s,strategy:a}=e;const r=[..."clippingAncestors"===o?J(t)?[]:function(e,t){const o=t.get(e);if(o)return o;let s=he(e,[],!1).filter(e=>V(e)&&"body"!==P(e)),a=null;const r="fixed"===ne(e).position;let i=r?ce(e):e;for(;V(i)&&!ie(i);){const t=ne(i),o=se(i);o||"fixed"!==t.position||(a=null),(r?!o&&!a:!o&&"static"===t.position&&a&&ye.has(a.position)||K(i)&&!o&&ke(e,i))?s=s.filter(e=>e!==i):a=t,i=ce(i)}return t.set(e,s),s}(t,this._c):[].concat(o),s],i=r[0],n=r.reduce((e,o)=>{const s=ze(t,o,a);return e.top=p(s.top,e.top),e.right=u(s.right,e.right),e.bottom=u(s.bottom,e.bottom),e.left=p(s.left,e.left),e},ze(t,i,a));return{width:n.right-n.left,height:n.bottom-n.top,x:n.left,y:n.top}},getOffsetParent:Ee,getElementRects:async function(e){const t=this.getOffsetParent||Ee,o=this.getDimensions,s=await o(e.floating);return{reference:Se(e.reference,await t(e.floating),e.strategy),floating:{x:0,y:0,width:s.width,height:s.height}}},getClientRects:function(e){return Array.from(e.getClientRects())},getDimensions:function(e){const{width:t,height:o}=pe(e);return{width:t,height:o}},getScale:me,isElement:V,isRTL:function(e){return"rtl"===ne(e).direction}};function Ce(e,t){return e.x===t.x&&e.y===t.y&&e.width===t.width&&e.height===t.height}function He(e,t,o,s){void 0===s&&(s={});const{ancestorScroll:a=!0,ancestorResize:r=!0,elementResize:i="function"==typeof ResizeObserver,layoutShift:n="function"==typeof IntersectionObserver,animationFrame:l=!1}=s,c=be(e),d=a||r?[...c?he(c):[],...he(t)]:[];d.forEach(e=>{a&&e.addEventListener("scroll",o,{passive:!0}),r&&e.addEventListener("resize",o)});const h=c&&n?function(e,t){let o,s=null;const a=$(e);function r(){var e;clearTimeout(o),null==(e=s)||e.disconnect(),s=null}return function i(n,l){void 0===n&&(n=!1),void 0===l&&(l=1),r();const c=e.getBoundingClientRect(),{left:d,top:h,width:b,height:f}=c;if(n||t(),!b||!f)return;const g={rootMargin:-m(h)+"px "+-m(a.clientWidth-(d+b))+"px "+-m(a.clientHeight-(h+f))+"px "+-m(d)+"px",threshold:p(0,u(1,l))||1};let v=!0;function x(t){const s=t[0].intersectionRatio;if(s!==l){if(!v)return i();s?i(!1,s):o=setTimeout(()=>{i(!1,1e-7)},1e3)}1!==s||Ce(c,e.getBoundingClientRect())||i(),v=!1}try{s=new IntersectionObserver(x,{...g,root:a.ownerDocument})}catch(e){s=new IntersectionObserver(x,g)}s.observe(e)}(!0),r}(c,o):null;let b,f=-1,g=null;i&&(g=new ResizeObserver(e=>{let[s]=e;s&&s.target===c&&g&&(g.unobserve(t),cancelAnimationFrame(f),f=requestAnimationFrame(()=>{var e;null==(e=g)||e.observe(t)})),o()}),c&&!l&&g.observe(c),g.observe(t));let v=l?ve(e):null;return l&&function t(){const s=ve(e);v&&!Ce(v,s)&&o();v=s,b=requestAnimationFrame(t)}(),o(),()=>{var e;d.forEach(e=>{a&&e.removeEventListener("scroll",o),r&&e.removeEventListener("resize",o)}),null==h||h(),null==(e=g)||e.disconnect(),g=null,l&&cancelAnimationFrame(b)}}const Re=function(e){return void 0===e&&(e=0),{name:"offset",options:e,async fn(t){var o,s;const{x:a,y:r,placement:i,middlewareData:n}=t,l=await async function(e,t){const{placement:o,platform:s,elements:a}=e,r=await(null==s.isRTL?void 0:s.isRTL(a.floating)),i=y(o),n=z(o),l="y"===B(o),c=D.has(i)?-1:1,d=r&&l?-1:1,h=w(t,e);let{mainAxis:u,crossAxis:p,alignmentAxis:b}="number"==typeof h?{mainAxis:h,crossAxis:0,alignmentAxis:null}:{mainAxis:h.mainAxis||0,crossAxis:h.crossAxis||0,alignmentAxis:h.alignmentAxis};return n&&"number"==typeof b&&(p="end"===n?-1*b:b),l?{x:p*d,y:u*c}:{x:u*c,y:p*d}}(t,e);return i===(null==(o=n.offset)?void 0:o.placement)&&null!=(s=n.arrow)&&s.alignmentOffset?{}:{x:a+l.x,y:r+l.y,data:{...l,placement:i}}}}},Le=function(e){return void 0===e&&(e={}),{name:"autoPlacement",options:e,async fn(t){var o,s,a;const{rects:r,middlewareData:i,placement:n,platform:l,elements:c}=t,{crossAxis:d=!1,alignment:u,allowedPlacements:p=h,autoAlignment:b=!0,...m}=w(e,t),f=void 0!==u||p===h?function(e,t,o){return(e?[...o.filter(t=>z(t)===e),...o.filter(t=>z(t)!==e)]:o.filter(e=>y(e)===e)).filter(o=>!e||z(o)===e||!!t&&C(o)!==o)}(u||null,b,p):p,g=await I(t,m),v=(null==(o=i.autoPlacement)?void 0:o.index)||0,x=f[v];if(null==x)return{};const k=T(x,r,await(null==l.isRTL?void 0:l.isRTL(c.floating)));if(n!==x)return{reset:{placement:f[0]}};const S=[g[y(x)],g[k[0]],g[k[1]]],A=[...(null==(s=i.autoPlacement)?void 0:s.overflows)||[],{placement:x,overflows:S}],B=f[v+1];if(B)return{data:{index:v+1,overflows:A},reset:{placement:B}};const E=A.map(e=>{const t=z(e.placement);return[e.placement,t&&d?e.overflows.slice(0,2).reduce((e,t)=>e+t,0):e.overflows[0],e.overflows]}).sort((e,t)=>e[1]-t[1]),H=E.filter(e=>e[2].slice(0,z(e[0])?2:3).every(e=>e<=0)),R=(null==(a=H[0])?void 0:a[0])||E[0][0];return R!==n?{data:{index:v+1,overflows:A},reset:{placement:R}}:{}}}},_e=function(e){return void 0===e&&(e={}),{name:"shift",options:e,async fn(t){const{x:o,y:s,placement:a}=t,{mainAxis:r=!0,crossAxis:i=!1,limiter:n={fn:e=>{let{x:t,y:o}=e;return{x:t,y:o}}},...l}=w(e,t),c={x:o,y:s},d=await I(t,l),h=B(y(a)),u=k(h);let p=c[u],b=c[h];if(r){const e="y"===u?"bottom":"right";p=x(p+d["y"===u?"top":"left"],p,p-d[e])}if(i){const e="y"===h?"bottom":"right";b=x(b+d["y"===h?"top":"left"],b,b-d[e])}const m=n.fn({...t,[u]:p,[h]:b});return{...m,data:{x:m.x-o,y:m.y-s,enabled:{[u]:r,[h]:i}}}}}},Fe=function(e){return void 0===e&&(e={}),{name:"flip",options:e,async fn(t){var o,s;const{placement:a,middlewareData:r,rects:i,initialPlacement:n,platform:l,elements:c}=t,{mainAxis:d=!0,crossAxis:h=!0,fallbackPlacements:u,fallbackStrategy:p="bestFit",fallbackAxisSideDirection:b="none",flipAlignment:m=!0,...f}=w(e,t);if(null!=(o=r.arrow)&&o.alignmentOffset)return{};const g=y(a),v=B(n),x=y(n)===n,z=await(null==l.isRTL?void 0:l.isRTL(c.floating)),k=u||(x||!m?[q(n)]:function(e){const t=q(e);return[C(e),t,C(t)]}(n)),S="none"!==b;!u&&S&&k.push(...F(n,m,b,z));const A=[n,...k],E=await I(t,f),H=[];let R=(null==(s=r.flip)?void 0:s.overflows)||[];if(d&&H.push(E[g]),h){const e=T(a,i,z);H.push(E[e[0]],E[e[1]])}if(R=[...R,{placement:a,overflows:H}],!H.every(e=>e<=0)){var L,_;const e=((null==(L=r.flip)?void 0:L.index)||0)+1,t=A[e];if(t){if(!("alignment"===h&&v!==B(t))||R.every(e=>B(e.placement)!==v||e.overflows[0]>0))return{data:{index:e,overflows:R},reset:{placement:t}}}let o=null==(_=R.filter(e=>e.overflows[0]<=0).sort((e,t)=>e.overflows[1]-t.overflows[1])[0])?void 0:_.placement;if(!o)switch(p){case"bestFit":{var M;const e=null==(M=R.filter(e=>{if(S){const t=B(e.placement);return t===v||"y"===t}return!0}).map(e=>[e.placement,e.overflows.filter(e=>e>0).reduce((e,t)=>e+t,0)]).sort((e,t)=>e[1]-t[1])[0])?void 0:M[0];e&&(o=e);break}case"initialPlacement":o=n}if(a!==o)return{reset:{placement:o}}}return{}}}},qe=(e,t,o)=>{const s=new Map,a={platform:Te,...o},r={...a.platform,_c:s};return(async(e,t,o)=>{const{placement:s="bottom",strategy:a="absolute",middleware:r=[],platform:i}=o,n=r.filter(Boolean),l=await(null==i.isRTL?void 0:i.isRTL(t));let c=await i.getElementRects({reference:e,floating:t,strategy:a}),{x:d,y:h}=N(c,s,l),u=s,p={},b=0;for(let o=0;o<n.length;o++){const{name:r,fn:m}=n[o],{x:f,y:g,data:v,reset:x}=await m({x:d,y:h,initialPlacement:s,placement:u,strategy:a,middlewareData:p,rects:c,platform:i,elements:{reference:e,floating:t}});d=null!=f?f:d,h=null!=g?g:h,p={...p,[r]:{...p[r],...v}},x&&b<=50&&(b++,"object"==typeof x&&(x.placement&&(u=x.placement),x.rects&&(c=!0===x.rects?await i.getElementRects({reference:e,floating:t,strategy:a}):x.rects),({x:d,y:h}=N(c,u,l))),o=-1)}return{x:d,y:h,placement:u,strategy:a,middlewareData:p}})(e,t,{...a,platform:r})};class Me{static isMousePressed=!1;static isMousePressHandlerInitialized=!1;static setupMousePressChecker(){if(!Me.isMousePressHandlerInitialized&&window&&window.addEventListener){Me.isMousePressHandlerInitialized=!0,Me._mousePressedTimeout||(Me._mousePressedTimeout=null);const e=e=>{const t="mousedown"===e.type;t?(null!==Me._mousePressedTimeout&&(clearTimeout(Me._mousePressedTimeout),Me._mousePressedTimeout=null),Me.isMousePressed||(Me.isMousePressed=!0)):Me.isMousePressed&&!t&&(Me._mousePressedTimeout=setTimeout(()=>{Me.isMousePressed=!1,Me._mousePressedTimeout=null},0))};window.addEventListener("mousedown",e),window.addEventListener("mouseup",e)}}static openingQueue=[];static get topOpeningFloatingUI(){const e=document.expandedAuroFormkitDropdown||document.expandedAuroFloater;return e&&e.element.isPopoverVisible?e:(document.expandedAuroFormkitDropdown=null,document.expandedAuroFloater=null,Me.openingQueue.length>0?Me.openingQueue[Me.openingQueue.length-1]:null)}constructor(e,t){this.element=e,this.behavior=t,this.focusHandler=null,this.clickHandler=null,this.keyDownHandler=null,this.touchHandler=null,this.enableKeyboardHandling=!0,this.configureTrial=0,this.eventPrefix=void 0,this.id=void 0,this.showing=!1,this.strategy=void 0}mirrorSize(){const e=this.element;if(e&&e.bibSizer&&e.matchWidth&&e.bib?.shadowRoot){const t=window.getComputedStyle(e.bibSizer),o=e.bib.shadowRoot.querySelector(".container");if(!o)return;"0px"!==t.width&&(o.style.width=t.width),"0px"!==t.height&&(o.style.height=t.height),o.style.maxWidth=t.maxWidth,o.style.maxHeight=t.maxHeight}}getPositioningStrategy(){const e=this.element;if(!e)return"floating";const t=e.bib?.mobileFullscreenBreakpoint||e.floaterConfig?.fullscreenBreakpoint;switch(this.behavior){case"tooltip":return"floating";case"dialog":case"drawer":if(t){const e=window.matchMedia(`(max-width: ${t})`).matches;return this.element.expanded=e,this.element.nested?"cover":e||this.element.modal?"fullscreen":"dialog"}return"dialog";case"dropdown":case void 0:case null:if(t){if(window.matchMedia(`(max-width: ${t})`).matches)return"fullscreen"}return"floating";default:return this.behavior}}position(){const e=this.element;if(!e)return;const t=this.getPositioningStrategy();if(this.configureBibStrategy(t),"floating"===t){if(!e.trigger||!e.bib)return;this.mirrorSize();const t=[Re(e.floaterConfig?.offset||0),...e.floaterConfig?.shift?[_e()]:[],...e.floaterConfig?.flip?[Fe()]:[],...e.floaterConfig?.autoPlacement?[Le()]:[]];qe(e.trigger,e.bib,{strategy:e.floaterConfig?.strategy||"fixed",placement:e.floaterConfig?.placement,middleware:t||[]}).then(({x:e,y:t})=>{const o=this.element;o?.bib&&Object.assign(o.bib.style,{left:`${e}px`,top:`${t}px`})})}else if("cover"===t){if(!e.parentNode||!e.bib)return;qe(e.parentNode,e.bib,{placement:"bottom-start"}).then(({x:e,y:t})=>{const o=this.element;o?.bib&&o.parentNode&&Object.assign(o.bib.style,{left:`${e}px`,top:t-o.parentNode.offsetHeight+"px",width:`${o.parentNode.offsetWidth}px`,height:`${o.parentNode.offsetHeight}px`})})}}lockScroll(e=!0){const t=this.element;if(!t?.bib)return;const o=(t.bib?.shadowRoot||t.bib||t).querySelector("dialog");o&&(e?o.setAttribute("aria-modal","true"):o.removeAttribute("aria-modal")),e?this._scrollLocked||(this._scrollLocked=!0,this._savedScrollY=window.scrollY,this._savedScrollStyles={rootScrollbarGutter:document.documentElement.style.scrollbarGutter,rootOverflow:document.documentElement.style.overflow,bodyOverflow:document.body.style.overflow,bodyPosition:document.body.style.position,bodyTop:document.body.style.top,bodyWidth:document.body.style.width,bibTransform:t?.bib?.style.transform},document.documentElement.style.scrollbarGutter="stable",document.documentElement.style.overflow="hidden",document.body.style.overflow="hidden",document.body.style.position="fixed",document.body.style.top=`-${this._savedScrollY}px`,document.body.style.width="100%",window.visualViewport&&(this._viewportRafId=void 0,this._viewportHandler=()=>{void 0===this._viewportRafId&&(this._viewportRafId=requestAnimationFrame(()=>{this._viewportRafId=void 0,t?.bib&&(t.bib.style.transform=`translateY(${window.visualViewport.offsetTop}px)`)}))},window.visualViewport.addEventListener("resize",this._viewportHandler),window.visualViewport.addEventListener("scroll",this._viewportHandler),this._viewportHandler()),this.lockTouchScroll(!0)):this._scrollLocked&&(this._viewportHandler&&window.visualViewport&&(window.visualViewport.removeEventListener("resize",this._viewportHandler),window.visualViewport.removeEventListener("scroll",this._viewportHandler),this._viewportHandler=void 0),void 0!==this._viewportRafId&&(cancelAnimationFrame(this._viewportRafId),this._viewportRafId=void 0),document.documentElement.style.scrollbarGutter=this._savedScrollStyles?.rootScrollbarGutter??"",document.documentElement.style.overflow=this._savedScrollStyles?.rootOverflow??"",document.body.style.overflow=this._savedScrollStyles?.bodyOverflow??"",document.body.style.position=this._savedScrollStyles?.bodyPosition??"",document.body.style.top=this._savedScrollStyles?.bodyTop??"",document.body.style.width=this._savedScrollStyles?.bodyWidth??"",t?.bib&&(t.bib.style.transform=this._savedScrollStyles?.bibTransform??""),window.scrollTo(0,this._savedScrollY||0),this._savedScrollY=void 0,this._savedScrollStyles=void 0,this._scrollLocked=!1,this.lockTouchScroll(!1))}lockTouchScroll(e=!0){if(e){if(this._boundTouchMoveHandler)return;this._boundTouchMoveHandler=e=>{e.composedPath().some(e=>e!==document&&e!==document.documentElement&&e!==document.body&&(e.scrollHeight>e.clientHeight||e.scrollWidth>e.clientWidth))||e.preventDefault()},document.addEventListener("touchmove",this._boundTouchMoveHandler,{passive:!1})}else this._boundTouchMoveHandler&&(document.removeEventListener("touchmove",this._boundTouchMoveHandler,{passive:!1}),this._boundTouchMoveHandler=void 0)}configureBibStrategy(e){const t=this.element;if(!t?.bib)return;if("fullscreen"===e||"dialog"===e){t.isBibFullscreen=!0,t.bib.setAttribute("isfullscreen",""),t.bib.style.position="fixed",t.bib.style.top="0px",t.bib.style.left="0px",t.bib.style.width="",t.bib.style.height="",t.style.contain="";const o=t.bib.shadowRoot?.querySelector(".container");o?(o.style.width="",o.style.height="",o.style.maxWidth="",o.style.maxHeight="",this.configureTrial=0):this.configureTrial<10&&(this.configureTrial+=1,setTimeout(()=>{this.configureBibStrategy(e)},0)),t.isPopoverVisible&&this.lockScroll("fullscreen"===e)}else t.bib.style.position="",t.bib.removeAttribute("isfullscreen"),t.isBibFullscreen=!1,t.style.contain="layout";const o=this.strategy&&this.strategy!==e;if(this.strategy=e,o){const o=new CustomEvent(this.eventPrefix?`${this.eventPrefix}-strategy-change`:"strategy-change",{detail:{value:e},composed:!0});t.dispatchEvent(o)}}updateState(){const e=this.element;if(!e)return;if(!e.isPopoverVisible){this.cleanupHideHandlers();try{e.cleanup?.()}catch(e){}}}handleFocusLoss(){const e=this.element;if(e?.bib&&!Me.isMousePressed&&!(e.noHideOnThisFocusLoss||e.hasAttribute("noHideOnThisFocusLoss")||e.matches(":focus")||e.matches(":focus-within"))){try{let t=document.activeElement;for(;t&&t.shadowRoot&&t.shadowRoot.activeElement;)t=t.shadowRoot.activeElement;const o=[e,e.trigger,e.bib].filter(Boolean);let s=t;for(;s;){if(o.includes(s))return;s=s.parentElement||s.getRootNode&&s.getRootNode().host||null}}catch(e){}e.bib.hasAttribute("isfullscreen")||this.hideBib("focusloss")}}setupHideHandlers(){this.element&&(this.focusHandler=()=>this.handleFocusLoss(),this.clickHandler=e=>{const t=this.element;if(t?.bib&&!t.bib.hasAttribute("isfullscreen")&&(!e.composedPath().includes(t.trigger)&&!e.composedPath().includes(t.bib)||t.bib.backdrop&&e.composedPath().includes(t.bib.backdrop))){const e=document.expandedAuroFormkitDropdown||document.expandedAuroFloater;e&&e.element.isPopoverVisible?(e.hideBib(),document.expandedAuroFormkitDropdown=null,document.expandedAuroFloater=this):this.hideBib("click")}},this.keyDownHandler=e=>{const t=this.element;if(t&&"Escape"===e.key&&t.isPopoverVisible){const e=document.expandedAuroFormkitDropdown||document.expandedAuroFloater;if(e&&e!==this&&e.element.isPopoverVisible)return;this.hideBib("keydown")}},"drawer"!==this.behavior&&"dialog"!==this.behavior&&document.addEventListener("focusin",this.focusHandler),this.enableKeyboardHandling&&document.addEventListener("keydown",this.keyDownHandler),setTimeout(()=>{window.addEventListener("click",this.clickHandler)},0),this.touchHandler=e=>{const t=this.element;if(!t?.bib)return;if(t.bib.hasAttribute("isfullscreen"))return;const o=e.composedPath();o.includes(t.trigger)||o.includes(t.bib)||this.hideBib("click")},window.addEventListener("touchstart",this.touchHandler,{passive:!0}))}cleanupHideHandlers(){this.focusHandler&&(document.removeEventListener("focusin",this.focusHandler),this.focusHandler=null),this.clickHandler&&(window.removeEventListener("click",this.clickHandler),this.clickHandler=null),this.touchHandler&&(window.removeEventListener("touchstart",this.touchHandler),this.touchHandler=null),this.keyDownHandler&&(document.removeEventListener("keydown",this.keyDownHandler),this.keyDownHandler=null)}handleUpdate(e){e.has("isPopoverVisible")&&this.updateState()}updateCurrentExpandedDropdown(){if(!this.element)return;const e=document.expandedAuroFormkitDropdown||document.expandedAuroFloater;e&&e!==this&&e.element.isPopoverVisible&&e.eventPrefix===this.eventPrefix&&e.hideBib(),document.expandedAuroFloater=this}showBib(){const e=this.element;if(e&&e.bib&&(e.trigger||e.parentNode)&&!e.disabled&&!this.showing){this.updateCurrentExpandedDropdown(),e.triggerChevron?.setAttribute("data-expanded",!0),this.showing||(e.modal||this.setupHideHandlers(),this.showing=!0,e.isPopoverVisible=!0,this.position(),this.dispatchEventDropdownToggle()),e.cleanup=He(e.trigger||e.parentNode,e.bib,()=>{this.position()});const t=Me.openingQueue.indexOf(this);t>-1&&Me.openingQueue.splice(t,1),Me.openingQueue.push(this)}}hideBib(e="unknown"){const t=this.element;if(!t)return;if(t.disabled)return;if(t.noToggle&&"click"===e)return;this.lockScroll(!1),t.triggerChevron?.removeAttribute("data-expanded"),t.isPopoverVisible&&(t.isPopoverVisible=!1),this.showing&&(this.cleanupHideHandlers(),this.showing=!1,this.dispatchEventDropdownToggle(e)),document.expandedAuroFloater=null;const o=Me.openingQueue.indexOf(this);o>-1&&Me.openingQueue.splice(o,1)}dispatchEventDropdownToggle(e){const t=this.element;if(!t)return;const o=new CustomEvent(this.eventPrefix?`${this.eventPrefix}-toggled`:"toggled",{detail:{expanded:this.showing,eventType:e||"unknown"},composed:!0});t.dispatchEvent(o)}handleClick(){const e=this.element;if(!e)return;e.isPopoverVisible?this.hideBib("click"):this.showBib();const t=new CustomEvent(this.eventPrefix?`${this.eventPrefix}-triggerClick`:"triggerClick",{composed:!0,detail:{expanded:e.isPopoverVisible}});e.dispatchEvent(t)}handleEvent(e){const t=this.element;if(t&&!t.disableEventShow)switch(e.type){case"keydown":{const t=e.composedPath()[0];"Enter"!==e.key&&(" "!==e.key||t&&"INPUT"===t.tagName)||(e.preventDefault(),this.handleClick());break}case"mouseenter":t.hoverToggle&&this.showBib();break;case"mouseleave":t.hoverToggle&&this.hideBib("mouseleave");break;case"focus":t.focusShow&&this.showBib();break;case"blur":setTimeout(()=>this.handleFocusLoss(),0);break;case"click":document.activeElement===document.body&&e.currentTarget.focus(),this.handleClick()}}handleTriggerTabIndex(){const e=this.element;if(!e)return;const t=e.querySelectorAll('[slot="trigger"]')[0];if(!t)return;const o=t.tagName.toLowerCase();["a","button",'input:not([type="hidden"])',"select","textarea",'[tabindex]:not([tabindex="-1"])',"auro-button","auro-input","auro-hyperlink"].forEach(s=>{o!==s?t.querySelector(s)&&(e.tabIndex=-1):e.tabIndex=-1})}regenerateBibId(){const e=this.element;e&&(this.id=e.getAttribute("id"),this.id||(this.id=window.crypto.randomUUID(),e.setAttribute("id",this.id)),e.bib?.setAttribute("id",`${this.id}-floater-bib`))}configure(e,t,o=!0){Me.setupMousePressChecker(),this.enableKeyboardHandling=o,this.eventPrefix=t,this.element!==e&&(this.element=e);const s=this.element;s&&(this.behavior!==s.behavior&&(this.behavior=s.behavior),s.trigger&&this.disconnect(),s.trigger=s.triggerElement||s.shadowRoot?.querySelector("#trigger")||s.trigger,s.bib=s.shadowRoot?.querySelector("#bib")||s.bib,s.bibSizer=s.shadowRoot?.querySelector("#bibSizer"),s.triggerChevron=s.shadowRoot?.querySelector("#showStateIcon"),s.floaterConfig&&(s.hoverToggle=s.floaterConfig.hoverToggle),this.regenerateBibId(),this.handleTriggerTabIndex(),this.handleEvent=this.handleEvent.bind(this),s.trigger&&(this.enableKeyboardHandling&&s.trigger.addEventListener("keydown",this.handleEvent),s.trigger.addEventListener("click",this.handleEvent),s.trigger.addEventListener("mouseenter",this.handleEvent),s.trigger.addEventListener("mouseleave",this.handleEvent),s.trigger.addEventListener("focus",this.handleEvent),s.trigger.addEventListener("blur",this.handleEvent)))}disconnect(){this.cleanupHideHandlers();const e=this.element;e&&(e.cleanup?.(),e.bib&&e.shadowRoot&&e.shadowRoot.append(e.bib),e.trigger&&(e.trigger.removeEventListener("keydown",this.handleEvent),e.trigger.removeEventListener("click",this.handleEvent),e.trigger.removeEventListener("mouseenter",this.handleEvent),e.trigger.removeEventListener("mouseleave",this.handleEvent),e.trigger.removeEventListener("focus",this.handleEvent),e.trigger.removeEventListener("blur",this.handleEvent)))}}var Ne=s`:host([onbackdrop]) .backdrop{background:var(--ds-auro-floater-backdrop-modal-background-color)}::slotted(*){background:var(--ds-auro-floater-container-background-color);color:var(--ds-auro-floater-container-text-color)}
+import{unsafeStatic as e,literal as t,html as o}from"lit/static-html.js";import{css as s,LitElement as a,html as r}from"lit";import{classMap as i}from"lit/directives/class-map.js";import{ifDefined as n}from"lit/directives/if-defined.js";class l{registerComponent(e,t){customElements.get(e)||customElements.define(e,class extends t{})}closestElement(e,t=this,o=(t,s=t&&t.closest(e))=>t&&t!==document&&t!==window?s||o(t.getRootNode().host):null){return o(t)}handleComponentTagRename(e,t){const o=t.toLowerCase();e.tagName.toLowerCase()!==o&&e.setAttribute(o,!0)}elementMatch(e,t){const o=t.toLowerCase();return e.tagName.toLowerCase()===o||e.hasAttribute(o)}getSlotText(e,t){const o=e.shadowRoot?.querySelector(`slot[name="${t}"]`);return(o?.assignedNodes({flatten:!0})||[]).map(e=>e.textContent?.trim()).join(" ").trim()||null}}class c{generateElementName(e,t){let o=e;return o+="-",o+=t.replace(/[.]/g,"_"),o}generateTag(o,s,a){const r=this.generateElementName(o,s),i=t`${e(r)}`;return customElements.get(r)||customElements.define(r,class extends a{}),i}}const d=["start","end"],h=["top","right","bottom","left"].reduce((e,t)=>e.concat(t,t+"-"+d[0],t+"-"+d[1]),[]),u=Math.min,p=Math.max,b=Math.round,m=Math.floor,f=e=>({x:e,y:e}),g={left:"right",right:"left",bottom:"top",top:"bottom"},v={start:"end",end:"start"};function x(e,t,o){return p(e,u(t,o))}function w(e,t){return"function"==typeof e?e(t):e}function y(e){return e.split("-")[0]}function z(e){return e.split("-")[1]}function k(e){return"x"===e?"y":"x"}function S(e){return"y"===e?"height":"width"}const A=new Set(["top","bottom"]);function B(e){return A.has(y(e))?"y":"x"}function E(e){return k(B(e))}function T(e,t,o){void 0===o&&(o=!1);const s=z(e),a=E(e),r=S(a);let i="x"===a?s===(o?"end":"start")?"right":"left":"start"===s?"bottom":"top";return t.reference[r]>t.floating[r]&&(i=q(i)),[i,q(i)]}function C(e){return e.replace(/start|end/g,e=>v[e])}const H=["left","right"],R=["right","left"],L=["top","bottom"],_=["bottom","top"];function F(e,t,o,s){const a=z(e);let r=function(e,t,o){switch(e){case"top":case"bottom":return o?t?R:H:t?H:R;case"left":case"right":return t?L:_;default:return[]}}(y(e),"start"===o,s);return a&&(r=r.map(e=>e+"-"+a),t&&(r=r.concat(r.map(C)))),r}function q(e){return e.replace(/left|right|bottom|top/g,e=>g[e])}function M(e){const{x:t,y:o,width:s,height:a}=e;return{width:s,height:a,top:o,left:t,right:t+s,bottom:o+a,x:t,y:o}}function N(e,t,o){let{reference:s,floating:a}=e;const r=B(t),i=E(t),n=S(i),l=y(t),c="y"===r,d=s.x+s.width/2-a.width/2,h=s.y+s.height/2-a.height/2,u=s[n]/2-a[n]/2;let p;switch(l){case"top":p={x:d,y:s.y-a.height};break;case"bottom":p={x:d,y:s.y+s.height};break;case"right":p={x:s.x+s.width,y:h};break;case"left":p={x:s.x-a.width,y:h};break;default:p={x:s.x,y:s.y}}switch(z(t)){case"start":p[i]-=u*(o&&c?-1:1);break;case"end":p[i]+=u*(o&&c?-1:1)}return p}async function I(e,t){var o;void 0===t&&(t={});const{x:s,y:a,platform:r,rects:i,elements:n,strategy:l}=e,{boundary:c="clippingAncestors",rootBoundary:d="viewport",elementContext:h="floating",altBoundary:u=!1,padding:p=0}=w(t,e),b=function(e){return"number"!=typeof e?function(e){return{top:0,right:0,bottom:0,left:0,...e}}(e):{top:e,right:e,bottom:e,left:e}}(p),m=n[u?"floating"===h?"reference":"floating":h],f=M(await r.getClippingRect({element:null==(o=await(null==r.isElement?void 0:r.isElement(m)))||o?m:m.contextElement||await(null==r.getDocumentElement?void 0:r.getDocumentElement(n.floating)),boundary:c,rootBoundary:d,strategy:l})),g="floating"===h?{x:s,y:a,width:i.floating.width,height:i.floating.height}:i.reference,v=await(null==r.getOffsetParent?void 0:r.getOffsetParent(n.floating)),x=await(null==r.isElement?void 0:r.isElement(v))&&await(null==r.getScale?void 0:r.getScale(v))||{x:1,y:1},y=M(r.convertOffsetParentRelativeRectToViewportRelativeRect?await r.convertOffsetParentRelativeRectToViewportRelativeRect({elements:n,rect:g,offsetParent:v,strategy:l}):g);return{top:(f.top-y.top+b.top)/x.y,bottom:(y.bottom-f.bottom+b.bottom)/x.y,left:(f.left-y.left+b.left)/x.x,right:(y.right-f.right+b.right)/x.x}}const D=new Set(["left","top"]);function U(){return"undefined"!=typeof window}function P(e){return W(e)?(e.nodeName||"").toLowerCase():"#document"}function O(e){var t;return(null==e||null==(t=e.ownerDocument)?void 0:t.defaultView)||window}function $(e){var t;return null==(t=(W(e)?e.ownerDocument:e.document)||window.document)?void 0:t.documentElement}function W(e){return!!U()&&(e instanceof Node||e instanceof O(e).Node)}function V(e){return!!U()&&(e instanceof Element||e instanceof O(e).Element)}function G(e){return!!U()&&(e instanceof HTMLElement||e instanceof O(e).HTMLElement)}function X(e){return!(!U()||"undefined"==typeof ShadowRoot)&&(e instanceof ShadowRoot||e instanceof O(e).ShadowRoot)}const j=new Set(["inline","contents"]);function Y(e){const{overflow:t,overflowX:o,overflowY:s,display:a}=ne(e);return/auto|scroll|overlay|hidden|clip/.test(t+s+o)&&!j.has(a)}const K=new Set(["table","td","th"]);function Z(e){return K.has(P(e))}const Q=[":popover-open",":modal"];function J(e){return Q.some(t=>{try{return e.matches(t)}catch(e){return!1}})}const ee=["transform","translate","scale","rotate","perspective"],te=["transform","translate","scale","rotate","perspective","filter"],oe=["paint","layout","strict","content"];function se(e){const t=ae(),o=V(e)?ne(e):e;return ee.some(e=>!!o[e]&&"none"!==o[e])||!!o.containerType&&"normal"!==o.containerType||!t&&!!o.backdropFilter&&"none"!==o.backdropFilter||!t&&!!o.filter&&"none"!==o.filter||te.some(e=>(o.willChange||"").includes(e))||oe.some(e=>(o.contain||"").includes(e))}function ae(){return!("undefined"==typeof CSS||!CSS.supports)&&CSS.supports("-webkit-backdrop-filter","none")}const re=new Set(["html","body","#document"]);function ie(e){return re.has(P(e))}function ne(e){return O(e).getComputedStyle(e)}function le(e){return V(e)?{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}:{scrollLeft:e.scrollX,scrollTop:e.scrollY}}function ce(e){if("html"===P(e))return e;const t=e.assignedSlot||e.parentNode||X(e)&&e.host||$(e);return X(t)?t.host:t}function de(e){const t=ce(e);return ie(t)?e.ownerDocument?e.ownerDocument.body:e.body:G(t)&&Y(t)?t:de(t)}function he(e,t,o){var s;void 0===t&&(t=[]),void 0===o&&(o=!0);const a=de(e),r=a===(null==(s=e.ownerDocument)?void 0:s.body),i=O(a);if(r){const e=ue(i);return t.concat(i,i.visualViewport||[],Y(a)?a:[],e&&o?he(e):[])}return t.concat(a,he(a,[],o))}function ue(e){return e.parent&&Object.getPrototypeOf(e.parent)?e.frameElement:null}function pe(e){const t=ne(e);let o=parseFloat(t.width)||0,s=parseFloat(t.height)||0;const a=G(e),r=a?e.offsetWidth:o,i=a?e.offsetHeight:s,n=b(o)!==r||b(s)!==i;return n&&(o=r,s=i),{width:o,height:s,$:n}}function be(e){return V(e)?e:e.contextElement}function me(e){const t=be(e);if(!G(t))return f(1);const o=t.getBoundingClientRect(),{width:s,height:a,$:r}=pe(t);let i=(r?b(o.width):o.width)/s,n=(r?b(o.height):o.height)/a;return i&&Number.isFinite(i)||(i=1),n&&Number.isFinite(n)||(n=1),{x:i,y:n}}const fe=f(0);function ge(e){const t=O(e);return ae()&&t.visualViewport?{x:t.visualViewport.offsetLeft,y:t.visualViewport.offsetTop}:fe}function ve(e,t,o,s){void 0===t&&(t=!1),void 0===o&&(o=!1);const a=e.getBoundingClientRect(),r=be(e);let i=f(1);t&&(s?V(s)&&(i=me(s)):i=me(e));const n=function(e,t,o){return void 0===t&&(t=!1),!(!o||t&&o!==O(e))&&t}(r,o,s)?ge(r):f(0);let l=(a.left+n.x)/i.x,c=(a.top+n.y)/i.y,d=a.width/i.x,h=a.height/i.y;if(r){const e=O(r),t=s&&V(s)?O(s):s;let o=e,a=ue(o);for(;a&&s&&t!==o;){const e=me(a),t=a.getBoundingClientRect(),s=ne(a),r=t.left+(a.clientLeft+parseFloat(s.paddingLeft))*e.x,i=t.top+(a.clientTop+parseFloat(s.paddingTop))*e.y;l*=e.x,c*=e.y,d*=e.x,h*=e.y,l+=r,c+=i,o=O(a),a=ue(o)}}return M({width:d,height:h,x:l,y:c})}function xe(e,t){const o=le(e).scrollLeft;return t?t.left+o:ve($(e)).left+o}function we(e,t){const o=e.getBoundingClientRect();return{x:o.left+t.scrollLeft-xe(e,o),y:o.top+t.scrollTop}}const ye=new Set(["absolute","fixed"]);function ze(e,t,o){let s;if("viewport"===t)s=function(e,t){const o=O(e),s=$(e),a=o.visualViewport;let r=s.clientWidth,i=s.clientHeight,n=0,l=0;if(a){r=a.width,i=a.height;const e=ae();(!e||e&&"fixed"===t)&&(n=a.offsetLeft,l=a.offsetTop)}const c=xe(s);if(c<=0){const e=s.ownerDocument,t=e.body,o=getComputedStyle(t),a="CSS1Compat"===e.compatMode&&parseFloat(o.marginLeft)+parseFloat(o.marginRight)||0,i=Math.abs(s.clientWidth-t.clientWidth-a);i<=25&&(r-=i)}else c<=25&&(r+=c);return{width:r,height:i,x:n,y:l}}(e,o);else if("document"===t)s=function(e){const t=$(e),o=le(e),s=e.ownerDocument.body,a=p(t.scrollWidth,t.clientWidth,s.scrollWidth,s.clientWidth),r=p(t.scrollHeight,t.clientHeight,s.scrollHeight,s.clientHeight);let i=-o.scrollLeft+xe(e);const n=-o.scrollTop;return"rtl"===ne(s).direction&&(i+=p(t.clientWidth,s.clientWidth)-a),{width:a,height:r,x:i,y:n}}($(e));else if(V(t))s=function(e,t){const o=ve(e,!0,"fixed"===t),s=o.top+e.clientTop,a=o.left+e.clientLeft,r=G(e)?me(e):f(1);return{width:e.clientWidth*r.x,height:e.clientHeight*r.y,x:a*r.x,y:s*r.y}}(t,o);else{const o=ge(e);s={x:t.x-o.x,y:t.y-o.y,width:t.width,height:t.height}}return M(s)}function ke(e,t){const o=ce(e);return!(o===t||!V(o)||ie(o))&&("fixed"===ne(o).position||ke(o,t))}function Se(e,t,o){const s=G(t),a=$(t),r="fixed"===o,i=ve(e,!0,r,t);let n={scrollLeft:0,scrollTop:0};const l=f(0);function c(){l.x=xe(a)}if(s||!s&&!r)if(("body"!==P(t)||Y(a))&&(n=le(t)),s){const e=ve(t,!0,r,t);l.x=e.x+t.clientLeft,l.y=e.y+t.clientTop}else a&&c();r&&!s&&a&&c();const d=!a||s||r?f(0):we(a,n);return{x:i.left+n.scrollLeft-l.x-d.x,y:i.top+n.scrollTop-l.y-d.y,width:i.width,height:i.height}}function Ae(e){return"static"===ne(e).position}function Be(e,t){if(!G(e)||"fixed"===ne(e).position)return null;if(t)return t(e);let o=e.offsetParent;return $(e)===o&&(o=o.ownerDocument.body),o}function Ee(e,t){const o=O(e);if(J(e))return o;if(!G(e)){let t=ce(e);for(;t&&!ie(t);){if(V(t)&&!Ae(t))return t;t=ce(t)}return o}let s=Be(e,t);for(;s&&Z(s)&&Ae(s);)s=Be(s,t);return s&&ie(s)&&Ae(s)&&!se(s)?o:s||function(e){let t=ce(e);for(;G(t)&&!ie(t);){if(se(t))return t;if(J(t))return null;t=ce(t)}return null}(e)||o}const Te={convertOffsetParentRelativeRectToViewportRelativeRect:function(e){let{elements:t,rect:o,offsetParent:s,strategy:a}=e;const r="fixed"===a,i=$(s),n=!!t&&J(t.floating);if(s===i||n&&r)return o;let l={scrollLeft:0,scrollTop:0},c=f(1);const d=f(0),h=G(s);if((h||!h&&!r)&&(("body"!==P(s)||Y(i))&&(l=le(s)),G(s))){const e=ve(s);c=me(s),d.x=e.x+s.clientLeft,d.y=e.y+s.clientTop}const u=!i||h||r?f(0):we(i,l);return{width:o.width*c.x,height:o.height*c.y,x:o.x*c.x-l.scrollLeft*c.x+d.x+u.x,y:o.y*c.y-l.scrollTop*c.y+d.y+u.y}},getDocumentElement:$,getClippingRect:function(e){let{element:t,boundary:o,rootBoundary:s,strategy:a}=e;const r=[..."clippingAncestors"===o?J(t)?[]:function(e,t){const o=t.get(e);if(o)return o;let s=he(e,[],!1).filter(e=>V(e)&&"body"!==P(e)),a=null;const r="fixed"===ne(e).position;let i=r?ce(e):e;for(;V(i)&&!ie(i);){const t=ne(i),o=se(i);o||"fixed"!==t.position||(a=null),(r?!o&&!a:!o&&"static"===t.position&&a&&ye.has(a.position)||Y(i)&&!o&&ke(e,i))?s=s.filter(e=>e!==i):a=t,i=ce(i)}return t.set(e,s),s}(t,this._c):[].concat(o),s],i=r[0],n=r.reduce((e,o)=>{const s=ze(t,o,a);return e.top=p(s.top,e.top),e.right=u(s.right,e.right),e.bottom=u(s.bottom,e.bottom),e.left=p(s.left,e.left),e},ze(t,i,a));return{width:n.right-n.left,height:n.bottom-n.top,x:n.left,y:n.top}},getOffsetParent:Ee,getElementRects:async function(e){const t=this.getOffsetParent||Ee,o=this.getDimensions,s=await o(e.floating);return{reference:Se(e.reference,await t(e.floating),e.strategy),floating:{x:0,y:0,width:s.width,height:s.height}}},getClientRects:function(e){return Array.from(e.getClientRects())},getDimensions:function(e){const{width:t,height:o}=pe(e);return{width:t,height:o}},getScale:me,isElement:V,isRTL:function(e){return"rtl"===ne(e).direction}};function Ce(e,t){return e.x===t.x&&e.y===t.y&&e.width===t.width&&e.height===t.height}function He(e,t,o,s){void 0===s&&(s={});const{ancestorScroll:a=!0,ancestorResize:r=!0,elementResize:i="function"==typeof ResizeObserver,layoutShift:n="function"==typeof IntersectionObserver,animationFrame:l=!1}=s,c=be(e),d=a||r?[...c?he(c):[],...he(t)]:[];d.forEach(e=>{a&&e.addEventListener("scroll",o,{passive:!0}),r&&e.addEventListener("resize",o)});const h=c&&n?function(e,t){let o,s=null;const a=$(e);function r(){var e;clearTimeout(o),null==(e=s)||e.disconnect(),s=null}return function i(n,l){void 0===n&&(n=!1),void 0===l&&(l=1),r();const c=e.getBoundingClientRect(),{left:d,top:h,width:b,height:f}=c;if(n||t(),!b||!f)return;const g={rootMargin:-m(h)+"px "+-m(a.clientWidth-(d+b))+"px "+-m(a.clientHeight-(h+f))+"px "+-m(d)+"px",threshold:p(0,u(1,l))||1};let v=!0;function x(t){const s=t[0].intersectionRatio;if(s!==l){if(!v)return i();s?i(!1,s):o=setTimeout(()=>{i(!1,1e-7)},1e3)}1!==s||Ce(c,e.getBoundingClientRect())||i(),v=!1}try{s=new IntersectionObserver(x,{...g,root:a.ownerDocument})}catch(e){s=new IntersectionObserver(x,g)}s.observe(e)}(!0),r}(c,o):null;let b,f=-1,g=null;i&&(g=new ResizeObserver(e=>{let[s]=e;s&&s.target===c&&g&&(g.unobserve(t),cancelAnimationFrame(f),f=requestAnimationFrame(()=>{var e;null==(e=g)||e.observe(t)})),o()}),c&&!l&&g.observe(c),g.observe(t));let v=l?ve(e):null;return l&&function t(){const s=ve(e);v&&!Ce(v,s)&&o();v=s,b=requestAnimationFrame(t)}(),o(),()=>{var e;d.forEach(e=>{a&&e.removeEventListener("scroll",o),r&&e.removeEventListener("resize",o)}),null==h||h(),null==(e=g)||e.disconnect(),g=null,l&&cancelAnimationFrame(b)}}const Re=function(e){return void 0===e&&(e=0),{name:"offset",options:e,async fn(t){var o,s;const{x:a,y:r,placement:i,middlewareData:n}=t,l=await async function(e,t){const{placement:o,platform:s,elements:a}=e,r=await(null==s.isRTL?void 0:s.isRTL(a.floating)),i=y(o),n=z(o),l="y"===B(o),c=D.has(i)?-1:1,d=r&&l?-1:1,h=w(t,e);let{mainAxis:u,crossAxis:p,alignmentAxis:b}="number"==typeof h?{mainAxis:h,crossAxis:0,alignmentAxis:null}:{mainAxis:h.mainAxis||0,crossAxis:h.crossAxis||0,alignmentAxis:h.alignmentAxis};return n&&"number"==typeof b&&(p="end"===n?-1*b:b),l?{x:p*d,y:u*c}:{x:u*c,y:p*d}}(t,e);return i===(null==(o=n.offset)?void 0:o.placement)&&null!=(s=n.arrow)&&s.alignmentOffset?{}:{x:a+l.x,y:r+l.y,data:{...l,placement:i}}}}},Le=function(e){return void 0===e&&(e={}),{name:"autoPlacement",options:e,async fn(t){var o,s,a;const{rects:r,middlewareData:i,placement:n,platform:l,elements:c}=t,{crossAxis:d=!1,alignment:u,allowedPlacements:p=h,autoAlignment:b=!0,...m}=w(e,t),f=void 0!==u||p===h?function(e,t,o){return(e?[...o.filter(t=>z(t)===e),...o.filter(t=>z(t)!==e)]:o.filter(e=>y(e)===e)).filter(o=>!e||z(o)===e||!!t&&C(o)!==o)}(u||null,b,p):p,g=await I(t,m),v=(null==(o=i.autoPlacement)?void 0:o.index)||0,x=f[v];if(null==x)return{};const k=T(x,r,await(null==l.isRTL?void 0:l.isRTL(c.floating)));if(n!==x)return{reset:{placement:f[0]}};const S=[g[y(x)],g[k[0]],g[k[1]]],A=[...(null==(s=i.autoPlacement)?void 0:s.overflows)||[],{placement:x,overflows:S}],B=f[v+1];if(B)return{data:{index:v+1,overflows:A},reset:{placement:B}};const E=A.map(e=>{const t=z(e.placement);return[e.placement,t&&d?e.overflows.slice(0,2).reduce((e,t)=>e+t,0):e.overflows[0],e.overflows]}).sort((e,t)=>e[1]-t[1]),H=E.filter(e=>e[2].slice(0,z(e[0])?2:3).every(e=>e<=0)),R=(null==(a=H[0])?void 0:a[0])||E[0][0];return R!==n?{data:{index:v+1,overflows:A},reset:{placement:R}}:{}}}},_e=function(e){return void 0===e&&(e={}),{name:"shift",options:e,async fn(t){const{x:o,y:s,placement:a}=t,{mainAxis:r=!0,crossAxis:i=!1,limiter:n={fn:e=>{let{x:t,y:o}=e;return{x:t,y:o}}},...l}=w(e,t),c={x:o,y:s},d=await I(t,l),h=B(y(a)),u=k(h);let p=c[u],b=c[h];if(r){const e="y"===u?"bottom":"right";p=x(p+d["y"===u?"top":"left"],p,p-d[e])}if(i){const e="y"===h?"bottom":"right";b=x(b+d["y"===h?"top":"left"],b,b-d[e])}const m=n.fn({...t,[u]:p,[h]:b});return{...m,data:{x:m.x-o,y:m.y-s,enabled:{[u]:r,[h]:i}}}}}},Fe=function(e){return void 0===e&&(e={}),{name:"flip",options:e,async fn(t){var o,s;const{placement:a,middlewareData:r,rects:i,initialPlacement:n,platform:l,elements:c}=t,{mainAxis:d=!0,crossAxis:h=!0,fallbackPlacements:u,fallbackStrategy:p="bestFit",fallbackAxisSideDirection:b="none",flipAlignment:m=!0,...f}=w(e,t);if(null!=(o=r.arrow)&&o.alignmentOffset)return{};const g=y(a),v=B(n),x=y(n)===n,z=await(null==l.isRTL?void 0:l.isRTL(c.floating)),k=u||(x||!m?[q(n)]:function(e){const t=q(e);return[C(e),t,C(t)]}(n)),S="none"!==b;!u&&S&&k.push(...F(n,m,b,z));const A=[n,...k],E=await I(t,f),H=[];let R=(null==(s=r.flip)?void 0:s.overflows)||[];if(d&&H.push(E[g]),h){const e=T(a,i,z);H.push(E[e[0]],E[e[1]])}if(R=[...R,{placement:a,overflows:H}],!H.every(e=>e<=0)){var L,_;const e=((null==(L=r.flip)?void 0:L.index)||0)+1,t=A[e];if(t){if(!("alignment"===h&&v!==B(t))||R.every(e=>B(e.placement)!==v||e.overflows[0]>0))return{data:{index:e,overflows:R},reset:{placement:t}}}let o=null==(_=R.filter(e=>e.overflows[0]<=0).sort((e,t)=>e.overflows[1]-t.overflows[1])[0])?void 0:_.placement;if(!o)switch(p){case"bestFit":{var M;const e=null==(M=R.filter(e=>{if(S){const t=B(e.placement);return t===v||"y"===t}return!0}).map(e=>[e.placement,e.overflows.filter(e=>e>0).reduce((e,t)=>e+t,0)]).sort((e,t)=>e[1]-t[1])[0])?void 0:M[0];e&&(o=e);break}case"initialPlacement":o=n}if(a!==o)return{reset:{placement:o}}}return{}}}},qe=(e,t,o)=>{const s=new Map,a={platform:Te,...o},r={...a.platform,_c:s};return(async(e,t,o)=>{const{placement:s="bottom",strategy:a="absolute",middleware:r=[],platform:i}=o,n=r.filter(Boolean),l=await(null==i.isRTL?void 0:i.isRTL(t));let c=await i.getElementRects({reference:e,floating:t,strategy:a}),{x:d,y:h}=N(c,s,l),u=s,p={},b=0;for(let o=0;o<n.length;o++){const{name:r,fn:m}=n[o],{x:f,y:g,data:v,reset:x}=await m({x:d,y:h,initialPlacement:s,placement:u,strategy:a,middlewareData:p,rects:c,platform:i,elements:{reference:e,floating:t}});d=null!=f?f:d,h=null!=g?g:h,p={...p,[r]:{...p[r],...v}},x&&b<=50&&(b++,"object"==typeof x&&(x.placement&&(u=x.placement),x.rects&&(c=!0===x.rects?await i.getElementRects({reference:e,floating:t,strategy:a}):x.rects),({x:d,y:h}=N(c,u,l))),o=-1)}return{x:d,y:h,placement:u,strategy:a,middlewareData:p}})(e,t,{...a,platform:r})};class Me{static isMousePressed=!1;static isMousePressHandlerInitialized=!1;static setupMousePressChecker(){if(!Me.isMousePressHandlerInitialized&&window&&window.addEventListener){Me.isMousePressHandlerInitialized=!0,Me._mousePressedTimeout||(Me._mousePressedTimeout=null);const e=e=>{const t="mousedown"===e.type;t?(null!==Me._mousePressedTimeout&&(clearTimeout(Me._mousePressedTimeout),Me._mousePressedTimeout=null),Me.isMousePressed||(Me.isMousePressed=!0)):Me.isMousePressed&&!t&&(Me._mousePressedTimeout=setTimeout(()=>{Me.isMousePressed=!1,Me._mousePressedTimeout=null},0))};window.addEventListener("mousedown",e),window.addEventListener("mouseup",e)}}static openingQueue=[];static get topOpeningFloatingUI(){const e=document.expandedAuroFormkitDropdown||document.expandedAuroFloater;return e&&e.element.isPopoverVisible?e:(document.expandedAuroFormkitDropdown=null,document.expandedAuroFloater=null,Me.openingQueue.length>0?Me.openingQueue[Me.openingQueue.length-1]:null)}constructor(e,t){this.element=e,this.behavior=t,this.focusHandler=null,this.clickHandler=null,this.keyDownHandler=null,this.touchHandler=null,this.enableKeyboardHandling=!0,this.configureTrial=0,this.eventPrefix=void 0,this.id=void 0,this.showing=!1,this.strategy=void 0}mirrorSize(){const e=this.element;if(e&&e.bibSizer&&e.matchWidth&&e.bib?.shadowRoot){const t=window.getComputedStyle(e.bibSizer),o=e.bib.shadowRoot.querySelector(".container");if(!o)return;"0px"!==t.width&&(o.style.width=t.width),"0px"!==t.height&&(o.style.height=t.height),o.style.maxWidth=t.maxWidth,o.style.maxHeight=t.maxHeight}}getPositioningStrategy(){const e=this.element;if(!e)return"floating";const t=e.bib?.mobileFullscreenBreakpoint||e.floaterConfig?.fullscreenBreakpoint;switch(this.behavior){case"tooltip":return"floating";case"dialog":case"drawer":if(t){const e=window.matchMedia(`(max-width: ${t})`).matches;return this.element.expanded=e,this.element.nested?"cover":e||this.element.modal?"fullscreen":"dialog"}return"dialog";case"dropdown":case void 0:case null:if(t){if(window.matchMedia(`(max-width: ${t})`).matches)return"fullscreen"}return"floating";default:return this.behavior}}position(){const e=this.element;if(!e)return;const t=this.getPositioningStrategy();if(this.configureBibStrategy(t),"floating"===t){if(!e.trigger||!e.bib)return;this.mirrorSize();const t=[Re(e.floaterConfig?.offset||0),...e.floaterConfig?.shift?[_e()]:[],...e.floaterConfig?.flip?[Fe()]:[],...e.floaterConfig?.autoPlacement?[Le()]:[]];qe(e.trigger,e.bib,{strategy:e.floaterConfig?.strategy||"fixed",placement:e.floaterConfig?.placement,middleware:t||[]}).then(({x:e,y:t})=>{const o=this.element;o?.bib&&Object.assign(o.bib.style,{left:`${e}px`,top:`${t}px`})})}else if("cover"===t){if(!e.parentNode||!e.bib)return;qe(e.parentNode,e.bib,{placement:"bottom-start"}).then(({x:e,y:t})=>{const o=this.element;o?.bib&&o.parentNode&&Object.assign(o.bib.style,{left:`${e}px`,top:t-o.parentNode.offsetHeight+"px",width:`${o.parentNode.offsetWidth}px`,height:`${o.parentNode.offsetHeight}px`})})}}lockScroll(e=!0){const t=this.element;if(!t?.bib)return;const o=(t.bib?.shadowRoot||t.bib||t).querySelector("dialog");o&&(e?o.setAttribute("aria-modal","true"):o.removeAttribute("aria-modal")),e?this._scrollLocked||(this._scrollLocked=!0,this._savedScrollY=window.scrollY,this._savedScrollStyles={rootScrollbarGutter:document.documentElement.style.scrollbarGutter,rootOverflow:document.documentElement.style.overflow,bodyOverflow:document.body.style.overflow,bodyPosition:document.body.style.position,bodyTop:document.body.style.top,bodyWidth:document.body.style.width,bibTransform:t?.bib?.style.transform},document.documentElement.style.scrollbarGutter="stable",document.documentElement.style.overflow="hidden",document.body.style.overflow="hidden",document.body.style.position="fixed",document.body.style.top=`-${this._savedScrollY}px`,document.body.style.width="100%",window.visualViewport&&(this._viewportRafId=void 0,this._viewportHandler=()=>{void 0===this._viewportRafId&&(this._viewportRafId=requestAnimationFrame(()=>{this._viewportRafId=void 0,t?.bib&&(t.bib.style.transform=`translateY(${window.visualViewport.offsetTop}px)`)}))},window.visualViewport.addEventListener("resize",this._viewportHandler),window.visualViewport.addEventListener("scroll",this._viewportHandler),this._viewportHandler()),this.lockTouchScroll(!0)):this._scrollLocked&&(this._viewportHandler&&window.visualViewport&&(window.visualViewport.removeEventListener("resize",this._viewportHandler),window.visualViewport.removeEventListener("scroll",this._viewportHandler),this._viewportHandler=void 0),void 0!==this._viewportRafId&&(cancelAnimationFrame(this._viewportRafId),this._viewportRafId=void 0),document.documentElement.style.scrollbarGutter=this._savedScrollStyles?.rootScrollbarGutter??"",document.documentElement.style.overflow=this._savedScrollStyles?.rootOverflow??"",document.body.style.overflow=this._savedScrollStyles?.bodyOverflow??"",document.body.style.position=this._savedScrollStyles?.bodyPosition??"",document.body.style.top=this._savedScrollStyles?.bodyTop??"",document.body.style.width=this._savedScrollStyles?.bodyWidth??"",t?.bib&&(t.bib.style.transform=this._savedScrollStyles?.bibTransform??""),window.scrollTo(0,this._savedScrollY||0),this._savedScrollY=void 0,this._savedScrollStyles=void 0,this._scrollLocked=!1,this.lockTouchScroll(!1))}lockTouchScroll(e=!0){if(e){if(this._boundTouchMoveHandler)return;this._boundTouchMoveHandler=e=>{e.composedPath().some(e=>e!==document&&e!==document.documentElement&&e!==document.body&&(e.scrollHeight>e.clientHeight||e.scrollWidth>e.clientWidth))||e.preventDefault()},document.addEventListener("touchmove",this._boundTouchMoveHandler,{passive:!1})}else this._boundTouchMoveHandler&&(document.removeEventListener("touchmove",this._boundTouchMoveHandler,{passive:!1}),this._boundTouchMoveHandler=void 0)}configureBibStrategy(e){const t=this.element;if(!t?.bib)return;if("fullscreen"===e||"dialog"===e){t.isBibFullscreen=!0,t.bib.setAttribute("isfullscreen",""),t.bib.style.position="fixed",t.bib.style.top="0px",t.bib.style.left="0px",t.bib.style.width="",t.bib.style.height="",t.style.contain="";const o=t.bib.shadowRoot?.querySelector(".container");o?(o.style.width="",o.style.height="",o.style.maxWidth="",o.style.maxHeight="",this.configureTrial=0):this.configureTrial<10&&(this.configureTrial+=1,setTimeout(()=>{this.configureBibStrategy(e)},0)),t.isPopoverVisible&&this.lockScroll("fullscreen"===e)}else t.bib.style.position="",t.bib.removeAttribute("isfullscreen"),t.isBibFullscreen=!1,t.style.contain="layout";const o=this.strategy&&this.strategy!==e;if(this.strategy=e,o){const o=new CustomEvent(this.eventPrefix?`${this.eventPrefix}-strategy-change`:"strategy-change",{detail:{value:e},composed:!0});t.dispatchEvent(o)}}updateState(){const e=this.element;if(!e)return;if(!e.isPopoverVisible){this.cleanupHideHandlers();try{e.cleanup?.()}catch(e){}}}handleFocusLoss(){const e=this.element;if(e?.bib&&!Me.isMousePressed&&!(e.noHideOnThisFocusLoss||e.hasAttribute("noHideOnThisFocusLoss")||e.matches(":focus")||e.matches(":focus-within"))){try{let t=document.activeElement;for(;t&&t.shadowRoot&&t.shadowRoot.activeElement;)t=t.shadowRoot.activeElement;const o=[e,e.trigger,e.bib].filter(Boolean);let s=t;for(;s;){if(o.includes(s))return;s=s.parentElement||s.getRootNode&&s.getRootNode().host||null}}catch(e){}e.bib.hasAttribute("isfullscreen")||this.hideBib("focusloss")}}setupHideHandlers(){this.element&&(this.focusHandler=()=>this.handleFocusLoss(),this.clickHandler=e=>{const t=this.element;if(t?.bib&&!t.bib.hasAttribute("isfullscreen")&&(!e.composedPath().includes(t.trigger)&&!e.composedPath().includes(t.bib)||t.bib.backdrop&&e.composedPath().includes(t.bib.backdrop))){const e=document.expandedAuroFormkitDropdown||document.expandedAuroFloater;e&&e.element.isPopoverVisible?(e.hideBib(),document.expandedAuroFormkitDropdown=null,document.expandedAuroFloater=this):this.hideBib("click")}},this.keyDownHandler=e=>{const t=this.element;if(t&&"Escape"===e.key&&t.isPopoverVisible){const e=document.expandedAuroFormkitDropdown||document.expandedAuroFloater;if(e&&e!==this&&e.element.isPopoverVisible)return;this.hideBib("keydown")}},"drawer"!==this.behavior&&"dialog"!==this.behavior&&document.addEventListener("focusin",this.focusHandler),this.enableKeyboardHandling&&document.addEventListener("keydown",this.keyDownHandler),setTimeout(()=>{window.addEventListener("click",this.clickHandler)},0),this.touchHandler=e=>{const t=this.element;if(!t?.bib)return;if(t.bib.hasAttribute("isfullscreen"))return;const o=e.composedPath();o.includes(t.trigger)||o.includes(t.bib)||this.hideBib("click")},window.addEventListener("touchstart",this.touchHandler,{passive:!0}))}cleanupHideHandlers(){this.focusHandler&&(document.removeEventListener("focusin",this.focusHandler),this.focusHandler=null),this.clickHandler&&(window.removeEventListener("click",this.clickHandler),this.clickHandler=null),this.touchHandler&&(window.removeEventListener("touchstart",this.touchHandler),this.touchHandler=null),this.keyDownHandler&&(document.removeEventListener("keydown",this.keyDownHandler),this.keyDownHandler=null)}handleUpdate(e){e.has("isPopoverVisible")&&this.updateState()}updateCurrentExpandedDropdown(){if(!this.element)return;const e=document.expandedAuroFormkitDropdown||document.expandedAuroFloater;e&&e!==this&&e.element.isPopoverVisible&&e.eventPrefix===this.eventPrefix&&e.hideBib(),document.expandedAuroFloater=this}showBib(){const e=this.element;if(e&&e.bib&&(e.trigger||e.parentNode)&&!e.disabled&&!this.showing){this.updateCurrentExpandedDropdown(),e.triggerChevron?.setAttribute("data-expanded",!0),this.showing||(e.modal||this.setupHideHandlers(),this.showing=!0,e.isPopoverVisible=!0,this.position(),this.dispatchEventDropdownToggle()),e.cleanup=He(e.trigger||e.parentNode,e.bib,()=>{this.position()});const t=Me.openingQueue.indexOf(this);t>-1&&Me.openingQueue.splice(t,1),Me.openingQueue.push(this)}}hideBib(e="unknown"){const t=this.element;if(!t)return;if(t.disabled)return;if(t.noToggle&&"click"===e)return;this.lockScroll(!1),t.triggerChevron?.removeAttribute("data-expanded"),t.isPopoverVisible&&(t.isPopoverVisible=!1),this.showing&&(this.cleanupHideHandlers(),this.showing=!1,this.dispatchEventDropdownToggle(e)),document.expandedAuroFloater=null;const o=Me.openingQueue.indexOf(this);o>-1&&Me.openingQueue.splice(o,1)}dispatchEventDropdownToggle(e){const t=this.element;if(!t)return;const o=new CustomEvent(this.eventPrefix?`${this.eventPrefix}-toggled`:"toggled",{detail:{expanded:this.showing,eventType:e||"unknown"},composed:!0});t.dispatchEvent(o)}handleClick(){const e=this.element;if(!e)return;e.isPopoverVisible?this.hideBib("click"):this.showBib();const t=new CustomEvent(this.eventPrefix?`${this.eventPrefix}-triggerClick`:"triggerClick",{composed:!0,detail:{expanded:e.isPopoverVisible}});e.dispatchEvent(t)}handleEvent(e){const t=this.element;if(t&&!t.disableEventShow)switch(e.type){case"keydown":{const t=e.composedPath()[0];"Enter"!==e.key&&(" "!==e.key||t&&"INPUT"===t.tagName)||(e.preventDefault(),this.handleClick());break}case"mouseenter":t.hoverToggle&&this.showBib();break;case"mouseleave":t.hoverToggle&&this.hideBib("mouseleave");break;case"focus":t.focusShow&&this.showBib();break;case"blur":setTimeout(()=>this.handleFocusLoss(),0);break;case"click":document.activeElement===document.body&&e.currentTarget.focus(),this.handleClick()}}handleTriggerTabIndex(){const e=this.element;if(!e)return;const t=e.querySelectorAll('[slot="trigger"]')[0];if(!t)return;const o=t.tagName.toLowerCase();["a","button",'input:not([type="hidden"])',"select","textarea",'[tabindex]:not([tabindex="-1"])',"auro-button","auro-input","auro-hyperlink"].forEach(s=>{o!==s?t.querySelector(s)&&(e.tabIndex=-1):e.tabIndex=-1})}regenerateBibId(){const e=this.element;e&&(this.id=e.getAttribute("id"),this.id||(this.id=window.crypto.randomUUID(),e.setAttribute("id",this.id)),e.bib?.setAttribute("id",`${this.id}-floater-bib`))}configure(e,t,o=!0){Me.setupMousePressChecker(),this.enableKeyboardHandling=o,this.eventPrefix=t,this.element!==e&&(this.element=e);const s=this.element;s&&(this.behavior!==s.behavior&&(this.behavior=s.behavior),s.trigger&&this.disconnect(),s.trigger=s.triggerElement||s.shadowRoot?.querySelector("#trigger")||s.trigger,s.bib=s.shadowRoot?.querySelector("#bib")||s.bib,s.bibSizer=s.shadowRoot?.querySelector("#bibSizer"),s.triggerChevron=s.shadowRoot?.querySelector("#showStateIcon"),s.floaterConfig&&(s.hoverToggle=s.floaterConfig.hoverToggle),this.regenerateBibId(),this.handleTriggerTabIndex(),this.handleEvent=this.handleEvent.bind(this),s.trigger&&(this.enableKeyboardHandling&&s.trigger.addEventListener("keydown",this.handleEvent),s.trigger.addEventListener("click",this.handleEvent),s.trigger.addEventListener("mouseenter",this.handleEvent),s.trigger.addEventListener("mouseleave",this.handleEvent),s.trigger.addEventListener("focus",this.handleEvent),s.trigger.addEventListener("blur",this.handleEvent)))}disconnect(){this.cleanupHideHandlers();const e=this.element;e&&(e.cleanup?.(),e.bib&&e.shadowRoot&&e.shadowRoot.append(e.bib),e.trigger&&(e.trigger.removeEventListener("keydown",this.handleEvent),e.trigger.removeEventListener("click",this.handleEvent),e.trigger.removeEventListener("mouseenter",this.handleEvent),e.trigger.removeEventListener("mouseleave",this.handleEvent),e.trigger.removeEventListener("focus",this.handleEvent),e.trigger.removeEventListener("blur",this.handleEvent)))}}var Ne=s`:host([onbackdrop]) .backdrop{background:var(--ds-auro-floater-backdrop-modal-background-color)}::slotted(*){background:var(--ds-auro-floater-container-background-color);color:var(--ds-auro-floater-container-text-color)}
 `,Ie=s`:host{position:absolute;z-index:var(--ds-depth-overlay, 200);display:none;flex-direction:column;opacity:0;transition:opacity .3s ease-in-out,display .3s;transition-behavior:allow-discrete;will-change:opacity}.util_displayHiddenVisually{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;border:0;margin:-1px;clip:rect(0,0,0,0);white-space:nowrap}dialog.container{display:inline-block;width:100%;max-width:none;height:100%;max-height:none;padding:0;border:none;margin:0;background-color:transparent;overflow:hidden;outline:none;transform:translateZ(0)}dialog.container::backdrop{backdrop-filter:var(--auro-drawer-backdrop-filter, none);background:var(--auro-drawer-backdrop-background, transparent);opacity:var(--auro-drawer-backdrop-opacity, 1);transition:var(--auro-drawer-backdrop-transition, opacity .3s ease)}dialog.container .backdrop{position:fixed;inset:0;pointer-events:none}dialog.container ::slotted(:only-child){z-index:var(--ds-depth-modal, 300);box-shadow:var(--ds-elevation-200, 0px 0px 10px rgba(0, 0, 0, .15))}:host([data-show]){display:block;opacity:1}@starting-style{:host([data-show]:not([modal])){opacity:0}}:host([data-show][modal]) dialog.container{opacity:1;transition:opacity .3s ease-in-out}@starting-style{:host([data-show][modal]) dialog.container{opacity:0}}:host([data-show][modal]){pointer-events:initial}:host([isfullscreen]){width:100%;height:100%}:host([isfullscreen]) dialog.container{width:100%;height:100%}
 `,De=s`:host{--ds-auro-floater-backdrop-modal-background-color: var(--ds-advanced-color-shared-scrim, rgba(0, 0, 0, .5));--ds-auro-floater-container-background-color: var(--ds-basic-color-surface-default, #ffffff);--ds-auro-floater-container-text-color: var(--ds-basic-color-texticon-default, #2a2a2a)}
-`;class Ue extends a{static get properties(){return{bibLabel:{type:String}}}static get styles(){return[Ne,Ie,De]}firstUpdated(){l.prototype.handleComponentTagRename(this,"auro-floater-bib"),this.dialog=this.shadowRoot.querySelector("dialog"),this.dialog.addEventListener("cancel",e=>{e.preventDefault(),this.dispatchEvent(new Event("dialog-cancel",{bubbles:!0,composed:!0}))}),this.dialog.addEventListener("keydown",e=>{e.target!==this.dialog||e.composed||this.dispatchEvent(new KeyboardEvent(e.type,{key:e.key,code:e.code,location:e.location,altKey:e.altKey,ctrlKey:e.ctrlKey,metaKey:e.metaKey,shiftKey:e.shiftKey,repeat:e.repeat,isComposing:e.isComposing,bubbles:e.bubbles,cancelable:e.cancelable,composed:!0}))}),this.dialog.addEventListener("click",e=>{e.target===this.dialog&&this.dispatchEvent(new Event("dialog-backdrop-click",{bubbles:!0,composed:!0}))})}render(){return o`
+`;class Ue extends a{static get properties(){return{bibLabel:{type:String}}}static get styles(){return[Ne,Ie,De]}firstUpdated(){l.prototype.handleComponentTagRename(this,"auro-floater-bib"),this.dialog=this.shadowRoot.querySelector("dialog"),this.dialog.addEventListener("cancel",e=>{e.preventDefault(),this.dispatchEvent(new Event("dialog-cancel",{bubbles:!0,composed:!0}))}),this.dialog.addEventListener("click",e=>{e.target===this.dialog&&this.dispatchEvent(new Event("dialog-backdrop-click",{bubbles:!0,composed:!0}))})}render(){return o`
       <dialog class="container" aria-labelledby="dialogLabel">
         <span id="dialogLabel" class="util_displayHiddenVisually">${this.bibLabel||""}</span>
         <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"),super.disconnectedCallback()}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,o=this.bib.dialog;e?o.setAttribute("open",""):t?(o.removeAttribute("popover"),o.open||o.showModal()):"function"==typeof o.showPopover?(o.setAttribute("popover","manual"),o.matches(":popover-open")||o.showPopover()):(o.removeAttribute("popover"),o.open||o.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`
+    `}}class Pe extends a{constructor(e){super(),this.behavior=e,this.floater=void 0,this._showGeneration=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(),this.floater.disconnect()),super.disconnectedCallback()}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(){const e=++this._showGeneration;if(clearTimeout(this._closeTimeout),this.floater.showBib(),this.bib?.dialog||await(this.bib?.updateComplete),!this.bib?.dialog||this._showGeneration!==e)return;const t=this.nested??!1,o=this.modal??!1,s=this.bib.dialog;t?s.setAttribute("open",""):o?(s.removeAttribute("popover"),s.open||s.showModal()):"function"==typeof s.showPopover?(s.setAttribute("popover","manual"),s.matches(":popover-open")||s.showPopover()):(s.removeAttribute("popover"),s.open||s.show())}hide(){this._showGeneration++,clearTimeout(this._closeTimeout);const e=this.bib?.dialog;e?.open?this._closeTimeout=setTimeout(()=>{e.open&&e.close()},300):"function"==typeof e?.hidePopover&&e.matches?.(":popover-open")&&(this._closeTimeout=setTimeout(()=>{e.matches?.(":popover-open")&&e.hidePopover(),e.removeAttribute("popover")},300)),this.floater.hideBib()}render(){return o`
       <${this.floaterBibTag} id="bib"
       ?data-show=${this.isPopoverVisible}
       ?onBackdrop="${this.floaterConfig.backdrop}">
@@ -27,7 +27,7 @@ import{unsafeStatic as e,literal as t,html as o}from"lit/static-html.js";import{
         <svg  part="element" class="circular" viewBox="25 25 50 50">
           <circle class="path" cx="50" cy="50" r="20" fill="none"/>
         </svg>`:""}
-    `}}const Ke=new WeakMap,Ye=new WeakMap,Ze=(e,t,o)=>{const s=Ye.get(e);if(!s)return;const a=s.targets.get(t);a&&(a.delete(o),0===a.size&&s.targets.delete(t));let r=!1;for(const e of s.targets.values())if(e.has(o)){r=!0;break}r||s.matchers.delete(o),0!==s.targets.size&&0!==s.matchers.size||et(e)},Qe=({host:e,target:t,matcher:o,removeOriginal:s=!0})=>{const a=e.getAttributeNames().filter(e=>o(e)).reduce((t,o)=>(t[o]=e.getAttribute(o),t),{});Object.entries(a).forEach(([a,r])=>{ot(e,t,o,a,r),t.setAttribute(a,r),s&&e.removeAttribute(a)})},Je=e=>{if(Ke.has(e))return Ke.get(e);const t=new MutationObserver(t=>{const o=Ye.get(e);o&&t.filter(e=>"attributes"===e.type).forEach(t=>{const s=t.attributeName;for(const t of o.matchers)if(t(s))for(const[s,a]of o.targets.entries())if(a.has(t)){const{removeOriginal:o}=a.get(t);Qe({host:e,target:s,matcher:t,removeOriginal:o})}})});return t.observe(e,{attributes:!0}),Ke.set(e,t),t},et=e=>{Ke.has(e)&&(Ke.get(e).disconnect(),Ke.delete(e)),Ye.has(e)&&Ye.delete(e)},tt=(e,t,o)=>{const s=Ye.get(e);if(!s)return;const a=s.targets.get(t);return a?a.get(o):void 0},ot=(e,t,o,s,a)=>{const r=tt(e,t,o);r&&r.currentAttributes.set(s,a)},st=(e,t,o,s)=>{const a=tt(e,t,o);if(a)return a.currentAttributes.get(s)},at=(e,t,o)=>{const s=tt(e,t,o);return s?Array.from(s.currentAttributes.entries()):[]},rt={"aria-":e=>e.startsWith("aria-"),role:e=>e.match(/^role$/)},it=({host:e,target:t,removeOriginal:o=!0})=>(({host:e,target:t,match:o,removeOriginal:s=!0})=>{if("object"!=typeof e||!(e instanceof HTMLElement))throw new TypeError('a11yUtilities.js | transportAttributes | The "host" parameter must be an instance of HTMLElement.');if("object"!=typeof t||!(t instanceof HTMLElement))throw new TypeError('a11yUtilities.js | transportAttributes | The "target" parameter must be an instance of HTMLElement.');if("function"!=typeof o)throw new TypeError('a11yUtilities.js | transportAttributes | The "match" parameter must be a function.');if("boolean"!=typeof s)throw new TypeError('a11yUtilities.js | transportAttributes | The "removeOriginal" parameter must be a boolean.');return(({host:e,target:t,matcher:o,removeOriginal:s=!0})=>{Ye.has(e)||Ye.set(e,{matchers:new Set,targets:new Map});const a=Ye.get(e);return a.matchers.add(o),a.targets.has(t)||a.targets.set(t,new Map),a.targets.get(t).set(o,{removeOriginal:s,currentAttributes:new Map}),Qe({host:e,target:t,matcher:o,removeOriginal:s}),Je(e),{cleanup:()=>Ze(e,t,o),getObservedAttributes:()=>at(e,t,o),getObservedAttribute:s=>st(e,t,o,s)}})({host:e,target:t,matcher:o,removeOriginal:s})})({host:e,target:t,match:e=>{for(const t in rt)if(rt[t](e))return!0;return!1},removeOriginal:o});class nt extends a{attributeWatcher;static get properties(){return{layout:{type:String,attribute:"layout",reflect:!0},shape:{type:String,attribute:"shape",reflect:!0},size:{type:String,attribute:"size",reflect:!0},appearance:{type:String,reflect:!0},onDark:{type:Boolean,attribute:"ondark",reflect:!0},wrapper:{attribute:!1,reflect:!1}}}constructor(){super(),this.onDark=!1,this.appearance="default"}resetShapeClasses(){this.shape&&this.size&&this.wrapper&&(this.wrapper.classList.forEach(e=>{e.startsWith("shape-")&&this.wrapper.classList.remove(e)}),this.wrapper.classList.add(`shape-${this.shape.toLowerCase()}-${this.size.toLowerCase()}`))}resetLayoutClasses(){this.layout&&this.wrapper&&(this.wrapper.classList.forEach(e=>{e.startsWith("layout-")&&this.wrapper.classList.remove(e)}),this.wrapper.classList.add(`layout-${this.layout.toLowerCase()}`))}updateComponentArchitecture(){this.resetLayoutClasses(),this.resetShapeClasses()}updated(e){(e.has("layout")||e.has("shape")||e.has("size"))&&this.updateComponentArchitecture()}firstUpdated(){super.firstUpdated(),this.wrapper=this.shadowRoot.querySelector(".wrapper"),this.attributeWatcher=it({host:this,target:this.shadowRoot.querySelector(".wrapper")})}disconnectedCallback(){super.disconnectedCallback(),this.attributeWatcher&&(this.attributeWatcher.cleanup(),this.attributeWatcher=null)}render(){try{return this.renderLayout()}catch(e){return console.error("Failed to get the defined layout - using the default layout",e),this.getLayout("default")}}}var lt=s`[auro-loader]{color:var(--ds-auro-button-loader-color, #ffffff)}.auro-button{-webkit-tap-highlight-color:var(--ds-auro-button-tap-color);color:var(--ds-auro-button-text-color);background-color:var(--ds-auro-button-container-color);background-image:linear-gradient(var(--ds-auro-button-container-image),var(--ds-auro-button-container-image));border-color:var(--ds-auro-button-border-color)}:host(:focus-within) .auro-button{outline-color:var(--ds-auro-button-border-inset-color)}:host(:not([disabled]):is([data-hover],[data-active])){--ds-auro-button-container-color: var(--ds-advanced-color-button-primary-background-hover, #00274a);--ds-auro-button-container-image: var(--ds-advanced-color-button-primary-background-hover, #00274a);--ds-auro-button-border-color: var(--ds-advanced-color-button-primary-border-hover, #00274a)}:host([disabled]){--ds-auro-button-container-color: var(--ds-advanced-color-button-primary-background-disabled, #acc9e2);--ds-auro-button-container-image: var(--ds-advanced-color-button-primary-background-disabled, #acc9e2);--ds-auro-button-border-color: var(--ds-advanced-color-button-primary-border-disabled, #acc9e2)}:host([variant=secondary]){--ds-auro-button-container-color: var(--ds-advanced-color-button-secondary-background, #ffffff);--ds-auro-button-container-image: var(--ds-advanced-color-button-secondary-background, #ffffff);--ds-auro-button-border-color: var(--ds-advanced-color-button-secondary-border, #01426a);--ds-auro-button-text-color: var(--ds-advanced-color-button-secondary-text, #01426a);--ds-auro-button-loader-color: var(--ds-advanced-color-button-secondary-text, #01426a)}:host([variant=secondary]:not([disabled]):is([data-hover],[data-active])){--ds-auro-button-container-color: var(--ds-advanced-color-button-secondary-background-hover, #f2f2f2);--ds-auro-button-container-image: var(--ds-advanced-color-button-secondary-background-hover, #f2f2f2);--ds-auro-button-border-color: var(--ds-advanced-color-button-secondary-border-hover, #00274a);--ds-auro-button-text-color: var(--ds-advanced-color-button-secondary-text-hover, #00274a)}:host([variant=secondary]:focus-within){--ds-auro-button-border-inset-color: var(--ds-advanced-color-state-focused, #01426a)}:host([variant=secondary][disabled]){--ds-auro-button-container-color: var(--ds-advanced-color-button-secondary-background-disabled, #f7f7f7);--ds-auro-button-container-image: var(--ds-advanced-color-button-secondary-background-disabled, #f7f7f7);--ds-auro-button-border-color: var(--ds-advanced-color-button-secondary-border-disabled, #cfe0ef);--ds-auro-button-text-color: var(--ds-basic-color-texticon-disabled, #d0d0d0)}:host([variant=tertiary]){--ds-auro-button-container-color: var(--ds-advanced-color-button-tertiary-background, rgba(0, 0, 0, .05));--ds-auro-button-container-image: var(--ds-advanced-color-button-tertiary-background, rgba(0, 0, 0, .05));--ds-auro-button-border-color: transparent;--ds-auro-button-text-color: var(--ds-advanced-color-button-tertiary-text, #01426a);--ds-auro-button-loader-color: var(--ds-advanced-color-button-tertiary-text, #01426a)}:host([variant=tertiary]:not([disabled]):is([data-hover],[data-active])){--ds-auro-button-container-color: var(--ds-advanced-color-button-tertiary-background-hover, rgba(0, 0, 0, .1));--ds-auro-button-container-image: var(--ds-advanced-color-button-tertiary-background-hover, rgba(0, 0, 0, .1));--ds-auro-button-border-color: transparent}:host([variant=tertiary]:focus-within){--ds-auro-button-border-color: var(--ds-advanced-color-state-focused, #01426a);--ds-auro-button-border-inset-color: var(--ds-advanced-color-state-focused, #01426a)}:host([variant=tertiary][disabled]){--ds-auro-button-container-color: var(--ds-advanced-color-button-tertiary-background, rgba(0, 0, 0, .05));--ds-auro-button-container-image: var(--ds-advanced-color-button-tertiary-background, rgba(0, 0, 0, .05));--ds-auro-button-border-color: transparent;--ds-auro-button-text-color: var(--ds-basic-color-texticon-disabled, #d0d0d0)}:host([variant=ghost]){--ds-auro-button-container-color: transparent;--ds-auro-button-container-image: transparent;--ds-auro-button-border-color: transparent;--ds-auro-button-text-color: var(--ds-advanced-color-button-ghost-text, #01426a);--ds-auro-button-loader-color: var(--ds-advanced-color-button-ghost-text, #01426a)}:host([variant=ghost]:not([disabled]):is([data-hover],[data-active])){--ds-auro-button-container-color: var(--ds-advanced-color-button-ghost-background-hover, rgba(0, 0, 0, .05));--ds-auro-button-container-image: var(--ds-advanced-color-button-ghost-background-hover, rgba(0, 0, 0, .05));--ds-auro-button-border-color: transparent}:host([variant=ghost]:focus-within){--ds-auro-button-border-color: var(--ds-advanced-color-state-focused, #01426a);--ds-auro-button-border-inset-color: var(--ds-advanced-color-state-focused, #01426a)}:host([variant=ghost][disabled]){--ds-auro-button-border-color: transparent;--ds-auro-button-text-color: var(--ds-basic-color-texticon-disabled, #d0d0d0)}:host([variant=flat]) .auro-button{color:var(--ds-advanced-color-button-flat-text, #676767);background-color:transparent;background-image:none;border-color:transparent}:host([variant=flat]) .auro-button:active:not(:disabled),:host([variant=flat]) .auro-button:hover:not(:disabled){color:var(--ds-advanced-color-button-flat-text-hover, #525252);background-color:transparent;background-image:none;border-color:transparent}:host([variant=flat]) .auro-button:disabled{color:var(--ds-advanced-color-button-flat-text-disabled, #d0d0d0);background-color:transparent;background-image:none;border-color:transparent}:host([variant=flat]:focus-within){--ds-auro-button-border-color: var(--ds-advanced-color-state-focused, #01426a);--ds-auro-button-border-inset-color: var(--ds-advanced-color-state-focused, #01426a)}:host([onDark]),:host([appearance=inverse]){--ds-auro-button-border-color: var(--ds-advanced-color-button-primary-border-inverse, #ffffff);--ds-auro-button-border-inset-color: var(--ds-advanced-color-state-focused-inverse, #ffffff);--ds-auro-button-container-color: var(--ds-advanced-color-button-primary-background-inverse, #ffffff);--ds-auro-button-container-image: var(--ds-advanced-color-button-primary-background-inverse, #ffffff);--ds-auro-button-loader-color: var(--ds-advanced-color-button-primary-text-inverse, #01426a);--ds-auro-button-text-color: var(--ds-advanced-color-button-primary-text-inverse, #01426a)}:host([ondark]:not([disabled]):is([data-hover],[data-active])),:host([appearance=inverse]:not([disabled]):is([data-hover],[data-active])){--ds-auro-button-border-color: var(--ds-advanced-color-button-primary-border-inverse-hover, #ebf3f9);--ds-auro-button-container-color: var(--ds-advanced-color-button-primary-background-inverse-hover, #ebf3f9);--ds-auro-button-container-image: var(--ds-advanced-color-button-primary-background-inverse-hover, #ebf3f9)}:host([ondark]:focus-within),:host([appearance=inverse]:focus-within){--ds-auro-button-border-inset-color: var(--ds-advanced-color-state-focused, #01426a)}:host([ondark][disabled]),:host([appearance=inverse][disabled]){--ds-auro-button-border-color: var(--ds-advanced-color-button-primary-border-inverse-disabled, rgba(255, 255, 255, .75));--ds-auro-button-container-color: var(--ds-advanced-color-button-primary-background-inverse-disabled, rgba(255, 255, 255, .75));--ds-auro-button-container-image: var(--ds-advanced-color-button-primary-background-inverse-disabled, rgba(255, 255, 255, .75));--ds-auro-button-text-color: var(--ds-basic-color-texticon-inverse-disabled, #7e8894)}:host([ondark][variant=secondary]),:host([appearance=inverse][variant=secondary]){--ds-auro-button-container-color: transparent;--ds-auro-button-container-image: transparent;--ds-auro-button-border-color: var(--ds-advanced-color-button-secondary-border-inverse, #ffffff);--ds-auro-button-text-color: var(--ds-advanced-color-button-secondary-text-inverse, #ffffff);--ds-auro-button-loader-color: var(--ds-advanced-color-button-secondary-text-inverse, #ffffff)}:host([ondark][variant=secondary]:not([disabled]):is([data-hover],[data-active])),:host([appearance=inverse][variant=secondary]:not([disabled]):is([data-hover],[data-active])){--ds-auro-button-text-color: var(--ds-advanced-color-button-secondary-text-inverse, #ffffff);--ds-auro-button-container-color: var(--ds-advanced-color-button-secondary-background-inverse-hover, rgba(255, 255, 255, .1));--ds-auro-button-container-image: var(--ds-advanced-color-button-secondary-background-inverse-hover, rgba(255, 255, 255, .1))}:host([ondark][variant=secondary]:focus-within),:host([appearance=inverse][variant=secondary]:focus-within){--ds-auro-button-border-inset-color: var(--ds-advanced-color-state-focused-inverse, #ffffff)}:host([ondark][variant=secondary][disabled]),:host([appearance=inverse][variant=secondary][disabled]){--ds-auro-button-text-color: var(--ds-basic-color-texticon-inverse-disabled, #7e8894);--ds-auro-button-border-color: var(--ds-advanced-color-button-secondary-border-inverse-disabled, #dddddd)}:host([ondark][variant=tertiary]),:host([appearance=inverse][variant=tertiary]){--ds-auro-button-container-color: var(--ds-advanced-color-button-tertiary-background-inverse, rgba(255, 255, 255, .05));--ds-auro-button-container-image: var(--ds-advanced-color-button-tertiary-background-inverse, rgba(255, 255, 255, .05));--ds-auro-button-border-color: transparent;--ds-auro-button-text-color: var(--ds-advanced-color-button-tertiary-text-inverse, #ffffff);--ds-auro-button-loader-color: var(--ds-advanced-color-button-tertiary-text-inverse, #ffffff)}:host([ondark][variant=tertiary]:not([disabled]):is([data-hover],[data-active])),:host([appearance=inverse][variant=tertiary]:not([disabled]):is([data-hover],[data-active])){--ds-auro-button-container-color: var(--ds-advanced-color-button-tertiary-background-inverse-hover, rgba(255, 255, 255, .1));--ds-auro-button-container-image: var(--ds-advanced-color-button-tertiary-background-inverse-hover, rgba(255, 255, 255, .1))}:host([ondark][variant=tertiary]:focus-within),:host([appearance=inverse][variant=tertiary]:focus-within){--ds-auro-button-border-color: var(--ds-advanced-color-state-focused-inverse, #ffffff);--ds-auro-button-border-inset-color: var(--ds-advanced-color-state-focused-inverse, #ffffff)}:host([ondark][variant=tertiary][disabled]),:host([appearance=inverse][variant=tertiary][disabled]){--ds-auro-button-text-color: var(--ds-basic-color-texticon-inverse-disabled, #7e8894)}:host([ondark][variant=ghost]),:host([appearance=inverse][variant=ghost]){--ds-auro-button-container-color: transparent;--ds-auro-button-container-image: transparent;--ds-auro-button-border-color: transparent;--ds-auro-button-text-color: var(--ds-advanced-color-button-ghost-text-inverse, #ffffff);--ds-auro-button-loader-color: var(--ds-advanced-color-button-ghost-text-inverse, #ffffff)}:host([ondark][variant=ghost]:not([disabled]):is([data-hover],[data-active])),:host([appearance=inverse][variant=ghost]:not([disabled]):is([data-hover],[data-active])){--ds-auro-button-container-color: var(--ds-advanced-color-button-ghost-background-inverse-hover, rgba(255, 255, 255, .05));--ds-auro-button-container-image: var(--ds-advanced-color-button-ghost-background-inverse-hover, rgba(255, 255, 255, .05));--ds-auro-button-border-color: transparent}:host([ondark][variant=ghost]:focus-within),:host([appearance=inverse][variant=ghost]:focus-within){border-color:transparent;--ds-auro-button-border-inset-color: var(--ds-advanced-color-state-focused-inverse, #ffffff)}:host([ondark][variant=ghost][disabled]),:host([appearance=inverse][variant=ghost][disabled]){--ds-auro-button-text-color: var(--ds-basic-color-texticon-inverse-disabled, #7e8894)}:host([ondark][variant=flat]) .auro-button,:host([appearance=inverse][variant=flat]) .auro-button{color:var(--ds-advanced-color-button-flat-text-inverse, #ffffff);background-color:transparent;background-image:none;border-color:transparent}:host([ondark][variant=flat]) .auro-button:active:not(:disabled),:host([ondark][variant=flat]) .auro-button:hover:not(:disabled),:host([appearance=inverse][variant=flat]) .auro-button:active:not(:disabled),:host([appearance=inverse][variant=flat]) .auro-button:hover:not(:disabled){color:var(--ds-advanced-color-button-flat-text-inverse-hover, #adadad);background-color:transparent;background-image:none;border-color:transparent}:host([ondark][variant=flat]) .auro-button:disabled,:host([appearance=inverse][variant=flat]) .auro-button:disabled{color:var(--ds-advanced-color-button-flat-text-inverse-disabled, #7e8894);background-color:transparent;background-image:none;border-color:transparent}:host([ondark][variant=flat]:focus-within),:host([appearance=inverse][variant=flat]:focus-within){--ds-auro-button-border-color: var(--ds-advanced-color-state-focused-inverse, #ffffff);--ds-auro-button-border-inset-color: var(--ds-advanced-color-state-focused-inverse, #ffffff)}
+    `}}const Ye=new WeakMap,Ke=new WeakMap,Ze=(e,t,o)=>{const s=Ke.get(e);if(!s)return;const a=s.targets.get(t);a&&(a.delete(o),0===a.size&&s.targets.delete(t));let r=!1;for(const e of s.targets.values())if(e.has(o)){r=!0;break}r||s.matchers.delete(o),0!==s.targets.size&&0!==s.matchers.size||et(e)},Qe=({host:e,target:t,matcher:o,removeOriginal:s=!0})=>{const a=e.getAttributeNames().filter(e=>o(e)).reduce((t,o)=>(t[o]=e.getAttribute(o),t),{});Object.entries(a).forEach(([a,r])=>{ot(e,t,o,a,r),t.setAttribute(a,r),s&&e.removeAttribute(a)})},Je=e=>{if(Ye.has(e))return Ye.get(e);const t=new MutationObserver(t=>{const o=Ke.get(e);o&&t.filter(e=>"attributes"===e.type).forEach(t=>{const s=t.attributeName;for(const t of o.matchers)if(t(s))for(const[s,a]of o.targets.entries())if(a.has(t)){const{removeOriginal:o}=a.get(t);Qe({host:e,target:s,matcher:t,removeOriginal:o})}})});return t.observe(e,{attributes:!0}),Ye.set(e,t),t},et=e=>{Ye.has(e)&&(Ye.get(e).disconnect(),Ye.delete(e)),Ke.has(e)&&Ke.delete(e)},tt=(e,t,o)=>{const s=Ke.get(e);if(!s)return;const a=s.targets.get(t);return a?a.get(o):void 0},ot=(e,t,o,s,a)=>{const r=tt(e,t,o);r&&r.currentAttributes.set(s,a)},st=(e,t,o,s)=>{const a=tt(e,t,o);if(a)return a.currentAttributes.get(s)},at=(e,t,o)=>{const s=tt(e,t,o);return s?Array.from(s.currentAttributes.entries()):[]},rt={"aria-":e=>e.startsWith("aria-"),role:e=>e.match(/^role$/)},it=({host:e,target:t,removeOriginal:o=!0})=>(({host:e,target:t,match:o,removeOriginal:s=!0})=>{if("object"!=typeof e||!(e instanceof HTMLElement))throw new TypeError('a11yUtilities.js | transportAttributes | The "host" parameter must be an instance of HTMLElement.');if("object"!=typeof t||!(t instanceof HTMLElement))throw new TypeError('a11yUtilities.js | transportAttributes | The "target" parameter must be an instance of HTMLElement.');if("function"!=typeof o)throw new TypeError('a11yUtilities.js | transportAttributes | The "match" parameter must be a function.');if("boolean"!=typeof s)throw new TypeError('a11yUtilities.js | transportAttributes | The "removeOriginal" parameter must be a boolean.');return(({host:e,target:t,matcher:o,removeOriginal:s=!0})=>{Ke.has(e)||Ke.set(e,{matchers:new Set,targets:new Map});const a=Ke.get(e);return a.matchers.add(o),a.targets.has(t)||a.targets.set(t,new Map),a.targets.get(t).set(o,{removeOriginal:s,currentAttributes:new Map}),Qe({host:e,target:t,matcher:o,removeOriginal:s}),Je(e),{cleanup:()=>Ze(e,t,o),getObservedAttributes:()=>at(e,t,o),getObservedAttribute:s=>st(e,t,o,s)}})({host:e,target:t,matcher:o,removeOriginal:s})})({host:e,target:t,match:e=>{for(const t in rt)if(rt[t](e))return!0;return!1},removeOriginal:o});class nt extends a{attributeWatcher;static get properties(){return{layout:{type:String,attribute:"layout",reflect:!0},shape:{type:String,attribute:"shape",reflect:!0},size:{type:String,attribute:"size",reflect:!0},appearance:{type:String,reflect:!0},onDark:{type:Boolean,attribute:"ondark",reflect:!0},wrapper:{attribute:!1,reflect:!1}}}constructor(){super(),this.onDark=!1,this.appearance="default"}resetShapeClasses(){this.shape&&this.size&&this.wrapper&&(this.wrapper.classList.forEach(e=>{e.startsWith("shape-")&&this.wrapper.classList.remove(e)}),this.wrapper.classList.add(`shape-${this.shape.toLowerCase()}-${this.size.toLowerCase()}`))}resetLayoutClasses(){this.layout&&this.wrapper&&(this.wrapper.classList.forEach(e=>{e.startsWith("layout-")&&this.wrapper.classList.remove(e)}),this.wrapper.classList.add(`layout-${this.layout.toLowerCase()}`))}updateComponentArchitecture(){this.resetLayoutClasses(),this.resetShapeClasses()}updated(e){(e.has("layout")||e.has("shape")||e.has("size"))&&this.updateComponentArchitecture()}firstUpdated(){super.firstUpdated(),this.wrapper=this.shadowRoot.querySelector(".wrapper"),this.attributeWatcher=it({host:this,target:this.shadowRoot.querySelector(".wrapper")})}disconnectedCallback(){super.disconnectedCallback(),this.attributeWatcher&&(this.attributeWatcher.cleanup(),this.attributeWatcher=null)}render(){try{return this.renderLayout()}catch(e){return console.error("Failed to get the defined layout - using the default layout",e),this.getLayout("default")}}}var lt=s`[auro-loader]{color:var(--ds-auro-button-loader-color, #ffffff)}.auro-button{-webkit-tap-highlight-color:var(--ds-auro-button-tap-color);color:var(--ds-auro-button-text-color);background-color:var(--ds-auro-button-container-color);background-image:linear-gradient(var(--ds-auro-button-container-image),var(--ds-auro-button-container-image));border-color:var(--ds-auro-button-border-color)}:host(:focus-within) .auro-button{outline-color:var(--ds-auro-button-border-inset-color)}:host(:not([disabled]):is([data-hover],[data-active])){--ds-auro-button-container-color: var(--ds-advanced-color-button-primary-background-hover, #00274a);--ds-auro-button-container-image: var(--ds-advanced-color-button-primary-background-hover, #00274a);--ds-auro-button-border-color: var(--ds-advanced-color-button-primary-border-hover, #00274a)}:host([disabled]){--ds-auro-button-container-color: var(--ds-advanced-color-button-primary-background-disabled, #acc9e2);--ds-auro-button-container-image: var(--ds-advanced-color-button-primary-background-disabled, #acc9e2);--ds-auro-button-border-color: var(--ds-advanced-color-button-primary-border-disabled, #acc9e2)}:host([variant=secondary]){--ds-auro-button-container-color: var(--ds-advanced-color-button-secondary-background, #ffffff);--ds-auro-button-container-image: var(--ds-advanced-color-button-secondary-background, #ffffff);--ds-auro-button-border-color: var(--ds-advanced-color-button-secondary-border, #01426a);--ds-auro-button-text-color: var(--ds-advanced-color-button-secondary-text, #01426a);--ds-auro-button-loader-color: var(--ds-advanced-color-button-secondary-text, #01426a)}:host([variant=secondary]:not([disabled]):is([data-hover],[data-active])){--ds-auro-button-container-color: var(--ds-advanced-color-button-secondary-background-hover, #f2f2f2);--ds-auro-button-container-image: var(--ds-advanced-color-button-secondary-background-hover, #f2f2f2);--ds-auro-button-border-color: var(--ds-advanced-color-button-secondary-border-hover, #00274a);--ds-auro-button-text-color: var(--ds-advanced-color-button-secondary-text-hover, #00274a)}:host([variant=secondary]:focus-within){--ds-auro-button-border-inset-color: var(--ds-advanced-color-state-focused, #01426a)}:host([variant=secondary][disabled]){--ds-auro-button-container-color: var(--ds-advanced-color-button-secondary-background-disabled, #f7f7f7);--ds-auro-button-container-image: var(--ds-advanced-color-button-secondary-background-disabled, #f7f7f7);--ds-auro-button-border-color: var(--ds-advanced-color-button-secondary-border-disabled, #cfe0ef);--ds-auro-button-text-color: var(--ds-basic-color-texticon-disabled, #d0d0d0)}:host([variant=tertiary]){--ds-auro-button-container-color: var(--ds-advanced-color-button-tertiary-background, rgba(0, 0, 0, .05));--ds-auro-button-container-image: var(--ds-advanced-color-button-tertiary-background, rgba(0, 0, 0, .05));--ds-auro-button-border-color: transparent;--ds-auro-button-text-color: var(--ds-advanced-color-button-tertiary-text, #01426a);--ds-auro-button-loader-color: var(--ds-advanced-color-button-tertiary-text, #01426a)}:host([variant=tertiary]:not([disabled]):is([data-hover],[data-active])){--ds-auro-button-container-color: var(--ds-advanced-color-button-tertiary-background-hover, rgba(0, 0, 0, .1));--ds-auro-button-container-image: var(--ds-advanced-color-button-tertiary-background-hover, rgba(0, 0, 0, .1));--ds-auro-button-border-color: transparent}:host([variant=tertiary]:focus-within){--ds-auro-button-border-color: var(--ds-advanced-color-state-focused, #01426a);--ds-auro-button-border-inset-color: var(--ds-advanced-color-state-focused, #01426a)}:host([variant=tertiary][disabled]){--ds-auro-button-container-color: var(--ds-advanced-color-button-tertiary-background, rgba(0, 0, 0, .05));--ds-auro-button-container-image: var(--ds-advanced-color-button-tertiary-background, rgba(0, 0, 0, .05));--ds-auro-button-border-color: transparent;--ds-auro-button-text-color: var(--ds-basic-color-texticon-disabled, #d0d0d0)}:host([variant=ghost]){--ds-auro-button-container-color: transparent;--ds-auro-button-container-image: transparent;--ds-auro-button-border-color: transparent;--ds-auro-button-text-color: var(--ds-advanced-color-button-ghost-text, #01426a);--ds-auro-button-loader-color: var(--ds-advanced-color-button-ghost-text, #01426a)}:host([variant=ghost]:not([disabled]):is([data-hover],[data-active])){--ds-auro-button-container-color: var(--ds-advanced-color-button-ghost-background-hover, rgba(0, 0, 0, .05));--ds-auro-button-container-image: var(--ds-advanced-color-button-ghost-background-hover, rgba(0, 0, 0, .05));--ds-auro-button-border-color: transparent}:host([variant=ghost]:focus-within){--ds-auro-button-border-color: var(--ds-advanced-color-state-focused, #01426a);--ds-auro-button-border-inset-color: var(--ds-advanced-color-state-focused, #01426a)}:host([variant=ghost][disabled]){--ds-auro-button-border-color: transparent;--ds-auro-button-text-color: var(--ds-basic-color-texticon-disabled, #d0d0d0)}:host([variant=flat]) .auro-button{color:var(--ds-advanced-color-button-flat-text, #676767);background-color:transparent;background-image:none;border-color:transparent}:host([variant=flat]) .auro-button:active:not(:disabled),:host([variant=flat]) .auro-button:hover:not(:disabled){color:var(--ds-advanced-color-button-flat-text-hover, #525252);background-color:transparent;background-image:none;border-color:transparent}:host([variant=flat]) .auro-button:disabled{color:var(--ds-advanced-color-button-flat-text-disabled, #d0d0d0);background-color:transparent;background-image:none;border-color:transparent}:host([variant=flat]:focus-within){--ds-auro-button-border-color: var(--ds-advanced-color-state-focused, #01426a);--ds-auro-button-border-inset-color: var(--ds-advanced-color-state-focused, #01426a)}:host([onDark]),:host([appearance=inverse]){--ds-auro-button-border-color: var(--ds-advanced-color-button-primary-border-inverse, #ffffff);--ds-auro-button-border-inset-color: var(--ds-advanced-color-state-focused-inverse, #ffffff);--ds-auro-button-container-color: var(--ds-advanced-color-button-primary-background-inverse, #ffffff);--ds-auro-button-container-image: var(--ds-advanced-color-button-primary-background-inverse, #ffffff);--ds-auro-button-loader-color: var(--ds-advanced-color-button-primary-text-inverse, #01426a);--ds-auro-button-text-color: var(--ds-advanced-color-button-primary-text-inverse, #01426a)}:host([ondark]:not([disabled]):is([data-hover],[data-active])),:host([appearance=inverse]:not([disabled]):is([data-hover],[data-active])){--ds-auro-button-border-color: var(--ds-advanced-color-button-primary-border-inverse-hover, #ebf3f9);--ds-auro-button-container-color: var(--ds-advanced-color-button-primary-background-inverse-hover, #ebf3f9);--ds-auro-button-container-image: var(--ds-advanced-color-button-primary-background-inverse-hover, #ebf3f9)}:host([ondark]:focus-within),:host([appearance=inverse]:focus-within){--ds-auro-button-border-inset-color: var(--ds-advanced-color-state-focused, #01426a)}:host([ondark][disabled]),:host([appearance=inverse][disabled]){--ds-auro-button-border-color: var(--ds-advanced-color-button-primary-border-inverse-disabled, rgba(255, 255, 255, .75));--ds-auro-button-container-color: var(--ds-advanced-color-button-primary-background-inverse-disabled, rgba(255, 255, 255, .75));--ds-auro-button-container-image: var(--ds-advanced-color-button-primary-background-inverse-disabled, rgba(255, 255, 255, .75));--ds-auro-button-text-color: var(--ds-basic-color-texticon-inverse-disabled, #7e8894)}:host([ondark][variant=secondary]),:host([appearance=inverse][variant=secondary]){--ds-auro-button-container-color: transparent;--ds-auro-button-container-image: transparent;--ds-auro-button-border-color: var(--ds-advanced-color-button-secondary-border-inverse, #ffffff);--ds-auro-button-text-color: var(--ds-advanced-color-button-secondary-text-inverse, #ffffff);--ds-auro-button-loader-color: var(--ds-advanced-color-button-secondary-text-inverse, #ffffff)}:host([ondark][variant=secondary]:not([disabled]):is([data-hover],[data-active])),:host([appearance=inverse][variant=secondary]:not([disabled]):is([data-hover],[data-active])){--ds-auro-button-text-color: var(--ds-advanced-color-button-secondary-text-inverse, #ffffff);--ds-auro-button-container-color: var(--ds-advanced-color-button-secondary-background-inverse-hover, rgba(255, 255, 255, .1));--ds-auro-button-container-image: var(--ds-advanced-color-button-secondary-background-inverse-hover, rgba(255, 255, 255, .1))}:host([ondark][variant=secondary]:focus-within),:host([appearance=inverse][variant=secondary]:focus-within){--ds-auro-button-border-inset-color: var(--ds-advanced-color-state-focused-inverse, #ffffff)}:host([ondark][variant=secondary][disabled]),:host([appearance=inverse][variant=secondary][disabled]){--ds-auro-button-text-color: var(--ds-basic-color-texticon-inverse-disabled, #7e8894);--ds-auro-button-border-color: var(--ds-advanced-color-button-secondary-border-inverse-disabled, #dddddd)}:host([ondark][variant=tertiary]),:host([appearance=inverse][variant=tertiary]){--ds-auro-button-container-color: var(--ds-advanced-color-button-tertiary-background-inverse, rgba(255, 255, 255, .05));--ds-auro-button-container-image: var(--ds-advanced-color-button-tertiary-background-inverse, rgba(255, 255, 255, .05));--ds-auro-button-border-color: transparent;--ds-auro-button-text-color: var(--ds-advanced-color-button-tertiary-text-inverse, #ffffff);--ds-auro-button-loader-color: var(--ds-advanced-color-button-tertiary-text-inverse, #ffffff)}:host([ondark][variant=tertiary]:not([disabled]):is([data-hover],[data-active])),:host([appearance=inverse][variant=tertiary]:not([disabled]):is([data-hover],[data-active])){--ds-auro-button-container-color: var(--ds-advanced-color-button-tertiary-background-inverse-hover, rgba(255, 255, 255, .1));--ds-auro-button-container-image: var(--ds-advanced-color-button-tertiary-background-inverse-hover, rgba(255, 255, 255, .1))}:host([ondark][variant=tertiary]:focus-within),:host([appearance=inverse][variant=tertiary]:focus-within){--ds-auro-button-border-color: var(--ds-advanced-color-state-focused-inverse, #ffffff);--ds-auro-button-border-inset-color: var(--ds-advanced-color-state-focused-inverse, #ffffff)}:host([ondark][variant=tertiary][disabled]),:host([appearance=inverse][variant=tertiary][disabled]){--ds-auro-button-text-color: var(--ds-basic-color-texticon-inverse-disabled, #7e8894)}:host([ondark][variant=ghost]),:host([appearance=inverse][variant=ghost]){--ds-auro-button-container-color: transparent;--ds-auro-button-container-image: transparent;--ds-auro-button-border-color: transparent;--ds-auro-button-text-color: var(--ds-advanced-color-button-ghost-text-inverse, #ffffff);--ds-auro-button-loader-color: var(--ds-advanced-color-button-ghost-text-inverse, #ffffff)}:host([ondark][variant=ghost]:not([disabled]):is([data-hover],[data-active])),:host([appearance=inverse][variant=ghost]:not([disabled]):is([data-hover],[data-active])){--ds-auro-button-container-color: var(--ds-advanced-color-button-ghost-background-inverse-hover, rgba(255, 255, 255, .05));--ds-auro-button-container-image: var(--ds-advanced-color-button-ghost-background-inverse-hover, rgba(255, 255, 255, .05));--ds-auro-button-border-color: transparent}:host([ondark][variant=ghost]:focus-within),:host([appearance=inverse][variant=ghost]:focus-within){border-color:transparent;--ds-auro-button-border-inset-color: var(--ds-advanced-color-state-focused-inverse, #ffffff)}:host([ondark][variant=ghost][disabled]),:host([appearance=inverse][variant=ghost][disabled]){--ds-auro-button-text-color: var(--ds-basic-color-texticon-inverse-disabled, #7e8894)}:host([ondark][variant=flat]) .auro-button,:host([appearance=inverse][variant=flat]) .auro-button{color:var(--ds-advanced-color-button-flat-text-inverse, #ffffff);background-color:transparent;background-image:none;border-color:transparent}:host([ondark][variant=flat]) .auro-button:active:not(:disabled),:host([ondark][variant=flat]) .auro-button:hover:not(:disabled),:host([appearance=inverse][variant=flat]) .auro-button:active:not(:disabled),:host([appearance=inverse][variant=flat]) .auro-button:hover:not(:disabled){color:var(--ds-advanced-color-button-flat-text-inverse-hover, #adadad);background-color:transparent;background-image:none;border-color:transparent}:host([ondark][variant=flat]) .auro-button:disabled,:host([appearance=inverse][variant=flat]) .auro-button:disabled{color:var(--ds-advanced-color-button-flat-text-inverse-disabled, #7e8894);background-color:transparent;background-image:none;border-color:transparent}:host([ondark][variant=flat]:focus-within),:host([appearance=inverse][variant=flat]:focus-within){--ds-auro-button-border-color: var(--ds-advanced-color-state-focused-inverse, #ffffff);--ds-auro-button-border-inset-color: var(--ds-advanced-color-state-focused-inverse, #ffffff)}
 `,ct=s`.shape-rounded-xl{min-height:68px;max-height:68px;border-style:solid;overflow:hidden;border-radius:6px}.shape-rounded-xl.simple{border-width:0px;min-height:72px;max-height:72px;background-color:unset;box-shadow:none}.shape-rounded-xl.thin{border-width:1px;min-height:70px;max-height:70px;background-color:unset}.shape-rounded-xl.parentBorder{border:0;box-shadow:unset;min-height:68px;max-height:68px}.shape-pill-xl{min-height:68px;max-height:68px;border-style:solid;overflow:hidden;border-radius:36px}.shape-pill-xl.simple{border-width:0px;min-height:72px;max-height:72px;background-color:unset;box-shadow:none}.shape-pill-xl.thin{border-width:1px;min-height:70px;max-height:70px;background-color:unset}.shape-pill-xl.parentBorder{border:0;box-shadow:unset;min-height:68px;max-height:68px}.shape-pill-left-xl{min-height:68px;max-height:68px;border-style:solid;overflow:hidden;border-radius:36px 0 0 36px}.shape-pill-left-xl.simple{border-width:0px;min-height:72px;max-height:72px;background-color:unset;box-shadow:none}.shape-pill-left-xl.thin{border-width:1px;min-height:70px;max-height:70px;background-color:unset}.shape-pill-left-xl.parentBorder{border:0;box-shadow:unset;min-height:68px;max-height:68px}.shape-pill-right-xl{min-height:68px;max-height:68px;border-style:solid;overflow:hidden;border-radius:0 36px 36px 0}.shape-pill-right-xl.simple{border-width:0px;min-height:72px;max-height:72px;background-color:unset;box-shadow:none}.shape-pill-right-xl.thin{border-width:1px;min-height:70px;max-height:70px;background-color:unset}.shape-pill-right-xl.parentBorder{border:0;box-shadow:unset;min-height:68px;max-height:68px}.shape-circle-xl{min-height:68px;max-height:68px;border-style:solid;overflow:hidden;border-radius:50%;min-width:72px;max-width:72px;padding:0}.shape-circle-xl.simple{border-width:0px;min-height:72px;max-height:72px;background-color:unset;box-shadow:none}.shape-circle-xl.thin{border-width:1px;min-height:70px;max-height:70px;background-color:unset}.shape-circle-xl.parentBorder{border:0;box-shadow:unset;min-height:68px;max-height:68px}.shape-square-xl{min-height:68px;max-height:68px;border-style:solid;overflow:hidden;border-radius:6px;min-width:72px;max-width:72px;padding:0}.shape-square-xl.simple{border-width:0px;min-height:72px;max-height:72px;background-color:unset;box-shadow:none}.shape-square-xl.thin{border-width:1px;min-height:70px;max-height:70px;background-color:unset}.shape-square-xl.parentBorder{border:0;box-shadow:unset;min-height:68px;max-height:68px}.shape-rounded-lg{min-height:52px;max-height:52px;border-style:solid;overflow:hidden;border-radius:6px}.shape-rounded-lg.simple{border-width:0px;min-height:56px;max-height:56px;background-color:unset;box-shadow:none}.shape-rounded-lg.thin{border-width:1px;min-height:54px;max-height:54px;background-color:unset}.shape-rounded-lg.parentBorder{border:0;box-shadow:unset;min-height:52px;max-height:52px}.shape-pill-lg{min-height:52px;max-height:52px;border-style:solid;overflow:hidden;border-radius:28px}.shape-pill-lg.simple{border-width:0px;min-height:56px;max-height:56px;background-color:unset;box-shadow:none}.shape-pill-lg.thin{border-width:1px;min-height:54px;max-height:54px;background-color:unset}.shape-pill-lg.parentBorder{border:0;box-shadow:unset;min-height:52px;max-height:52px}.shape-pill-left-lg{min-height:52px;max-height:52px;border-style:solid;overflow:hidden;border-radius:28px 0 0 28px}.shape-pill-left-lg.simple{border-width:0px;min-height:56px;max-height:56px;background-color:unset;box-shadow:none}.shape-pill-left-lg.thin{border-width:1px;min-height:54px;max-height:54px;background-color:unset}.shape-pill-left-lg.parentBorder{border:0;box-shadow:unset;min-height:52px;max-height:52px}.shape-pill-right-lg{min-height:52px;max-height:52px;border-style:solid;overflow:hidden;border-radius:0 28px 28px 0}.shape-pill-right-lg.simple{border-width:0px;min-height:56px;max-height:56px;background-color:unset;box-shadow:none}.shape-pill-right-lg.thin{border-width:1px;min-height:54px;max-height:54px;background-color:unset}.shape-pill-right-lg.parentBorder{border:0;box-shadow:unset;min-height:52px;max-height:52px}.shape-circle-lg{min-height:52px;max-height:52px;border-style:solid;overflow:hidden;border-radius:50%;min-width:56px;max-width:56px;padding:0}.shape-circle-lg.simple{border-width:0px;min-height:56px;max-height:56px;background-color:unset;box-shadow:none}.shape-circle-lg.thin{border-width:1px;min-height:54px;max-height:54px;background-color:unset}.shape-circle-lg.parentBorder{border:0;box-shadow:unset;min-height:52px;max-height:52px}.shape-square-lg{min-height:52px;max-height:52px;border-style:solid;overflow:hidden;border-radius:6px;min-width:56px;max-width:56px;padding:0}.shape-square-lg.simple{border-width:0px;min-height:56px;max-height:56px;background-color:unset;box-shadow:none}.shape-square-lg.thin{border-width:1px;min-height:54px;max-height:54px;background-color:unset}.shape-square-lg.parentBorder{border:0;box-shadow:unset;min-height:52px;max-height:52px}.shape-rounded-md{min-height:44px;max-height:44px;border-style:solid;overflow:hidden;border-radius:6px}.shape-rounded-md.simple{border-width:0px;min-height:48px;max-height:48px;background-color:unset;box-shadow:none}.shape-rounded-md.thin{border-width:1px;min-height:46px;max-height:46px;background-color:unset}.shape-rounded-md.parentBorder{border:0;box-shadow:unset;min-height:44px;max-height:44px}.shape-pill-md{min-height:44px;max-height:44px;border-style:solid;overflow:hidden;border-radius:24px}.shape-pill-md.simple{border-width:0px;min-height:48px;max-height:48px;background-color:unset;box-shadow:none}.shape-pill-md.thin{border-width:1px;min-height:46px;max-height:46px;background-color:unset}.shape-pill-md.parentBorder{border:0;box-shadow:unset;min-height:44px;max-height:44px}.shape-pill-left-md{min-height:44px;max-height:44px;border-style:solid;overflow:hidden;border-radius:24px 0 0 24px}.shape-pill-left-md.simple{border-width:0px;min-height:48px;max-height:48px;background-color:unset;box-shadow:none}.shape-pill-left-md.thin{border-width:1px;min-height:46px;max-height:46px;background-color:unset}.shape-pill-left-md.parentBorder{border:0;box-shadow:unset;min-height:44px;max-height:44px}.shape-pill-right-md{min-height:44px;max-height:44px;border-style:solid;overflow:hidden;border-radius:0 24px 24px 0}.shape-pill-right-md.simple{border-width:0px;min-height:48px;max-height:48px;background-color:unset;box-shadow:none}.shape-pill-right-md.thin{border-width:1px;min-height:46px;max-height:46px;background-color:unset}.shape-pill-right-md.parentBorder{border:0;box-shadow:unset;min-height:44px;max-height:44px}.shape-circle-md{min-height:44px;max-height:44px;border-style:solid;overflow:hidden;border-radius:50%;min-width:48px;max-width:48px;padding:0}.shape-circle-md.simple{border-width:0px;min-height:48px;max-height:48px;background-color:unset;box-shadow:none}.shape-circle-md.thin{border-width:1px;min-height:46px;max-height:46px;background-color:unset}.shape-circle-md.parentBorder{border:0;box-shadow:unset;min-height:44px;max-height:44px}.shape-square-md{min-height:44px;max-height:44px;border-style:solid;overflow:hidden;border-radius:6px;min-width:48px;max-width:48px;padding:0}.shape-square-md.simple{border-width:0px;min-height:48px;max-height:48px;background-color:unset;box-shadow:none}.shape-square-md.thin{border-width:1px;min-height:46px;max-height:46px;background-color:unset}.shape-square-md.parentBorder{border:0;box-shadow:unset;min-height:44px;max-height:44px}.shape-rounded-sm{min-height:32px;max-height:32px;border-style:solid;overflow:hidden;border-radius:6px}.shape-rounded-sm.simple{border-width:0px;min-height:36px;max-height:36px;background-color:unset;box-shadow:none}.shape-rounded-sm.thin{border-width:1px;min-height:34px;max-height:34px;background-color:unset}.shape-rounded-sm.parentBorder{border:0;box-shadow:unset;min-height:32px;max-height:32px}.shape-pill-sm{min-height:32px;max-height:32px;border-style:solid;overflow:hidden;border-radius:18px}.shape-pill-sm.simple{border-width:0px;min-height:36px;max-height:36px;background-color:unset;box-shadow:none}.shape-pill-sm.thin{border-width:1px;min-height:34px;max-height:34px;background-color:unset}.shape-pill-sm.parentBorder{border:0;box-shadow:unset;min-height:32px;max-height:32px}.shape-pill-left-sm{min-height:32px;max-height:32px;border-style:solid;overflow:hidden;border-radius:18px 0 0 18px}.shape-pill-left-sm.simple{border-width:0px;min-height:36px;max-height:36px;background-color:unset;box-shadow:none}.shape-pill-left-sm.thin{border-width:1px;min-height:34px;max-height:34px;background-color:unset}.shape-pill-left-sm.parentBorder{border:0;box-shadow:unset;min-height:32px;max-height:32px}.shape-pill-right-sm{min-height:32px;max-height:32px;border-style:solid;overflow:hidden;border-radius:0 18px 18px 0}.shape-pill-right-sm.simple{border-width:0px;min-height:36px;max-height:36px;background-color:unset;box-shadow:none}.shape-pill-right-sm.thin{border-width:1px;min-height:34px;max-height:34px;background-color:unset}.shape-pill-right-sm.parentBorder{border:0;box-shadow:unset;min-height:32px;max-height:32px}.shape-circle-sm{min-height:32px;max-height:32px;border-style:solid;overflow:hidden;border-radius:50%;min-width:36px;max-width:36px;padding:0}.shape-circle-sm.simple{border-width:0px;min-height:36px;max-height:36px;background-color:unset;box-shadow:none}.shape-circle-sm.thin{border-width:1px;min-height:34px;max-height:34px;background-color:unset}.shape-circle-sm.parentBorder{border:0;box-shadow:unset;min-height:32px;max-height:32px}.shape-square-sm{min-height:32px;max-height:32px;border-style:solid;overflow:hidden;border-radius:6px;min-width:36px;max-width:36px;padding:0}.shape-square-sm.simple{border-width:0px;min-height:36px;max-height:36px;background-color:unset;box-shadow:none}.shape-square-sm.thin{border-width:1px;min-height:34px;max-height:34px;background-color:unset}.shape-square-sm.parentBorder{border:0;box-shadow:unset;min-height:32px;max-height:32px}.shape-rounded-xs{min-height:20px;max-height:20px;border-style:solid;overflow:hidden;border-radius:4px}.shape-rounded-xs.simple{border-width:0px;min-height:24px;max-height:24px;background-color:unset;box-shadow:none}.shape-rounded-xs.thin{border-width:1px;min-height:22px;max-height:22px;background-color:unset}.shape-rounded-xs.parentBorder{border:0;box-shadow:unset;min-height:20px;max-height:20px}.shape-pill-xs{min-height:20px;max-height:20px;border-style:solid;overflow:hidden;border-radius:12px}.shape-pill-xs.simple{border-width:0px;min-height:24px;max-height:24px;background-color:unset;box-shadow:none}.shape-pill-xs.thin{border-width:1px;min-height:22px;max-height:22px;background-color:unset}.shape-pill-xs.parentBorder{border:0;box-shadow:unset;min-height:20px;max-height:20px}.shape-pill-left-xs{min-height:20px;max-height:20px;border-style:solid;overflow:hidden;border-radius:12px 0 0 12px}.shape-pill-left-xs.simple{border-width:0px;min-height:24px;max-height:24px;background-color:unset;box-shadow:none}.shape-pill-left-xs.thin{border-width:1px;min-height:22px;max-height:22px;background-color:unset}.shape-pill-left-xs.parentBorder{border:0;box-shadow:unset;min-height:20px;max-height:20px}.shape-pill-right-xs{min-height:20px;max-height:20px;border-style:solid;overflow:hidden;border-radius:0 12px 12px 0}.shape-pill-right-xs.simple{border-width:0px;min-height:24px;max-height:24px;background-color:unset;box-shadow:none}.shape-pill-right-xs.thin{border-width:1px;min-height:22px;max-height:22px;background-color:unset}.shape-pill-right-xs.parentBorder{border:0;box-shadow:unset;min-height:20px;max-height:20px}.shape-circle-xs{min-height:20px;max-height:20px;border-style:solid;overflow:hidden;border-radius:50%;min-width:24px;max-width:24px;padding:0}.shape-circle-xs.simple{border-width:0px;min-height:24px;max-height:24px;background-color:unset;box-shadow:none}.shape-circle-xs.thin{border-width:1px;min-height:22px;max-height:22px;background-color:unset}.shape-circle-xs.parentBorder{border:0;box-shadow:unset;min-height:20px;max-height:20px}.shape-square-xs{min-height:20px;max-height:20px;border-style:solid;overflow:hidden;border-radius:6px;min-width:24px;max-width:24px;padding:0}.shape-square-xs.simple{border-width:0px;min-height:24px;max-height:24px;background-color:unset;box-shadow:none}.shape-square-xs.thin{border-width:1px;min-height:22px;max-height:22px;background-color:unset}.shape-square-xs.parentBorder{border:0;box-shadow:unset;min-height:20px;max-height:20px}
 `,dt=s`:focus:not(:focus-visible){outline:3px solid transparent}.util_insetNone{padding:0}.util_insetXxxs{padding:.125rem}.util_insetXxxs--stretch{padding:.25rem .125rem}.util_insetXxxs--squish{padding:0 .125rem}.util_insetXxs{padding:.25rem}.util_insetXxs--stretch{padding:.375rem .25rem}.util_insetXxs--squish{padding:.125rem .25rem}.util_insetXs{padding:.5rem}.util_insetXs--stretch{padding:.75rem .5rem}.util_insetXs--squish{padding:.25rem .5rem}.util_insetSm{padding:.75rem}.util_insetSm--stretch{padding:1.125rem .75rem}.util_insetSm--squish{padding:.375rem .75rem}.util_insetMd{padding:1rem}.util_insetMd--stretch{padding:1.5rem 1rem}.util_insetMd--squish{padding:.5rem 1rem}.util_insetLg{padding:1.5rem}.util_insetLg--stretch{padding:2.25rem 1.5rem}.util_insetLg--squish{padding:.75rem 1.5rem}.util_insetXl{padding:2rem}.util_insetXl--stretch{padding:3rem 2rem}.util_insetXl--squish{padding:1rem 2rem}.util_insetXxl{padding:3rem}.util_insetXxl--stretch{padding:4.5rem 3rem}.util_insetXxl--squish{padding:1.5rem 3rem}.util_insetXxxl{padding:4rem}.util_insetXxxl--stretch{padding:6rem 4rem}.util_insetXxxl--squish{padding:2rem 4rem}.body-default{font-size:var(--wcss-body-default-font-size, 1rem);line-height:var(--wcss-body-default-line-height, 1.5rem)}.body-default,.body-lg{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-lg{font-size:var(--wcss-body-lg-font-size, 1.125rem);line-height:var(--wcss-body-lg-line-height, 1.625rem)}.body-sm{font-size:var(--wcss-body-sm-font-size, .875rem);line-height:var(--wcss-body-sm-line-height, 1.25rem)}.body-sm,.body-xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-xs{font-size:var(--wcss-body-xs-font-size, .75rem);line-height:var(--wcss-body-xs-line-height, 1rem)}.body-2xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:var(--wcss-body-2xs-font-size, .625rem);font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0);line-height:var(--wcss-body-2xs-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, 450);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, 450);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}.util_displayInline{display:inline}.util_displayInlineBlock{display:inline-block}.util_displayBlock{display:block}.util_displayFlex{display:flex}.util_displayHidden{display:none}.util_displayHiddenVisually{position:absolute;overflow:hidden;clip:rect(1px,1px,1px,1px);width:1px;height:1px;padding:0;border:0}:host([size=xs][shape=rounded]) ::slotted(auro-icon),:host([size=xs][shape=rounded]) ::slotted([auro-icon]){--ds-auro-icon-size: var(--ds-size-200, 1rem)}:host([size=xs][shape=rounded][variant=primary]) .auro-button:focus,:host([size=xs][shape=rounded][variant=primary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 5px var(--ds-auro-button-border-inset-color)}:host([size=xs][shape=rounded][variant=primary]) .auro-button:focus:after,:host([size=xs][shape=rounded][variant=primary]) .auro-button:focus-visible:after{content:"";position:absolute;border-radius:inherit;box-sizing:content-box;top:0;left:0;width:calc(100% - 2px);height:calc(100% - 2px);border:1px solid var(--ds-auro-button-border-color)}:host([size=xs][shape=rounded][variant=secondary]) .auro-button:focus,:host([size=xs][shape=rounded][variant=secondary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 4px var(--ds-auro-button-border-inset-color)}:host([size=xs][shape=rounded][variant=tertiary]) .auro-button:focus,:host([size=xs][shape=rounded][variant=tertiary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 4px var(--ds-auro-button-border-inset-color)}:host([size=xs][shape=rounded][variant=ghost]) .auro-button:focus,:host([size=xs][shape=rounded][variant=ghost]) .auro-button:focus-visible{box-shadow:inset 0 0 0 2px var(--ds-auro-button-border-inset-color)}:host([size=xs][shape=pill]) ::slotted(auro-icon),:host([size=xs][shape=pill]) ::slotted([auro-icon]){--ds-auro-icon-size: var(--ds-size-200, 1rem)}:host([size=xs][shape=pill][variant=primary]) .auro-button:focus,:host([size=xs][shape=pill][variant=primary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 5px var(--ds-auro-button-border-inset-color)}:host([size=xs][shape=pill][variant=primary]) .auro-button:focus:after,:host([size=xs][shape=pill][variant=primary]) .auro-button:focus-visible:after{content:"";position:absolute;border-radius:inherit;box-sizing:content-box;top:0;left:0;width:calc(100% - 2px);height:calc(100% - 2px);border:1px solid var(--ds-auro-button-border-color)}:host([size=xs][shape=pill][variant=secondary]) .auro-button:focus,:host([size=xs][shape=pill][variant=secondary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 4px var(--ds-auro-button-border-inset-color)}:host([size=xs][shape=pill][variant=tertiary]) .auro-button:focus,:host([size=xs][shape=pill][variant=tertiary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 4px var(--ds-auro-button-border-inset-color)}:host([size=xs][shape=pill][variant=ghost]) .auro-button:focus,:host([size=xs][shape=pill][variant=ghost]) .auro-button:focus-visible{box-shadow:inset 0 0 0 2px var(--ds-auro-button-border-inset-color)}:host([size=xs][shape=pill-left]) ::slotted(auro-icon),:host([size=xs][shape=pill-left]) ::slotted([auro-icon]){--ds-auro-icon-size: var(--ds-size-200, 1rem)}:host([size=xs][shape=pill-left][variant=primary]) .auro-button:focus,:host([size=xs][shape=pill-left][variant=primary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 5px var(--ds-auro-button-border-inset-color)}:host([size=xs][shape=pill-left][variant=primary]) .auro-button:focus:after,:host([size=xs][shape=pill-left][variant=primary]) .auro-button:focus-visible:after{content:"";position:absolute;border-radius:inherit;box-sizing:content-box;top:0;left:0;width:calc(100% - 2px);height:calc(100% - 2px);border:1px solid var(--ds-auro-button-border-color)}:host([size=xs][shape=pill-left][variant=secondary]) .auro-button:focus,:host([size=xs][shape=pill-left][variant=secondary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 4px var(--ds-auro-button-border-inset-color)}:host([size=xs][shape=pill-left][variant=tertiary]) .auro-button:focus,:host([size=xs][shape=pill-left][variant=tertiary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 4px var(--ds-auro-button-border-inset-color)}:host([size=xs][shape=pill-left][variant=ghost]) .auro-button:focus,:host([size=xs][shape=pill-left][variant=ghost]) .auro-button:focus-visible{box-shadow:inset 0 0 0 2px var(--ds-auro-button-border-inset-color)}:host([size=xs][shape=pill-right]) ::slotted(auro-icon),:host([size=xs][shape=pill-right]) ::slotted([auro-icon]){--ds-auro-icon-size: var(--ds-size-200, 1rem)}:host([size=xs][shape=pill-right][variant=primary]) .auro-button:focus,:host([size=xs][shape=pill-right][variant=primary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 5px var(--ds-auro-button-border-inset-color)}:host([size=xs][shape=pill-right][variant=primary]) .auro-button:focus:after,:host([size=xs][shape=pill-right][variant=primary]) .auro-button:focus-visible:after{content:"";position:absolute;border-radius:inherit;box-sizing:content-box;top:0;left:0;width:calc(100% - 2px);height:calc(100% - 2px);border:1px solid var(--ds-auro-button-border-color)}:host([size=xs][shape=pill-right][variant=secondary]) .auro-button:focus,:host([size=xs][shape=pill-right][variant=secondary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 4px var(--ds-auro-button-border-inset-color)}:host([size=xs][shape=pill-right][variant=tertiary]) .auro-button:focus,:host([size=xs][shape=pill-right][variant=tertiary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 4px var(--ds-auro-button-border-inset-color)}:host([size=xs][shape=pill-right][variant=ghost]) .auro-button:focus,:host([size=xs][shape=pill-right][variant=ghost]) .auro-button:focus-visible{box-shadow:inset 0 0 0 2px var(--ds-auro-button-border-inset-color)}:host([size=xs][shape=circle]) ::slotted(auro-icon),:host([size=xs][shape=circle]) ::slotted([auro-icon]){--ds-auro-icon-size: var(--ds-size-300, 1.5rem)}:host([size=xs][shape=circle][variant=primary]) .auro-button:focus,:host([size=xs][shape=circle][variant=primary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 2px var(--ds-auro-button-border-inset-color)}:host([size=xs][shape=circle][variant=primary]) .auro-button:focus:after,:host([size=xs][shape=circle][variant=primary]) .auro-button:focus-visible:after{content:"";position:absolute;border-radius:inherit;box-sizing:content-box;top:0;left:0;width:calc(100% - 2px);height:calc(100% - 2px);border:1px solid var(--ds-auro-button-border-color)}:host([size=xs][shape=circle][variant=secondary]) .auro-button:focus,:host([size=xs][shape=circle][variant=secondary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 1px var(--ds-auro-button-border-inset-color)}:host([size=xs][shape=circle][variant=tertiary]) .auro-button:focus,:host([size=xs][shape=circle][variant=tertiary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 2px var(--ds-auro-button-border-inset-color)}:host([size=xs][shape=circle][variant=flat]) .auro-button:focus,:host([size=xs][shape=circle][variant=flat]) .auro-button:focus-visible{box-shadow:inset 0 0 0 2px var(--ds-auro-button-border-inset-color)}:host([size=xs][shape=circle][variant=ghost]) .auro-button:focus,:host([size=xs][shape=circle][variant=ghost]) .auro-button:focus-visible{box-shadow:inset 0 0 0 2px var(--ds-auro-button-border-inset-color)}:host([size=xs][shape=square]) ::slotted(auro-icon),:host([size=xs][shape=square]) ::slotted([auro-icon]){--ds-auro-icon-size: var(--ds-size-300, 1.5rem)}:host([size=xs][shape=square][variant=primary]) .auro-button:focus,:host([size=xs][shape=square][variant=primary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 2px var(--ds-auro-button-border-inset-color)}:host([size=xs][shape=square][variant=primary]) .auro-button:focus:after,:host([size=xs][shape=square][variant=primary]) .auro-button:focus-visible:after{content:"";position:absolute;border-radius:inherit;box-sizing:content-box;top:0;left:0;width:calc(100% - 2px);height:calc(100% - 2px);border:1px solid var(--ds-auro-button-border-color)}:host([size=xs][shape=square][variant=secondary]) .auro-button:focus,:host([size=xs][shape=square][variant=secondary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 1px var(--ds-auro-button-border-inset-color)}:host([size=xs][shape=square][variant=tertiary]) .auro-button:focus,:host([size=xs][shape=square][variant=tertiary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 2px var(--ds-auro-button-border-inset-color)}:host([size=xs][shape=square][variant=flat]) .auro-button:focus,:host([size=xs][shape=square][variant=flat]) .auro-button:focus-visible{box-shadow:inset 0 0 0 2px var(--ds-auro-button-border-inset-color)}:host([size=xs][shape=square][variant=ghost]) .auro-button:focus,:host([size=xs][shape=square][variant=ghost]) .auro-button:focus-visible{box-shadow:inset 0 0 0 2px var(--ds-auro-button-border-inset-color)}:host([size=sm][shape=rounded]) ::slotted(auro-icon),:host([size=sm][shape=rounded]) ::slotted([auro-icon]){--ds-auro-icon-size: var(--ds-size-300, 1.5rem)}:host([size=sm][shape=rounded][variant=primary]) .auro-button:focus,:host([size=sm][shape=rounded][variant=primary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 5px var(--ds-auro-button-border-inset-color)}:host([size=sm][shape=rounded][variant=primary]) .auro-button:focus:after,:host([size=sm][shape=rounded][variant=primary]) .auro-button:focus-visible:after{content:"";position:absolute;border-radius:inherit;box-sizing:content-box;top:0;left:0;width:calc(100% - 2px);height:calc(100% - 2px);border:1px solid var(--ds-auro-button-border-color)}:host([size=sm][shape=rounded][variant=secondary]) .auro-button:focus,:host([size=sm][shape=rounded][variant=secondary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 4px var(--ds-auro-button-border-inset-color)}:host([size=sm][shape=rounded][variant=tertiary]) .auro-button:focus,:host([size=sm][shape=rounded][variant=tertiary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 4px var(--ds-auro-button-border-inset-color)}:host([size=sm][shape=rounded][variant=ghost]) .auro-button:focus,:host([size=sm][shape=rounded][variant=ghost]) .auro-button:focus-visible{box-shadow:inset 0 0 0 2px var(--ds-auro-button-border-inset-color)}:host([size=sm][shape=pill]) ::slotted(auro-icon),:host([size=sm][shape=pill]) ::slotted([auro-icon]){--ds-auro-icon-size: var(--ds-size-300, 1.5rem)}:host([size=sm][shape=pill][variant=primary]) .auro-button:focus,:host([size=sm][shape=pill][variant=primary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 5px var(--ds-auro-button-border-inset-color)}:host([size=sm][shape=pill][variant=primary]) .auro-button:focus:after,:host([size=sm][shape=pill][variant=primary]) .auro-button:focus-visible:after{content:"";position:absolute;border-radius:inherit;box-sizing:content-box;top:0;left:0;width:calc(100% - 2px);height:calc(100% - 2px);border:1px solid var(--ds-auro-button-border-color)}:host([size=sm][shape=pill][variant=secondary]) .auro-button:focus,:host([size=sm][shape=pill][variant=secondary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 4px var(--ds-auro-button-border-inset-color)}:host([size=sm][shape=pill][variant=tertiary]) .auro-button:focus,:host([size=sm][shape=pill][variant=tertiary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 4px var(--ds-auro-button-border-inset-color)}:host([size=sm][shape=pill][variant=ghost]) .auro-button:focus,:host([size=sm][shape=pill][variant=ghost]) .auro-button:focus-visible{box-shadow:inset 0 0 0 2px var(--ds-auro-button-border-inset-color)}:host([size=sm][shape=pill-left]) ::slotted(auro-icon),:host([size=sm][shape=pill-left]) ::slotted([auro-icon]){--ds-auro-icon-size: var(--ds-size-300, 1.5rem)}:host([size=sm][shape=pill-left][variant=primary]) .auro-button:focus,:host([size=sm][shape=pill-left][variant=primary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 5px var(--ds-auro-button-border-inset-color)}:host([size=sm][shape=pill-left][variant=primary]) .auro-button:focus:after,:host([size=sm][shape=pill-left][variant=primary]) .auro-button:focus-visible:after{content:"";position:absolute;border-radius:inherit;box-sizing:content-box;top:0;left:0;width:calc(100% - 2px);height:calc(100% - 2px);border:1px solid var(--ds-auro-button-border-color)}:host([size=sm][shape=pill-left][variant=secondary]) .auro-button:focus,:host([size=sm][shape=pill-left][variant=secondary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 4px var(--ds-auro-button-border-inset-color)}:host([size=sm][shape=pill-left][variant=tertiary]) .auro-button:focus,:host([size=sm][shape=pill-left][variant=tertiary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 4px var(--ds-auro-button-border-inset-color)}:host([size=sm][shape=pill-left][variant=ghost]) .auro-button:focus,:host([size=sm][shape=pill-left][variant=ghost]) .auro-button:focus-visible{box-shadow:inset 0 0 0 2px var(--ds-auro-button-border-inset-color)}:host([size=sm][shape=pill-right]) ::slotted(auro-icon),:host([size=sm][shape=pill-right]) ::slotted([auro-icon]){--ds-auro-icon-size: var(--ds-size-300, 1.5rem)}:host([size=sm][shape=pill-right][variant=primary]) .auro-button:focus,:host([size=sm][shape=pill-right][variant=primary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 5px var(--ds-auro-button-border-inset-color)}:host([size=sm][shape=pill-right][variant=primary]) .auro-button:focus:after,:host([size=sm][shape=pill-right][variant=primary]) .auro-button:focus-visible:after{content:"";position:absolute;border-radius:inherit;box-sizing:content-box;top:0;left:0;width:calc(100% - 2px);height:calc(100% - 2px);border:1px solid var(--ds-auro-button-border-color)}:host([size=sm][shape=pill-right][variant=secondary]) .auro-button:focus,:host([size=sm][shape=pill-right][variant=secondary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 4px var(--ds-auro-button-border-inset-color)}:host([size=sm][shape=pill-right][variant=tertiary]) .auro-button:focus,:host([size=sm][shape=pill-right][variant=tertiary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 4px var(--ds-auro-button-border-inset-color)}:host([size=sm][shape=pill-right][variant=ghost]) .auro-button:focus,:host([size=sm][shape=pill-right][variant=ghost]) .auro-button:focus-visible{box-shadow:inset 0 0 0 2px var(--ds-auro-button-border-inset-color)}:host([size=sm][shape=circle]) ::slotted(auro-icon),:host([size=sm][shape=circle]) ::slotted([auro-icon]){--ds-auro-icon-size: var(--ds-size-300, 1.5rem)}:host([size=sm][shape=circle][variant=primary]) .auro-button:focus,:host([size=sm][shape=circle][variant=primary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 3px var(--ds-auro-button-border-inset-color)}:host([size=sm][shape=circle][variant=primary]) .auro-button:focus:after,:host([size=sm][shape=circle][variant=primary]) .auro-button:focus-visible:after{content:"";position:absolute;border-radius:inherit;box-sizing:content-box;top:0;left:0;width:calc(100% - 2px);height:calc(100% - 2px);border:1px solid var(--ds-auro-button-border-color)}:host([size=sm][shape=circle][variant=secondary]) .auro-button:focus,:host([size=sm][shape=circle][variant=secondary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 3px var(--ds-auro-button-border-inset-color)}:host([size=sm][shape=circle][variant=tertiary]) .auro-button:focus,:host([size=sm][shape=circle][variant=tertiary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 4px var(--ds-auro-button-border-inset-color)}:host([size=sm][shape=circle][variant=flat]) .auro-button:focus,:host([size=sm][shape=circle][variant=flat]) .auro-button:focus-visible{box-shadow:inset 0 0 0 2px var(--ds-auro-button-border-inset-color)}:host([size=sm][shape=circle][variant=ghost]) .auro-button:focus,:host([size=sm][shape=circle][variant=ghost]) .auro-button:focus-visible{box-shadow:inset 0 0 0 2px var(--ds-auro-button-border-inset-color)}:host([size=sm][shape=square]) ::slotted(auro-icon),:host([size=sm][shape=square]) ::slotted([auro-icon]){--ds-auro-icon-size: var(--ds-size-300, 1.5rem)}:host([size=sm][shape=square][variant=primary]) .auro-button:focus,:host([size=sm][shape=square][variant=primary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 3px var(--ds-auro-button-border-inset-color)}:host([size=sm][shape=square][variant=primary]) .auro-button:focus:after,:host([size=sm][shape=square][variant=primary]) .auro-button:focus-visible:after{content:"";position:absolute;border-radius:inherit;box-sizing:content-box;top:0;left:0;width:calc(100% - 2px);height:calc(100% - 2px);border:1px solid var(--ds-auro-button-border-color)}:host([size=sm][shape=square][variant=secondary]) .auro-button:focus,:host([size=sm][shape=square][variant=secondary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 3px var(--ds-auro-button-border-inset-color)}:host([size=sm][shape=square][variant=tertiary]) .auro-button:focus,:host([size=sm][shape=square][variant=tertiary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 4px var(--ds-auro-button-border-inset-color)}:host([size=sm][shape=square][variant=flat]) .auro-button:focus,:host([size=sm][shape=square][variant=flat]) .auro-button:focus-visible{box-shadow:inset 0 0 0 2px var(--ds-auro-button-border-inset-color)}:host([size=sm][shape=square][variant=ghost]) .auro-button:focus,:host([size=sm][shape=square][variant=ghost]) .auro-button:focus-visible{box-shadow:inset 0 0 0 2px var(--ds-auro-button-border-inset-color)}:host([size=md][shape=rounded]) ::slotted(auro-icon),:host([size=md][shape=rounded]) ::slotted([auro-icon]){--ds-auro-icon-size: var(--ds-size-300, 1.5rem)}:host([size=md][shape=rounded][variant=primary]) .auro-button:focus,:host([size=md][shape=rounded][variant=primary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 5px var(--ds-auro-button-border-inset-color)}:host([size=md][shape=rounded][variant=primary]) .auro-button:focus:after,:host([size=md][shape=rounded][variant=primary]) .auro-button:focus-visible:after{content:"";position:absolute;border-radius:inherit;box-sizing:content-box;top:0;left:0;width:calc(100% - 2px);height:calc(100% - 2px);border:1px solid var(--ds-auro-button-border-color)}:host([size=md][shape=rounded][variant=secondary]) .auro-button:focus,:host([size=md][shape=rounded][variant=secondary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 4px var(--ds-auro-button-border-inset-color)}:host([size=md][shape=rounded][variant=tertiary]) .auro-button:focus,:host([size=md][shape=rounded][variant=tertiary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 4px var(--ds-auro-button-border-inset-color)}:host([size=md][shape=rounded][variant=ghost]) .auro-button:focus,:host([size=md][shape=rounded][variant=ghost]) .auro-button:focus-visible{box-shadow:inset 0 0 0 2px var(--ds-auro-button-border-inset-color)}:host([size=md][shape=pill]) ::slotted(auro-icon),:host([size=md][shape=pill]) ::slotted([auro-icon]){--ds-auro-icon-size: var(--ds-size-300, 1.5rem)}:host([size=md][shape=pill][variant=primary]) .auro-button:focus,:host([size=md][shape=pill][variant=primary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 5px var(--ds-auro-button-border-inset-color)}:host([size=md][shape=pill][variant=primary]) .auro-button:focus:after,:host([size=md][shape=pill][variant=primary]) .auro-button:focus-visible:after{content:"";position:absolute;border-radius:inherit;box-sizing:content-box;top:0;left:0;width:calc(100% - 2px);height:calc(100% - 2px);border:1px solid var(--ds-auro-button-border-color)}:host([size=md][shape=pill][variant=secondary]) .auro-button:focus,:host([size=md][shape=pill][variant=secondary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 4px var(--ds-auro-button-border-inset-color)}:host([size=md][shape=pill][variant=tertiary]) .auro-button:focus,:host([size=md][shape=pill][variant=tertiary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 4px var(--ds-auro-button-border-inset-color)}:host([size=md][shape=pill][variant=ghost]) .auro-button:focus,:host([size=md][shape=pill][variant=ghost]) .auro-button:focus-visible{box-shadow:inset 0 0 0 2px var(--ds-auro-button-border-inset-color)}:host([size=md][shape=pill-left]) ::slotted(auro-icon),:host([size=md][shape=pill-left]) ::slotted([auro-icon]){--ds-auro-icon-size: var(--ds-size-300, 1.5rem)}:host([size=md][shape=pill-left][variant=primary]) .auro-button:focus,:host([size=md][shape=pill-left][variant=primary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 5px var(--ds-auro-button-border-inset-color)}:host([size=md][shape=pill-left][variant=primary]) .auro-button:focus:after,:host([size=md][shape=pill-left][variant=primary]) .auro-button:focus-visible:after{content:"";position:absolute;border-radius:inherit;box-sizing:content-box;top:0;left:0;width:calc(100% - 2px);height:calc(100% - 2px);border:1px solid var(--ds-auro-button-border-color)}:host([size=md][shape=pill-left][variant=secondary]) .auro-button:focus,:host([size=md][shape=pill-left][variant=secondary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 4px var(--ds-auro-button-border-inset-color)}:host([size=md][shape=pill-left][variant=tertiary]) .auro-button:focus,:host([size=md][shape=pill-left][variant=tertiary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 4px var(--ds-auro-button-border-inset-color)}:host([size=md][shape=pill-left][variant=ghost]) .auro-button:focus,:host([size=md][shape=pill-left][variant=ghost]) .auro-button:focus-visible{box-shadow:inset 0 0 0 2px var(--ds-auro-button-border-inset-color)}:host([size=md][shape=pill-right]) ::slotted(auro-icon),:host([size=md][shape=pill-right]) ::slotted([auro-icon]){--ds-auro-icon-size: var(--ds-size-300, 1.5rem)}:host([size=md][shape=pill-right][variant=primary]) .auro-button:focus,:host([size=md][shape=pill-right][variant=primary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 5px var(--ds-auro-button-border-inset-color)}:host([size=md][shape=pill-right][variant=primary]) .auro-button:focus:after,:host([size=md][shape=pill-right][variant=primary]) .auro-button:focus-visible:after{content:"";position:absolute;border-radius:inherit;box-sizing:content-box;top:0;left:0;width:calc(100% - 2px);height:calc(100% - 2px);border:1px solid var(--ds-auro-button-border-color)}:host([size=md][shape=pill-right][variant=secondary]) .auro-button:focus,:host([size=md][shape=pill-right][variant=secondary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 4px var(--ds-auro-button-border-inset-color)}:host([size=md][shape=pill-right][variant=tertiary]) .auro-button:focus,:host([size=md][shape=pill-right][variant=tertiary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 4px var(--ds-auro-button-border-inset-color)}:host([size=md][shape=pill-right][variant=ghost]) .auro-button:focus,:host([size=md][shape=pill-right][variant=ghost]) .auro-button:focus-visible{box-shadow:inset 0 0 0 2px var(--ds-auro-button-border-inset-color)}:host([size=md][shape=circle]) ::slotted(auro-icon),:host([size=md][shape=circle]) ::slotted([auro-icon]){--ds-auro-icon-size: var(--ds-size-300, 1.5rem)}:host([size=md][shape=circle][variant=primary]) .auro-button:focus,:host([size=md][shape=circle][variant=primary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 4px var(--ds-auro-button-border-inset-color)}:host([size=md][shape=circle][variant=primary]) .auro-button:focus:after,:host([size=md][shape=circle][variant=primary]) .auro-button:focus-visible:after{content:"";position:absolute;border-radius:inherit;box-sizing:content-box;top:0;left:0;width:calc(100% - 2px);height:calc(100% - 2px);border:1px solid var(--ds-auro-button-border-color)}:host([size=md][shape=circle][variant=secondary]) .auro-button:focus,:host([size=md][shape=circle][variant=secondary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 3px var(--ds-auro-button-border-inset-color)}:host([size=md][shape=circle][variant=tertiary]) .auro-button:focus,:host([size=md][shape=circle][variant=tertiary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 4px var(--ds-auro-button-border-inset-color)}:host([size=md][shape=circle][variant=flat]) .auro-button:focus,:host([size=md][shape=circle][variant=flat]) .auro-button:focus-visible{box-shadow:inset 0 0 0 2px var(--ds-auro-button-border-inset-color)}:host([size=md][shape=circle][variant=ghost]) .auro-button:focus,:host([size=md][shape=circle][variant=ghost]) .auro-button:focus-visible{box-shadow:inset 0 0 0 2px var(--ds-auro-button-border-inset-color)}:host([size=md][shape=square]) ::slotted(auro-icon),:host([size=md][shape=square]) ::slotted([auro-icon]){--ds-auro-icon-size: var(--ds-size-300, 1.5rem)}:host([size=md][shape=square][variant=primary]) .auro-button:focus,:host([size=md][shape=square][variant=primary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 4px var(--ds-auro-button-border-inset-color)}:host([size=md][shape=square][variant=primary]) .auro-button:focus:after,:host([size=md][shape=square][variant=primary]) .auro-button:focus-visible:after{content:"";position:absolute;border-radius:inherit;box-sizing:content-box;top:0;left:0;width:calc(100% - 2px);height:calc(100% - 2px);border:1px solid var(--ds-auro-button-border-color)}:host([size=md][shape=square][variant=secondary]) .auro-button:focus,:host([size=md][shape=square][variant=secondary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 3px var(--ds-auro-button-border-inset-color)}:host([size=md][shape=square][variant=tertiary]) .auro-button:focus,:host([size=md][shape=square][variant=tertiary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 4px var(--ds-auro-button-border-inset-color)}:host([size=md][shape=square][variant=flat]) .auro-button:focus,:host([size=md][shape=square][variant=flat]) .auro-button:focus-visible{box-shadow:inset 0 0 0 2px var(--ds-auro-button-border-inset-color)}:host([size=md][shape=square][variant=ghost]) .auro-button:focus,:host([size=md][shape=square][variant=ghost]) .auro-button:focus-visible{box-shadow:inset 0 0 0 2px var(--ds-auro-button-border-inset-color)}:host([size=lg][shape=rounded]) ::slotted(auro-icon),:host([size=lg][shape=rounded]) ::slotted([auro-icon]){--ds-auro-icon-size: var(--ds-size-300, 1.5rem)}:host([size=lg][shape=rounded][variant=primary]) .auro-button:focus,:host([size=lg][shape=rounded][variant=primary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 5px var(--ds-auro-button-border-inset-color)}:host([size=lg][shape=rounded][variant=primary]) .auro-button:focus:after,:host([size=lg][shape=rounded][variant=primary]) .auro-button:focus-visible:after{content:"";position:absolute;border-radius:inherit;box-sizing:content-box;top:0;left:0;width:calc(100% - 2px);height:calc(100% - 2px);border:1px solid var(--ds-auro-button-border-color)}:host([size=lg][shape=rounded][variant=secondary]) .auro-button:focus,:host([size=lg][shape=rounded][variant=secondary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 4px var(--ds-auro-button-border-inset-color)}:host([size=lg][shape=rounded][variant=tertiary]) .auro-button:focus,:host([size=lg][shape=rounded][variant=tertiary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 4px var(--ds-auro-button-border-inset-color)}:host([size=lg][shape=rounded][variant=ghost]) .auro-button:focus,:host([size=lg][shape=rounded][variant=ghost]) .auro-button:focus-visible{box-shadow:inset 0 0 0 2px var(--ds-auro-button-border-inset-color)}:host([size=lg][shape=pill]) ::slotted(auro-icon),:host([size=lg][shape=pill]) ::slotted([auro-icon]){--ds-auro-icon-size: var(--ds-size-300, 1.5rem)}:host([size=lg][shape=pill][variant=primary]) .auro-button:focus,:host([size=lg][shape=pill][variant=primary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 5px var(--ds-auro-button-border-inset-color)}:host([size=lg][shape=pill][variant=primary]) .auro-button:focus:after,:host([size=lg][shape=pill][variant=primary]) .auro-button:focus-visible:after{content:"";position:absolute;border-radius:inherit;box-sizing:content-box;top:0;left:0;width:calc(100% - 2px);height:calc(100% - 2px);border:1px solid var(--ds-auro-button-border-color)}:host([size=lg][shape=pill][variant=secondary]) .auro-button:focus,:host([size=lg][shape=pill][variant=secondary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 4px var(--ds-auro-button-border-inset-color)}:host([size=lg][shape=pill][variant=tertiary]) .auro-button:focus,:host([size=lg][shape=pill][variant=tertiary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 4px var(--ds-auro-button-border-inset-color)}:host([size=lg][shape=pill][variant=ghost]) .auro-button:focus,:host([size=lg][shape=pill][variant=ghost]) .auro-button:focus-visible{box-shadow:inset 0 0 0 2px var(--ds-auro-button-border-inset-color)}:host([size=lg][shape=pill-left]) ::slotted(auro-icon),:host([size=lg][shape=pill-left]) ::slotted([auro-icon]){--ds-auro-icon-size: var(--ds-size-300, 1.5rem)}:host([size=lg][shape=pill-left][variant=primary]) .auro-button:focus,:host([size=lg][shape=pill-left][variant=primary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 5px var(--ds-auro-button-border-inset-color)}:host([size=lg][shape=pill-left][variant=primary]) .auro-button:focus:after,:host([size=lg][shape=pill-left][variant=primary]) .auro-button:focus-visible:after{content:"";position:absolute;border-radius:inherit;box-sizing:content-box;top:0;left:0;width:calc(100% - 2px);height:calc(100% - 2px);border:1px solid var(--ds-auro-button-border-color)}:host([size=lg][shape=pill-left][variant=secondary]) .auro-button:focus,:host([size=lg][shape=pill-left][variant=secondary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 4px var(--ds-auro-button-border-inset-color)}:host([size=lg][shape=pill-left][variant=tertiary]) .auro-button:focus,:host([size=lg][shape=pill-left][variant=tertiary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 4px var(--ds-auro-button-border-inset-color)}:host([size=lg][shape=pill-left][variant=ghost]) .auro-button:focus,:host([size=lg][shape=pill-left][variant=ghost]) .auro-button:focus-visible{box-shadow:inset 0 0 0 2px var(--ds-auro-button-border-inset-color)}:host([size=lg][shape=pill-right]) ::slotted(auro-icon),:host([size=lg][shape=pill-right]) ::slotted([auro-icon]){--ds-auro-icon-size: var(--ds-size-300, 1.5rem)}:host([size=lg][shape=pill-right][variant=primary]) .auro-button:focus,:host([size=lg][shape=pill-right][variant=primary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 5px var(--ds-auro-button-border-inset-color)}:host([size=lg][shape=pill-right][variant=primary]) .auro-button:focus:after,:host([size=lg][shape=pill-right][variant=primary]) .auro-button:focus-visible:after{content:"";position:absolute;border-radius:inherit;box-sizing:content-box;top:0;left:0;width:calc(100% - 2px);height:calc(100% - 2px);border:1px solid var(--ds-auro-button-border-color)}:host([size=lg][shape=pill-right][variant=secondary]) .auro-button:focus,:host([size=lg][shape=pill-right][variant=secondary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 4px var(--ds-auro-button-border-inset-color)}:host([size=lg][shape=pill-right][variant=tertiary]) .auro-button:focus,:host([size=lg][shape=pill-right][variant=tertiary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 4px var(--ds-auro-button-border-inset-color)}:host([size=lg][shape=pill-right][variant=ghost]) .auro-button:focus,:host([size=lg][shape=pill-right][variant=ghost]) .auro-button:focus-visible{box-shadow:inset 0 0 0 2px var(--ds-auro-button-border-inset-color)}:host([size=lg][shape=circle]) ::slotted(auro-icon),:host([size=lg][shape=circle]) ::slotted([auro-icon]){--ds-auro-icon-size: calc(var(--ds-size-300, 1.5rem) + var(--ds-size-50, .25rem))}:host([size=lg][shape=circle][variant=primary]) .auro-button:focus,:host([size=lg][shape=circle][variant=primary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 4.33px var(--ds-auro-button-border-inset-color)}:host([size=lg][shape=circle][variant=primary]) .auro-button:focus:after,:host([size=lg][shape=circle][variant=primary]) .auro-button:focus-visible:after{content:"";position:absolute;border-radius:inherit;box-sizing:content-box;top:0;left:0;width:calc(100% - 2px);height:calc(100% - 2px);border:1px solid var(--ds-auro-button-border-color)}:host([size=lg][shape=circle][variant=secondary]) .auro-button:focus,:host([size=lg][shape=circle][variant=secondary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 3px var(--ds-auro-button-border-inset-color)}:host([size=lg][shape=circle][variant=tertiary]) .auro-button:focus,:host([size=lg][shape=circle][variant=tertiary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 4px var(--ds-auro-button-border-inset-color)}:host([size=lg][shape=circle][variant=flat]) .auro-button:focus,:host([size=lg][shape=circle][variant=flat]) .auro-button:focus-visible{box-shadow:inset 0 0 0 2px var(--ds-auro-button-border-inset-color)}:host([size=lg][shape=circle][variant=ghost]) .auro-button:focus,:host([size=lg][shape=circle][variant=ghost]) .auro-button:focus-visible{box-shadow:inset 0 0 0 2px var(--ds-auro-button-border-inset-color)}:host([size=lg][shape=square]) ::slotted(auro-icon),:host([size=lg][shape=square]) ::slotted([auro-icon]){--ds-auro-icon-size: calc(var(--ds-size-300, 1.5rem) + var(--ds-size-50, .25rem))}:host([size=lg][shape=square][variant=primary]) .auro-button:focus,:host([size=lg][shape=square][variant=primary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 4.33px var(--ds-auro-button-border-inset-color)}:host([size=lg][shape=square][variant=primary]) .auro-button:focus:after,:host([size=lg][shape=square][variant=primary]) .auro-button:focus-visible:after{content:"";position:absolute;border-radius:inherit;box-sizing:content-box;top:0;left:0;width:calc(100% - 2px);height:calc(100% - 2px);border:1px solid var(--ds-auro-button-border-color)}:host([size=lg][shape=square][variant=secondary]) .auro-button:focus,:host([size=lg][shape=square][variant=secondary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 3px var(--ds-auro-button-border-inset-color)}:host([size=lg][shape=square][variant=tertiary]) .auro-button:focus,:host([size=lg][shape=square][variant=tertiary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 4px var(--ds-auro-button-border-inset-color)}:host([size=lg][shape=square][variant=flat]) .auro-button:focus,:host([size=lg][shape=square][variant=flat]) .auro-button:focus-visible{box-shadow:inset 0 0 0 2px var(--ds-auro-button-border-inset-color)}:host([size=lg][shape=square][variant=ghost]) .auro-button:focus,:host([size=lg][shape=square][variant=ghost]) .auro-button:focus-visible{box-shadow:inset 0 0 0 2px var(--ds-auro-button-border-inset-color)}:host([size=xl][shape=rounded]) ::slotted(auro-icon),:host([size=xl][shape=rounded]) ::slotted([auro-icon]){--ds-auro-icon-size: var(--ds-size-300, 1.5rem)}:host([size=xl][shape=rounded][variant=primary]) .auro-button:focus,:host([size=xl][shape=rounded][variant=primary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 5px var(--ds-auro-button-border-inset-color)}:host([size=xl][shape=rounded][variant=primary]) .auro-button:focus:after,:host([size=xl][shape=rounded][variant=primary]) .auro-button:focus-visible:after{content:"";position:absolute;border-radius:inherit;box-sizing:content-box;top:0;left:0;width:calc(100% - 2px);height:calc(100% - 2px);border:1px solid var(--ds-auro-button-border-color)}:host([size=xl][shape=rounded][variant=secondary]) .auro-button:focus,:host([size=xl][shape=rounded][variant=secondary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 4px var(--ds-auro-button-border-inset-color)}:host([size=xl][shape=rounded][variant=tertiary]) .auro-button:focus,:host([size=xl][shape=rounded][variant=tertiary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 4px var(--ds-auro-button-border-inset-color)}:host([size=xl][shape=rounded][variant=ghost]) .auro-button:focus,:host([size=xl][shape=rounded][variant=ghost]) .auro-button:focus-visible{box-shadow:inset 0 0 0 2px var(--ds-auro-button-border-inset-color)}:host([size=xl][shape=pill]) ::slotted(auro-icon),:host([size=xl][shape=pill]) ::slotted([auro-icon]){--ds-auro-icon-size: var(--ds-size-300, 1.5rem)}:host([size=xl][shape=pill][variant=primary]) .auro-button:focus,:host([size=xl][shape=pill][variant=primary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 5px var(--ds-auro-button-border-inset-color)}:host([size=xl][shape=pill][variant=primary]) .auro-button:focus:after,:host([size=xl][shape=pill][variant=primary]) .auro-button:focus-visible:after{content:"";position:absolute;border-radius:inherit;box-sizing:content-box;top:0;left:0;width:calc(100% - 2px);height:calc(100% - 2px);border:1px solid var(--ds-auro-button-border-color)}:host([size=xl][shape=pill][variant=secondary]) .auro-button:focus,:host([size=xl][shape=pill][variant=secondary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 4px var(--ds-auro-button-border-inset-color)}:host([size=xl][shape=pill][variant=tertiary]) .auro-button:focus,:host([size=xl][shape=pill][variant=tertiary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 4px var(--ds-auro-button-border-inset-color)}:host([size=xl][shape=pill][variant=ghost]) .auro-button:focus,:host([size=xl][shape=pill][variant=ghost]) .auro-button:focus-visible{box-shadow:inset 0 0 0 2px var(--ds-auro-button-border-inset-color)}:host([size=xl][shape=pill-left]) ::slotted(auro-icon),:host([size=xl][shape=pill-left]) ::slotted([auro-icon]){--ds-auro-icon-size: var(--ds-size-300, 1.5rem)}:host([size=xl][shape=pill-left][variant=primary]) .auro-button:focus,:host([size=xl][shape=pill-left][variant=primary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 5px var(--ds-auro-button-border-inset-color)}:host([size=xl][shape=pill-left][variant=primary]) .auro-button:focus:after,:host([size=xl][shape=pill-left][variant=primary]) .auro-button:focus-visible:after{content:"";position:absolute;border-radius:inherit;box-sizing:content-box;top:0;left:0;width:calc(100% - 2px);height:calc(100% - 2px);border:1px solid var(--ds-auro-button-border-color)}:host([size=xl][shape=pill-left][variant=secondary]) .auro-button:focus,:host([size=xl][shape=pill-left][variant=secondary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 4px var(--ds-auro-button-border-inset-color)}:host([size=xl][shape=pill-left][variant=tertiary]) .auro-button:focus,:host([size=xl][shape=pill-left][variant=tertiary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 4px var(--ds-auro-button-border-inset-color)}:host([size=xl][shape=pill-left][variant=ghost]) .auro-button:focus,:host([size=xl][shape=pill-left][variant=ghost]) .auro-button:focus-visible{box-shadow:inset 0 0 0 2px var(--ds-auro-button-border-inset-color)}:host([size=xl][shape=pill-right]) ::slotted(auro-icon),:host([size=xl][shape=pill-right]) ::slotted([auro-icon]){--ds-auro-icon-size: var(--ds-size-300, 1.5rem)}:host([size=xl][shape=pill-right][variant=primary]) .auro-button:focus,:host([size=xl][shape=pill-right][variant=primary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 5px var(--ds-auro-button-border-inset-color)}:host([size=xl][shape=pill-right][variant=primary]) .auro-button:focus:after,:host([size=xl][shape=pill-right][variant=primary]) .auro-button:focus-visible:after{content:"";position:absolute;border-radius:inherit;box-sizing:content-box;top:0;left:0;width:calc(100% - 2px);height:calc(100% - 2px);border:1px solid var(--ds-auro-button-border-color)}:host([size=xl][shape=pill-right][variant=secondary]) .auro-button:focus,:host([size=xl][shape=pill-right][variant=secondary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 4px var(--ds-auro-button-border-inset-color)}:host([size=xl][shape=pill-right][variant=tertiary]) .auro-button:focus,:host([size=xl][shape=pill-right][variant=tertiary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 4px var(--ds-auro-button-border-inset-color)}:host([size=xl][shape=pill-right][variant=ghost]) .auro-button:focus,:host([size=xl][shape=pill-right][variant=ghost]) .auro-button:focus-visible{box-shadow:inset 0 0 0 2px var(--ds-auro-button-border-inset-color)}:host([size=xl][shape=circle]) ::slotted(auro-icon),:host([size=xl][shape=circle]) ::slotted([auro-icon]){--ds-auro-icon-size: calc(var(--ds-size-400, 2rem) + var(--ds-size-50, .25rem))}:host([size=xl][shape=circle][variant=primary]) .auro-button:focus,:host([size=xl][shape=circle][variant=primary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 5px var(--ds-auro-button-border-inset-color)}:host([size=xl][shape=circle][variant=primary]) .auro-button:focus:after,:host([size=xl][shape=circle][variant=primary]) .auro-button:focus-visible:after{content:"";position:absolute;border-radius:inherit;box-sizing:content-box;top:0;left:0;width:calc(100% - 2px);height:calc(100% - 2px);border:1px solid var(--ds-auro-button-border-color)}:host([size=xl][shape=circle][variant=secondary]) .auro-button:focus,:host([size=xl][shape=circle][variant=secondary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 3px var(--ds-auro-button-border-inset-color)}:host([size=xl][shape=circle][variant=tertiary]) .auro-button:focus,:host([size=xl][shape=circle][variant=tertiary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 4px var(--ds-auro-button-border-inset-color)}:host([size=xl][shape=circle][variant=flat]) .auro-button:focus,:host([size=xl][shape=circle][variant=flat]) .auro-button:focus-visible{box-shadow:inset 0 0 0 2px var(--ds-auro-button-border-inset-color)}:host([size=xl][shape=circle][variant=ghost]) .auro-button:focus,:host([size=xl][shape=circle][variant=ghost]) .auro-button:focus-visible{box-shadow:inset 0 0 0 2px var(--ds-auro-button-border-inset-color)}:host([size=xl][shape=square]) ::slotted(auro-icon),:host([size=xl][shape=square]) ::slotted([auro-icon]){--ds-auro-icon-size: calc(var(--ds-size-400, 2rem) + var(--ds-size-50, .25rem))}:host([size=xl][shape=square][variant=primary]) .auro-button:focus,:host([size=xl][shape=square][variant=primary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 5px var(--ds-auro-button-border-inset-color)}:host([size=xl][shape=square][variant=primary]) .auro-button:focus:after,:host([size=xl][shape=square][variant=primary]) .auro-button:focus-visible:after{content:"";position:absolute;border-radius:inherit;box-sizing:content-box;top:0;left:0;width:calc(100% - 2px);height:calc(100% - 2px);border:1px solid var(--ds-auro-button-border-color)}:host([size=xl][shape=square][variant=secondary]) .auro-button:focus,:host([size=xl][shape=square][variant=secondary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 3px var(--ds-auro-button-border-inset-color)}:host([size=xl][shape=square][variant=tertiary]) .auro-button:focus,:host([size=xl][shape=square][variant=tertiary]) .auro-button:focus-visible{box-shadow:inset 0 0 0 4px var(--ds-auro-button-border-inset-color)}:host([size=xl][shape=square][variant=flat]) .auro-button:focus,:host([size=xl][shape=square][variant=flat]) .auro-button:focus-visible{box-shadow:inset 0 0 0 2px var(--ds-auro-button-border-inset-color)}:host([size=xl][shape=square][variant=ghost]) .auro-button:focus,:host([size=xl][shape=square][variant=ghost]) .auro-button:focus-visible{box-shadow:inset 0 0 0 2px var(--ds-auro-button-border-inset-color)}:host([size=xs]) .inset .contentWrapper{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-inline:var(--ds-size-150, .75rem)}:host([size=sm]) .inset .contentWrapper{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-inline:var(--ds-size-200, 1rem)}:host([size=md]) .inset .contentWrapper{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-inline:var(--ds-size-300, 1.5rem)}:host([size=lg]) .inset .contentWrapper{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-inline:var(--ds-size-400, 2rem)}:host([size=xl]) .inset .contentWrapper{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-inline:var(--ds-size-500, 2.5rem)}:host([shape=circle]) ::slotted(:not(auro-icon):not([auro-icon])){position:absolute;overflow:hidden;clip:rect(1px,1px,1px,1px);width:1px;height:1px;padding:0;border:0}:host([shape=square]) ::slotted(:not(auro-icon):not([auro-icon])){position:absolute;overflow:hidden;clip:rect(1px,1px,1px,1px);width:1px;height:1px;padding:0;border:0}:host([variant=flat]){display:inline-block}::slotted(svg){vertical-align:middle}.textSlot{display:inline-flex;align-items:center;gap:var(--ds-size-100, .5rem)}.contentWrapper{font-size:0}slot{pointer-events:none}[auro-loader]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}:host{display:inline-block;overflow:hidden}.auro-button{position:relative;cursor:pointer;padding:0 var(--ds-size-300, 1.5rem);padding-inline:unset;padding-block:unset;box-sizing:content-box;overflow:hidden;text-overflow:ellipsis;user-select:none;white-space:nowrap;outline:none;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--ds-size-100, .5rem);margin:0;-webkit-touch-callout:none;-webkit-user-select:none;transition:padding .3s ease-out}.auro-button:focus,.auro-button:focus-visible{outline:none}.auro-button:active{transform:scale(.95)}.auro-button.loading{cursor:not-allowed}.auro-button.loading *:not([auro-loader]){visibility:hidden}@media screen and (min-width: 576px){.auro-button{width:auto}}.auro-button:disabled{cursor:not-allowed;transform:unset}:host([fluid]){display:block}:host([fluid]) .auro-button:not(.thin):not(.simple){width:calc(100% - 4px)}:host([fluid]) .auro-button.thin{width:calc(100% - 2px)}:host([fluid]) .auro-button.simple{width:100%}:host([static]) .auro-button{pointer-events:none;cursor:default;display:inline-flex}:host([static]) .auro-button .contentWrapper{display:inline-flex}
 `,ht=s`:host{--ds-auro-button-border-color: var(--ds-advanced-color-button-primary-border, #01426a);--ds-auro-button-border-inset-color: var(--ds-advanced-color-state-focused-inverse, #ffffff);--ds-auro-button-container-color: var(--ds-advanced-color-button-primary-background, #01426a);--ds-auro-button-container-image: var(--ds-advanced-color-button-primary-background, #01426a);--ds-auro-button-loader-color: var(--ds-advanced-color-button-primary-text, #ffffff);--ds-auro-button-text-color: var(--ds-advanced-color-button-primary-text, #ffffff)}
@@ -130,4 +130,4 @@ import{unsafeStatic as e,literal as t,html as o}from"lit/static-html.js";import{
           </div>
         `}
       </div>
-    `}}customElements.get("auro-drawer-content")||customElements.define("auro-drawer-content",Rt);const Lt=["lg","md","sm","xs"];function _t(e){if(!(Lt.includes(e)?e:void 0))return;return getComputedStyle(document.documentElement).getPropertyValue("--ds-grid-breakpoint-"+e)}const Ft={backdrop:!0,prefix:"auroDrawer"};class qt extends Pe{constructor(){super("drawer"),this._initializeDefaults()}_initializeDefaults(){this.closeButtonAppearance="default",this.placement="right",this.size="lg",this.fullscreenBreakpoint="sm",this.drawerBib=void 0}static get properties(){return{...Pe.properties,closeButtonAppearance:{type:String,attribute:"close-button-appearance",carryDown:!0,reflect:!0},fullscreenBreakpoint:{type:String,reflect:!0},modal:{type:Boolean,carryDown:!0,reflect:!0},nested:{type:Boolean,reflect:!0},onDark:{type:Boolean,carryDown:!0,reflect:!0},placement:{type:String,carryDown:!0},size:{type:String,carryDown:!0},unformatted:{type:Boolean,carryDown:!0,reflect:!0}}}static register(e="auro-drawer"){l.prototype.registerComponent(e,qt)}get floaterConfig(){return{...super.floaterConfig,...Ft,placement:this.placement,fullscreenBreakpoint:_t(this.fullscreenBreakpoint)}}set expanded(e){e?this.drawerBib.setAttribute("stretch",""):this.drawerBib.removeAttribute("stretch")}get expanded(){return this.drawerBib.hasAttribute("stretch")}firstUpdated(){super.firstUpdated(),l.prototype.handleComponentTagRename(this,"auro-drawer"),this.drawerBib=document.createElement("auro-drawer-content"),this.drawerBib.triggerElement=this.triggerElement,this.drawerBib.addEventListener("close-click",()=>{this.hide()}),this.append(this.drawerBib),this.bib.setAttribute("exportparts","backdrop:drawer-backdrop"),this.setupAria()}setupAria(){this.triggerElement&&(this.triggerElement.setAttribute("aria-haspopup","dialog"),this.triggerElement.setAttribute("aria-controls",this.bib.getAttribute("id")))}updateDrawerBibAttribute(e,t){"boolean"==typeof t||void 0===t?t?this.drawerBib.setAttribute(e,""):this.drawerBib.removeAttribute(e):this.drawerBib.setAttribute(e,t)}updated(e){super.updated(e),[...this.children].forEach(e=>{e!==this.drawerBib&&this.drawerBib.append(e)}),[...e.entries()].forEach(([e])=>{qt.properties[e].carryDown&&this.updateDrawerBibAttribute(qt.properties[e].attribute||e,this[e])}),e.has("isPopoverVisible")&&(this.drawerBib.visible=this.isPopoverVisible,this.drawerBib.closing=!this.isPopoverVisible),e.has("triggerElement")&&(this.drawerBib&&(this.drawerBib.triggerElement=this.triggerElement),this.setupAria())}}export{qt as A};
+    `}}customElements.get("auro-drawer-content")||customElements.define("auro-drawer-content",Rt);const Lt=["lg","md","sm","xs"];function _t(e){if(!(Lt.includes(e)?e:void 0))return;return getComputedStyle(document.documentElement).getPropertyValue("--ds-grid-breakpoint-"+e)}const Ft={backdrop:!0,prefix:"auroDrawer"};class qt extends Pe{constructor(){super("drawer"),this._initializeDefaults()}_initializeDefaults(){this.closeButtonAppearance="default",this.placement="right",this.size="lg",this.fullscreenBreakpoint="sm",this.drawerBib=void 0}static get properties(){return{...Pe.properties,closeButtonAppearance:{type:String,attribute:"close-button-appearance",carryDown:!0,reflect:!0},fullscreenBreakpoint:{type:String,reflect:!0},modal:{type:Boolean,carryDown:!0,reflect:!0},nested:{type:Boolean,reflect:!0},onDark:{type:Boolean,carryDown:!0,reflect:!0},placement:{type:String,carryDown:!0},size:{type:String,carryDown:!0},unformatted:{type:Boolean,carryDown:!0,reflect:!0}}}static register(e="auro-drawer"){l.prototype.registerComponent(e,qt)}get floaterConfig(){return{...super.floaterConfig,...Ft,placement:this.placement,fullscreenBreakpoint:_t(this.fullscreenBreakpoint)}}set expanded(e){e?this.drawerBib.setAttribute("stretch",""):this.drawerBib.removeAttribute("stretch")}get expanded(){return this.drawerBib.hasAttribute("stretch")}firstUpdated(){super.firstUpdated(),l.prototype.handleComponentTagRename(this,"auro-drawer"),this.drawerBib=document.createElement("auro-drawer-content"),this.drawerBib.triggerElement=this.triggerElement,this.drawerBib.addEventListener("close-click",()=>{this.hide()}),this.append(this.drawerBib),this.bib.setAttribute("exportparts","backdrop:drawer-backdrop"),this.setupAria()}setupAria(){this.triggerElement&&(this.triggerElement.setAttribute("aria-haspopup","dialog"),this.triggerElement.setAttribute("aria-controls",this.bib.getAttribute("id")))}updateDrawerBibAttribute(e,t){"boolean"==typeof t||void 0===t?t?this.drawerBib.setAttribute(e,""):this.drawerBib.removeAttribute(e):this.drawerBib.setAttribute(e,t)}updated(e){super.updated(e),[...this.children].forEach(e=>{e!==this.drawerBib&&this.drawerBib.append(e)}),[...e.entries()].forEach(([e])=>{qt.properties[e].carryDown&&this.updateDrawerBibAttribute(qt.properties[e].attribute||e,this[e])}),e.has("isPopoverVisible")&&(this.drawerBib.visible=this.isPopoverVisible,this.isPopoverVisible?this.drawerBib.closing=!1:!0===e.get("isPopoverVisible")&&(this.drawerBib.closing=!0)),e.has("triggerElement")&&(this.drawerBib&&(this.drawerBib.triggerElement=this.triggerElement),this.setupAria())}}export{qt as A};

package/dist/index.d.ts

@@ -151,7 +151,7 @@ When expanded, the drawer will automatically display in fullscreen mode if the s
  * Methods that can be called to access component functionality.
  * 
  * - `_initializeDefaults() => void`: undefined
- * - `hide(eventType = undefined) => void`: Closes the native dialog.
+ * - `hide() => void`: Closes the native dialog.
  * - `register(name?: string = "auro-drawer") => void`: This will register this element with the browser.
  * - `show() => void`: Opens the native dialog inside the bib.
  * 

package/dist/index.js

@@ -1 +1 @@
-export{A as AuroDrawer}from"./auro-drawer-COaaMqSY.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-DXXjIJTE.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-COaaMqSY.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-DXXjIJTE.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.25",
+  "version": "0.0.0-pr131.27",
   "description": "auro-drawer HTML custom element",
   "repository": {
     "type": "git",