@aurodesignsystem-dev/auro-slideshow 0.0.0-pr22.1 → 0.0.0-pr22.2

package/README.md

@@ -32,6 +32,8 @@ The `<auro-slideshow>` component is a wrapper element. All slides are slotted co
 `autoplay` and `autoScroll` are mutually exclusive properties and should not be used together on the same component instance. 
 
 On mobile devices, `autoScroll` and `navigation` controls are automatically disabled.
+
+Both `navigation` and `pagination` can be used together, but at least one must be used to give users a clear way to control the slides manually.
 <!-- AURO-GENERATED-CONTENT:END -->
 
 ## UI development browser support

package/demo/api.md

@@ -16,7 +16,7 @@
 | [pauseLabel](#pauseLabel)  | `pauseLabel`  | `string`  | "Pause slideshow" | The aria-label for the pause button.             |
 | [playLabel](#playLabel)   | `playLabel`   | `string`  | "Play slideshow"  | The aria-label for the play button.              |
 | [playOnInit](#playOnInit)  | `playOnInit`  | `boolean` | false             | If true, the slideshow will start playing automatically on page load when `autoplay` or `autoScroll` are on. |
-| [scrollSpeed](#scrollSpeed) | `scrollSpeed` | `number`  | 1                 | Number of pixels auto scroll should advance per frame. (Only used with `autoScroll`) |
+| [scrollSpeed](#scrollSpeed) | `scrollSpeed` | `number`  | 0.75              | Number of pixels auto scroll should advance per frame. (Only used with `autoScroll`) |
 | [startDelay](#startDelay)  | `startDelay`  | `number`  | 1000              | Delay in milliseconds before the auto scroll starts. (Only used with `autoScroll`) |
 
 ## Methods
@@ -263,12 +263,12 @@ Setting the `autoScroll` attribute will also render the play button, but unlike
 
 ### ScrollSpeed
 
-To set a custom speed on an `autoScroll` slideshow, use the `scrollSpeed` attribute to pass in a new value in pixels per frame. The default value is 1. To make the slideshow scroll faster, use a higher number. The value does not need to be whole number.
+To set a custom speed on an `autoScroll` slideshow, use the `scrollSpeed` attribute to pass in a new value in pixels per frame. The default value is 0.75. To make the slideshow scroll faster, use a higher number. The value does not need to be whole number.
 
 <div class="exampleWrapper">
   <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/scrollspeed.html) -->
   <!-- The below content is automatically added from ./../apiExamples/scrollspeed.html -->
-    <auro-slideshow navigation autoscroll scrollSpeed="2.5" loop>
+    <auro-slideshow navigation autoscroll scrollSpeed="2.88" loop>
       <div style="height: 480px; max-width: 400px;">
         <img style="object-fit: cover;" src="https://picsum.photos/400/480?random=1" alt="Random image 1">
       </div>
@@ -293,7 +293,7 @@ To set a custom speed on an `autoScroll` slideshow, use the `scrollSpeed` attrib
 <!-- The below code snippet is automatically added from ./../apiExamples/scrollspeed.html -->
 
 ```html
-  <auro-slideshow navigation autoscroll scrollSpeed="2.5" loop>
+  <auro-slideshow navigation autoscroll scrollSpeed="2.88" loop>
     <div style="height: 480px; max-width: 400px;">
       <img style="object-fit: cover;" src="https://picsum.photos/400/480?random=1" alt="Random image 1">
     </div>
@@ -369,7 +369,7 @@ To set a custom delay before the `autoScroll` restarts, use the `startDelay` att
 
 ### PlayOnInit
 
-Setting the `playOnInit` attribute will start playing the slideshow when the page loads if `autoplay` or `autoScroll` are enabled. Otherwise, the slideshow will not start playing until the user clicks the play button or the `play()` method is called.
+Setting the `playOnInit` attribute will start playing the slideshow when the page loads if either `autoplay` or `autoScroll` are enabled. Otherwise, the slideshow will not start playing until the user clicks the play button or the `play()` method is called.
 
 <div class="exampleWrapper">
   <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/playoninit.html) -->
@@ -477,7 +477,7 @@ If the `loop` attribute is on, the slideshow will go back to the first slide whe
 
 Setting the `navigation` attribute will render previous/next arrow controls to allow the user to manually navigate the slideshow. These controls will only appear when the slides are hovered.
 
-If `loop` is off, the respective arrow control will be disabled when the slideshow is at the beginning or the end.
+If `loop` is off, the respective arrow control will be disabled/hidden when the slideshow is at the beginning or the end.
 
 `navigation` controls are disabled on mobile devices.
 

package/demo/auro-slideshow.min.js

@@ -3810,7 +3810,7 @@ class AuroIcon extends BaseIcon {
 
 var iconVersion = "8.0.4";
 
-var styleCss = i$5`:host{--border-size: 6px;--border-radius: 24px}.container{display:flex;width:100%;flex-direction:column;align-items:flex-start}.slideshow-wrapper{position:relative;display:flex;width:100%;overflow:hidden;align-items:center;justify-content:start;padding:var(--border-size)}.embla{max-width:100%;margin:0;--slide-size: 100%}.embla__container{display:flex}.embla__slide{transform:translateZ(0);min-width:0;flex:0 0 var(--slide-size);border-radius:var(--border-radius);box-sizing:border-box;margin-right:1rem;overflow:hidden}.embla__slide:focus-visible{outline:unset;box-shadow:0 0 0 2px var(--ds-basic-color-border-inverse, #ffffff),0 0 0 var(--border-size) var(--ds-advanced-color-state-focused, #01426a)}.embla__slide:not(.active):not(.in-view){filter:brightness(30%)}.scroll-prev,.scroll-next{position:absolute;display:none;top:50%;transform:translateY(-50%);z-index:10;--ds-auro-button-container-color: var(--ds-advanced-color-state-focused, #01426a);--ds-auro-button-container-image: var(--ds-advanced-color-state-focused, #01426a);color:var(--ds-advanced-color-shared-background, #ffffff)}.scroll-prev:hover,.scroll-next:hover{--ds-auro-button-container-color: var(--ds-advanced-color-button-primary-background-inverse-hover, #ebf3f9)}.scroll-prev{left:8px}.scroll-next{right:8px}.slideshow-wrapper:hover .scroll-prev,.slideshow-wrapper:hover .scroll-next{display:block}.pagination-container{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;width:100%;margin-top:40px;gap:14px}.embla__dots{display:flex;gap:16px}.embla__dot{width:12px;height:12px;border-radius:50%;border:none;background-color:var(--ds-advanced-color-button-primary-background-inactive, #cfe0ef);position:relative;cursor:pointer;transition:all .3s ease-in-out}.embla__dot:hover:not(.embla__dot--selected){background-color:var(--ds-advanced-color-button-primary-background-inactive-hover, #89b2d4)}.embla__dot:before{content:"";width:24px;height:24px;position:absolute;cursor:pointer;top:50%;left:50%;transform:translate(-50%,-50%)}.embla__dot--selected{width:52px;height:12px;border-radius:1.8rem;background-color:var(--ds-advanced-color-button-primary-background, #01426a)}.embla__dot--selected:before{width:64px}.embla__progress{width:52px;height:12px;border-radius:1.8rem;border:none;background-color:var(--ds-advanced-color-button-primary-background-inactive, #cfe0ef);position:relative;overflow:hidden;cursor:pointer;align-self:center;justify-self:center;transition:all .3s ease-in-out}.embla__progress:hover:not(.stopped){background-color:var(--ds-advanced-color-button-primary-background-inactive-hover, #89b2d4)}.embla__progress__bar{border-radius:inherit;background-color:var(--ds-advanced-color-button-primary-background, #01426a);position:absolute;width:100%;top:0;bottom:0;left:-100%;animation-name:autoplay-progress;animation-timing-function:linear;animation-iteration-count:1;animation-play-state:running}.embla__progress--paused .embla__progress__bar{animation-play-state:paused}.stopped{background-color:var(--ds-advanced-color-button-primary-background, #01426a)}@keyframes autoplay-progress{0%{transform:translateZ(0)}to{transform:translate3d(100%,0,0)}}
+var styleCss = i$5`:host{--border-size: 6px;--border-radius: 24px}.container{display:flex;width:100%;flex-direction:column;align-items:flex-start}.slideshow-wrapper{position:relative;display:flex;width:100%;overflow:hidden;align-items:center;justify-content:start;padding:var(--border-size)}.embla{max-width:100%;margin:0;--slide-size: 100%}.embla__container{display:flex}.embla__slide{transform:translateZ(0);min-width:0;flex:0 0 var(--slide-size);border-radius:var(--border-radius);box-sizing:border-box;margin-right:1rem;overflow:hidden}.embla__slide:focus-visible{outline:unset;box-shadow:0 0 0 2px var(--ds-basic-color-border-inverse, #ffffff),0 0 0 var(--border-size) var(--ds-advanced-color-state-focused, #01426a)}.embla__slide:not(.active):not(.in-view){filter:brightness(30%)}.scroll-prev,.scroll-next{position:absolute;display:none;top:50%;transform:translateY(-50%);z-index:10}.scroll-prev{left:8px}.scroll-next{right:8px}.slideshow-wrapper:hover .scroll-prev:not([disabled]),.slideshow-wrapper:hover .scroll-next:not([disabled]){display:block}.pagination-container{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;width:100%;margin-top:40px;gap:14px}.embla__dots{display:flex;gap:16px}.embla__dot{width:12px;height:12px;border-radius:50%;border:none;background-color:var(--ds-advanced-color-button-primary-background-inactive, #cfe0ef);position:relative;cursor:pointer;transition:all .3s ease-in-out}.embla__dot:hover:not(.embla__dot--selected){background-color:var(--ds-advanced-color-button-primary-background-inactive-hover, #89b2d4)}.embla__dot:before{content:"";width:24px;height:24px;position:absolute;cursor:pointer;top:50%;left:50%;transform:translate(-50%,-50%)}.embla__dot--selected{width:52px;height:12px;border-radius:1.8rem;background-color:var(--ds-advanced-color-button-primary-background, #01426a)}.embla__dot--selected:before{width:64px}.embla__progress{width:52px;height:12px;border-radius:1.8rem;border:none;background-color:var(--ds-advanced-color-button-primary-background-inactive, #cfe0ef);position:relative;overflow:hidden;cursor:pointer;align-self:center;justify-self:center;transition:all .3s ease-in-out}.embla__progress:hover:not(.stopped){background-color:var(--ds-advanced-color-button-primary-background-inactive-hover, #89b2d4)}.embla__progress__bar{border-radius:inherit;background-color:var(--ds-advanced-color-button-primary-background, #01426a);position:absolute;width:100%;top:0;bottom:0;left:-100%;animation-name:autoplay-progress;animation-timing-function:linear;animation-iteration-count:1;animation-play-state:running}.embla__progress--paused .embla__progress__bar{animation-play-state:paused}.stopped{background-color:var(--ds-advanced-color-button-primary-background, #01426a)}@keyframes autoplay-progress{0%{transform:translateZ(0)}to{transform:translate3d(100%,0,0)}}
 `;
 
 // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
@@ -3834,7 +3834,7 @@ class AuroSlideshow extends i$2 {
     this.delay = 7000;
 
     this.autoScroll = false;
-    this.scrollSpeed = 1;
+    this.scrollSpeed = 0.75;
     this.startDelay = 1000;
 
     this.playOnInit = false;
@@ -4109,13 +4109,15 @@ class AuroSlideshow extends i$2 {
     if (this.autoplay) {
       this.embla
         .on("autoplay:stop", this.togglePlayButtonOnStop)
-        .on("autoplay:play", this.togglePlayButtonOnPlay);
+        .on("autoplay:play", this.togglePlayButtonOnPlay)
+        .on("init", this.togglePlayButtonOnStop);
     }
 
     if (this.autoScroll && !this.isTouchDevice()) {
       this.embla
         .on("autoScroll:stop", this.togglePlayButtonOnStop)
-        .on("autoScroll:play", this.togglePlayButtonOnPlay);
+        .on("autoScroll:play", this.togglePlayButtonOnPlay)
+        .on("init", this.togglePlayButtonOnStop);
     }
   }
 
@@ -4233,8 +4235,11 @@ class AuroSlideshow extends i$2 {
     // add event listener to embla instance to toggle tabindex on active slide whenever slide is changed
     this.embla.on("select", this.toggleTabIndex);
 
-    // Set isPlaying to true if play is triggered on init
-    this.isPlaying = this.playOnInit;
+    // Set isPlaying to true if autoplay or autoScroll is enabled
+    // this ensures that the play button label is set correctly on page load
+    if (this.autoplay || (this.autoScroll && !this.isTouchDevice())) {
+      this.isPlaying = true;
+    }
   }
 
   /**

package/demo/index.md

@@ -33,6 +33,8 @@ The `<auro-slideshow>` element should be used in situations where:
 `autoplay` and `autoScroll` are mutually exclusive properties and should not be used together on the same component instance. 
 
 On mobile devices, `autoScroll` and `navigation` controls are automatically disabled.
+
+Both `navigation` and `pagination` can be used together, but at least one must be used to give users a clear way to control the slides manually.
 <!-- AURO-GENERATED-CONTENT:END -->
 
 ## Example(s)

package/dist/{auro-slideshow-CJw31Ppp.js → auro-slideshow-DiWsXzFG.js}

@@ -1,4 +1,4 @@
-import{LitElement as t,css as e,html as o,nothing as r}from"lit";import{unsafeStatic as n,literal as a,html as i}from"lit/static-html.js";import{classMap as s}from"lit/directives/class-map.js";import{ifDefined as d}from"lit/directives/if-defined.js";function l(t){return"number"==typeof t}function c(t){return"string"==typeof t}function u(t){return"boolean"==typeof t}function p(t){return"[object Object]"===Object.prototype.toString.call(t)}function h(t){return Math.abs(t)}function f(t){return Math.sign(t)}function b(t,e){return h(t-e)}function g(t){return w(t).map(Number)}function m(t){return t[v(t)]}function v(t){return Math.max(0,t.length-1)}function y(t,e){return e===v(t)}function x(t,e=0){return Array.from(Array(t),((t,o)=>e+o))}function w(t){return Object.keys(t)}function k(t,e){return[t,e].reduce(((t,e)=>(w(e).forEach((o=>{const r=t[o],n=e[o],a=p(r)&&p(n);t[o]=a?k(r,n):n})),t)),{})}function S(t,e){return void 0!==e.MouseEvent&&t instanceof e.MouseEvent}function _(){let t=[];const e={add:function(o,r,n,a={passive:!0}){let i;if("addEventListener"in o)o.addEventListener(r,n,a),i=()=>o.removeEventListener(r,n,a);else{const t=o;t.addListener(n),i=()=>t.removeListener(n)}return t.push(i),e},clear:function(){t=t.filter((t=>t()))}};return e}function L(t,e,o,r){const n=_(),a=1e3/60;let i=null,s=0,d=0;function l(t){if(!d)return;i||(i=t,o(),o());const n=t-i;for(i=t,s+=n;s>=a;)o(),s-=a;r(s/a),d&&(d=e.requestAnimationFrame(l))}function c(){e.cancelAnimationFrame(d),i=null,s=0,d=0}return{init:function(){n.add(t,"visibilitychange",(()=>{t.hidden&&(i=null,s=0)}))},destroy:function(){c(),n.clear()},start:function(){d||(d=e.requestAnimationFrame(l))},stop:c,update:o,render:r}}function D(t=0,e=0){const o=h(t-e);function r(e){return e<t}function n(t){return t>e}function a(t){return r(t)||n(t)}return{length:o,max:e,min:t,constrain:function(o){return a(o)?r(o)?t:e:o},reachedAny:a,reachedMax:n,reachedMin:r,removeOffset:function(t){return o?t-o*Math.ceil((t-e)/o):t}}}function O(t,e,o){const{constrain:r}=D(0,t),n=t+1;let a=i(e);function i(t){return o?h((n+t)%n):r(t)}function s(){return a}function d(){return O(t,s(),o)}const l={get:s,set:function(t){return a=i(t),l},add:function(t){return d().set(s()+t)},clone:d};return l}function z(t,e,o,r,n,a,i,s,d,l,c,p,g,m,v,y,x,w,k){const{cross:L,direction:O}=t,z=["INPUT","SELECT","TEXTAREA"],E={passive:!1},A=_(),C=_(),T=D(50,225).constrain(m.measure(20)),B={mouse:300,touch:400},I={mouse:500,touch:600},$=v?43:25;let N=!1,P=0,M=0,F=!1,q=!1,H=!1,W=!1;function R(t){if(!S(t,r)&&t.touches.length>=2)return V(t);const e=a.readPoint(t),o=a.readPoint(t,L),i=b(e,P),d=b(o,M);if(!q&&!W){if(!t.cancelable)return V(t);if(q=i>d,!q)return V(t)}const c=a.pointerMove(t);i>y&&(H=!0),l.useFriction(.3).useDuration(.75),s.start(),n.add(O(c)),t.preventDefault()}function V(t){const e=c.byDistance(0,!1).index!==p.get(),o=a.pointerUp(t)*(v?I:B)[W?"mouse":"touch"],r=function(t,e){const o=p.add(-1*f(t)),r=c.byDistance(t,!v).distance;return v||h(t)<T?r:x&&e?.5*r:c.byIndex(o.get(),0).distance}(O(o),e),n=function(t,e){if(0===t||0===e)return 0;if(h(t)<=h(e))return 0;const o=b(h(t),h(e));return h(o/t)}(o,r),i=$-10*n,s=w+n/50;q=!1,F=!1,C.clear(),l.useDuration(i).useFriction(s),d.distance(r,!v),W=!1,g.emit("pointerUp")}function j(t){H&&(t.stopPropagation(),t.preventDefault(),H=!1)}return{init:function(t){if(!k)return;function s(s){(u(k)||k(t,s))&&function(t){const s=S(t,r);if(W=s,H=v&&s&&!t.buttons&&N,N=b(n.get(),i.get())>=2,s&&0!==t.button)return;if(function(t){const e=t.nodeName||"";return z.includes(e)}(t.target))return;F=!0,a.pointerDown(t),l.useFriction(0).useDuration(0),n.set(i),function(){const t=W?o:e;C.add(t,"touchmove",R,E).add(t,"touchend",V).add(t,"mousemove",R,E).add(t,"mouseup",V)}(),P=a.readPoint(t),M=a.readPoint(t,L),g.emit("pointerDown")}(s)}const d=e;A.add(d,"dragstart",(t=>t.preventDefault()),E).add(d,"touchmove",(()=>{}),E).add(d,"touchend",(()=>{})).add(d,"touchstart",s).add(d,"mousedown",s).add(d,"touchcancel",V).add(d,"contextmenu",V).add(d,"click",j,!0)},destroy:function(){A.clear(),C.clear()},pointerDown:function(){return F}}}function E(t,e){let o,r;function n(t){return t.timeStamp}function a(o,r){const n="client"+("x"===(r||t.scroll)?"X":"Y");return(S(o,e)?o:o.touches[0])[n]}return{pointerDown:function(t){return o=t,r=t,a(t)},pointerMove:function(t){const e=a(t)-a(r),i=n(t)-n(o)>170;return r=t,i&&(o=t),e},pointerUp:function(t){if(!o||!r)return 0;const e=a(r)-a(o),i=n(t)-n(o),s=n(t)-n(r)>170,d=e/i;return i&&!s&&h(d)>.1?d:0},readPoint:a}}function A(t,e,o,r,n,a,i){const s=[t].concat(r);let d,l,c=[],p=!1;function f(t){return n.measureSize(i.measure(t))}return{init:function(n){a&&(l=f(t),c=r.map(f),d=new ResizeObserver((o=>{(u(a)||a(n,o))&&function(o){for(const a of o){if(p)return;const o=a.target===t,i=r.indexOf(a.target),s=o?l:c[i];if(h(f(o?t:r[i])-s)>=.5){n.reInit(),e.emit("resize");break}}}(o)})),o.requestAnimationFrame((()=>{s.forEach((t=>d.observe(t)))})))},destroy:function(){p=!0,d&&d.disconnect()}}}function C(t,e,o,r,n){const a=n.measure(10),i=n.measure(50),s=D(.1,.99);let d=!1;function l(){return!d&&(!!t.reachedAny(o.get())&&!!t.reachedAny(e.get()))}return{shouldConstrain:l,constrain:function(n){if(!l())return;const d=t.reachedMin(e.get())?"min":"max",c=h(t[d]-e.get()),u=o.get()-e.get(),p=s.constrain(c/i);o.subtract(u*p),!n&&h(u)<a&&(o.set(t.constrain(o.get())),r.useDuration(25).useBaseFriction())},toggleActive:function(t){d=!t}}}function T(t,e,o,r){const n=e.min+.1,a=e.max+.1,{reachedMin:i,reachedMax:s}=D(n,a);return{loop:function(e){if(!function(t){return 1===t?s(o.get()):-1===t&&i(o.get())}(e))return;const n=t*(-1*e);r.forEach((t=>t.add(n)))}}}function B(t,e,o,r,n){const{reachedAny:a,removeOffset:i,constrain:s}=r;function d(t){return t.concat().sort(((t,e)=>h(t)-h(e)))[0]}function l(e,r){const n=[e,e+o,e-o];if(!t)return e;if(!r)return d(n);const a=n.filter((t=>f(t)===r));return a.length?d(a):m(n)-o}return{byDistance:function(o,r){const d=n.get()+o,{index:c,distance:u}=function(o){const r=t?i(o):s(o),n=e.map(((t,e)=>({diff:l(t-r,0),index:e}))).sort(((t,e)=>h(t.diff)-h(e.diff))),{index:a}=n[0];return{index:a,distance:r}}(d),p=!t&&a(d);return!r||p?{index:c,distance:o}:{index:c,distance:o+l(e[c]-u,0)}},byIndex:function(t,o){return{index:t,distance:l(e[t]-n.get(),o)}},shortcut:l}}function I(t,e,o,r,n,a,i,s){const d={passive:!0,capture:!0};let c=0;function p(t){"Tab"===t.code&&(c=(new Date).getTime())}return{init:function(h){s&&(a.add(document,"keydown",p,!1),e.forEach(((e,p)=>{a.add(e,"focus",(e=>{(u(s)||s(h,e))&&function(e){if((new Date).getTime()-c>10)return;i.emit("slideFocusStart"),t.scrollLeft=0;const a=o.findIndex((t=>t.includes(e)));l(a)&&(n.useDuration(0),r.index(a,0),i.emit("slideFocus"))}(p)}),d)})))}}}function $(t){let e=t;function o(t){return l(t)?t:t.get()}return{get:function(){return e},set:function(t){e=o(t)},add:function(t){e+=o(t)},subtract:function(t){e-=o(t)}}}function N(t,e){const o="x"===t.scroll?function(t){return`translate3d(${t}px,0px,0px)`}:function(t){return`translate3d(0px,${t}px,0px)`},r=e.style;let n=null,a=!1;return{clear:function(){a||(r.transform="",e.getAttribute("style")||e.removeAttribute("style"))},to:function(e){if(a)return;const i=(s=t.direction(e),Math.round(100*s)/100);var s;i!==n&&(r.transform=o(i),n=i)},toggleActive:function(t){a=!t}}}function P(t,e,o,r,n,a,i,s,d){const l=g(n),c=g(n).reverse(),u=function(){const t=i[0];return f(h(c,t),o,!1)}().concat(function(){const t=e-i[0]-1;return f(h(l,t),-o,!0)}());function p(t,e){return t.reduce(((t,e)=>t-n[e]),e)}function h(t,e){return t.reduce(((t,o)=>p(t,e)>0?t.concat([o]):t),[])}function f(n,i,l){const c=function(t){return a.map(((o,n)=>({start:o-r[n]+.5+t,end:o+e-.5+t})))}(i);return n.map((e=>{const r=l?0:-o,n=l?o:0,a=l?"end":"start",i=c[e][a];return{index:e,loopPoint:i,slideLocation:$(-1),translate:N(t,d[e]),target:()=>s.get()>i?r:n}}))}return{canLoop:function(){return u.every((({index:t})=>p(l.filter((e=>e!==t)),e)<=.1))},clear:function(){u.forEach((t=>t.translate.clear()))},loop:function(){u.forEach((t=>{const{target:e,translate:o,slideLocation:r}=t,n=e();n!==r.get()&&(o.to(n),r.set(n))}))},loopPoints:u}}function M(t,e,o){let r,n=!1;return{init:function(a){o&&(r=new MutationObserver((t=>{n||(u(o)||o(a,t))&&function(t){for(const o of t)if("childList"===o.type){a.reInit(),e.emit("slidesChanged");break}}(t)})),r.observe(t,{childList:!0}))},destroy:function(){r&&r.disconnect(),n=!0}}}function F(t,e,o,r){const n={};let a,i=null,s=null,d=!1;return{init:function(){a=new IntersectionObserver((t=>{d||(t.forEach((t=>{const o=e.indexOf(t.target);n[o]=t})),i=null,s=null,o.emit("slidesInView"))}),{root:t.parentElement,threshold:r}),e.forEach((t=>a.observe(t)))},destroy:function(){a&&a.disconnect(),d=!0},get:function(t=!0){if(t&&i)return i;if(!t&&s)return s;const e=function(t){return w(n).reduce(((e,o)=>{const r=parseInt(o),{isIntersecting:a}=n[r];return(t&&a||!t&&!a)&&e.push(r),e}),[])}(t);return t&&(i=e),t||(s=e),e}}}function q(t,e,o,r,n,a,i,s,d){const{startEdge:c,endEdge:u,direction:p}=t,f=l(o);return{groupSlides:function(t){return f?function(t,e){return g(t).filter((t=>t%e==0)).map((o=>t.slice(o,o+e)))}(t,o):function(t){return t.length?g(t).reduce(((o,l,f)=>{const b=m(o)||0,g=0===b,y=l===v(t),x=n[c]-a[b][c],w=n[c]-a[l][u],k=!r&&g?p(i):0,S=h(w-(!r&&y?p(s):0)-(x+k));return f&&S>e+d&&o.push(l),y&&o.push(t.length),o}),[]).map(((e,o,r)=>{const n=Math.max(r[o-1]||0);return t.slice(n,e)})):[]}(t)}}}function H(t,e,o,r,n,a,i){const{align:s,axis:d,direction:l,startIndex:u,loop:p,duration:w,dragFree:k,dragThreshold:S,inViewThreshold:H,slidesToScroll:W,skipSnaps:R,containScroll:V,watchResize:j,watchSlides:U,watchDrag:X,watchFocus:G}=a,K={measure:function(t){const{offsetTop:e,offsetLeft:o,offsetWidth:r,offsetHeight:n}=t;return{top:e,right:o+r,bottom:e+n,left:o,width:r,height:n}}},Q=K.measure(e),Y=o.map(K.measure),Z=function(t,e){const o="rtl"===e,r="y"===t,n=!r&&o?-1:1;return{scroll:r?"y":"x",cross:r?"x":"y",startEdge:r?"top":o?"right":"left",endEdge:r?"bottom":o?"left":"right",measureSize:function(t){const{height:e,width:o}=t;return r?e:o},direction:function(t){return t*n}}}(d,l),J=Z.measureSize(Q),tt=function(t){return{measure:function(e){return t*(e/100)}}}(J),et=function(t,e){const o={start:function(){return 0},center:function(t){return r(t)/2},end:r};function r(t){return e-t}return{measure:function(r,n){return c(t)?o[t](r):t(e,r,n)}}}(s,J),ot=!p&&!!V,rt=p||!!V,{slideSizes:nt,slideSizesWithGaps:at,startGap:it,endGap:st}=function(t,e,o,r,n,a){const{measureSize:i,startEdge:s,endEdge:d}=t,l=o[0]&&n,c=function(){if(!l)return 0;const t=o[0];return h(e[s]-t[s])}(),u=function(){if(!l)return 0;const t=a.getComputedStyle(m(r));return parseFloat(t.getPropertyValue(`margin-${d}`))}(),p=o.map(i),f=o.map(((t,e,o)=>{const r=!e,n=y(o,e);return r?p[e]+c:n?p[e]+u:o[e+1][s]-t[s]})).map(h);return{slideSizes:p,slideSizesWithGaps:f,startGap:c,endGap:u}}(Z,Q,Y,o,rt,n),dt=q(Z,J,W,p,Q,Y,it,st,2),{snaps:lt,snapsAligned:ct}=function(t,e,o,r,n){const{startEdge:a,endEdge:i}=t,{groupSlides:s}=n,d=s(r).map((t=>m(t)[i]-t[0][a])).map(h).map(e.measure),l=r.map((t=>o[a]-t[a])).map((t=>-h(t))),c=s(l).map((t=>t[0])).map(((t,e)=>t+d[e]));return{snaps:l,snapsAligned:c}}(Z,et,Q,Y,dt),ut=-m(lt)+m(at),{snapsContained:pt,scrollContainLimit:ht}=function(t,e,o,r,n){const a=D(-e+t,0),i=o.map(((t,e)=>{const{min:r,max:n}=a,i=a.constrain(t),s=!e,l=y(o,e);return s?n:l||d(r,i)?r:d(n,i)?n:i})).map((t=>parseFloat(t.toFixed(3)))),s=function(){const t=i[0],e=m(i);return D(i.lastIndexOf(t),i.indexOf(e)+1)}();function d(t,e){return b(t,e)<=1}return{snapsContained:function(){if(e<=t+n)return[a.max];if("keepSnaps"===r)return i;const{min:o,max:d}=s;return i.slice(o,d)}(),scrollContainLimit:s}}(J,ut,ct,V,2),ft=ot?pt:ct,{limit:bt}=function(t,e,o){const r=e[0];return{limit:D(o?r-t:m(e),r)}}(ut,ft,p),gt=O(v(ft),u,p),mt=gt.clone(),vt=g(o),yt=L(r,n,(()=>(({dragHandler:t,scrollBody:e,scrollBounds:o,options:{loop:r}})=>{r||o.constrain(t.pointerDown()),e.seek()})(Bt)),(t=>(({scrollBody:t,translate:e,location:o,offsetLocation:r,previousLocation:n,scrollLooper:a,slideLooper:i,dragHandler:s,animation:d,eventHandler:l,scrollBounds:c,options:{loop:u}},p)=>{const h=t.settled(),f=!c.shouldConstrain(),b=u?h:h&&f,g=b&&!s.pointerDown();g&&d.stop();const m=o.get()*p+n.get()*(1-p);r.set(m),u&&(a.loop(t.direction()),i.loop()),e.to(r.get()),g&&l.emit("settle"),b||l.emit("scroll")})(Bt,t))),xt=ft[gt.get()],wt=$(xt),kt=$(xt),St=$(xt),_t=$(xt),Lt=function(t,e,o,r,n,a){let i=0,s=0,d=n,l=a,c=t.get(),u=0;function p(t){return d=t,g}function b(t){return l=t,g}const g={direction:function(){return s},duration:function(){return d},velocity:function(){return i},seek:function(){const e=r.get()-t.get();let n=0;return d?(o.set(t),i+=e/d,i*=l,c+=i,t.add(i),n=c-u):(i=0,o.set(r),t.set(r),n=e),s=f(n),u=c,g},settled:function(){return h(r.get()-e.get())<.001},useBaseFriction:function(){return b(a)},useBaseDuration:function(){return p(n)},useFriction:b,useDuration:p};return g}(wt,St,kt,_t,w,.68),Dt=B(p,ft,ut,bt,_t),Ot=function(t,e,o,r,n,a,i){function s(n){const s=n.distance,d=n.index!==e.get();a.add(s),s&&(r.duration()?t.start():(t.update(),t.render(1),t.update())),d&&(o.set(e.get()),e.set(n.index),i.emit("select"))}return{distance:function(t,e){s(n.byDistance(t,e))},index:function(t,o){const r=e.clone().set(t);s(n.byIndex(r.get(),o))}}}(yt,gt,mt,Lt,Dt,_t,i),zt=function(t){const{max:e,length:o}=t;return{get:function(t){return o?(t-e)/-o:0}}}(bt),Et=_(),At=F(e,o,i,H),{slideRegistry:Ct}=function(t,e,o,r,n,a){const{groupSlides:i}=n,{min:s,max:d}=r;return{slideRegistry:function(){const r=i(a),n=!t||"keepSnaps"===e;return 1===o.length?[a]:n?r:r.slice(s,d).map(((t,e,o)=>{const r=!e,n=y(o,e);return r?x(m(o[0])+1):n?x(v(a)-m(o)[0]+1,m(o)[0]):t}))}()}}(ot,V,ft,ht,dt,vt),Tt=I(t,o,Ct,Ot,Lt,Et,i,G),Bt={ownerDocument:r,ownerWindow:n,eventHandler:i,containerRect:Q,slideRects:Y,animation:yt,axis:Z,dragHandler:z(Z,t,r,n,_t,E(Z,n),wt,yt,Ot,Lt,Dt,gt,i,tt,k,S,R,.68,X),eventStore:Et,percentOfView:tt,index:gt,indexPrevious:mt,limit:bt,location:wt,offsetLocation:St,previousLocation:kt,options:a,resizeHandler:A(e,i,n,o,Z,j,K),scrollBody:Lt,scrollBounds:C(bt,St,_t,Lt,tt),scrollLooper:T(ut,bt,St,[wt,St,kt,_t]),scrollProgress:zt,scrollSnapList:ft.map(zt.get),scrollSnaps:ft,scrollTarget:Dt,scrollTo:Ot,slideLooper:P(Z,J,ut,nt,at,lt,ft,St,o),slideFocus:Tt,slidesHandler:M(e,i,U),slidesInView:At,slideIndexes:vt,slideRegistry:Ct,slidesToScroll:dt,target:_t,translate:N(Z,e)};return Bt}const W={align:"center",axis:"x",container:null,slides:null,containScroll:"trimSnaps",direction:"ltr",slidesToScroll:1,inViewThreshold:0,breakpoints:{},dragFree:!1,dragThreshold:10,loop:!1,skipSnaps:!1,duration:25,startIndex:0,active:!0,watchDrag:!0,watchResize:!0,watchSlides:!0,watchFocus:!0};function R(t){function e(t,e){return k(t,e||{})}const o={mergeOptions:e,optionsAtMedia:function(o){const r=o.breakpoints||{},n=w(r).filter((e=>t.matchMedia(e).matches)).map((t=>r[t])).reduce(((t,o)=>e(t,o)),{});return e(o,n)},optionsMediaQueries:function(e){return e.map((t=>w(t.breakpoints||{}))).reduce(((t,e)=>t.concat(e)),[]).map(t.matchMedia)}};return o}function V(t,e,o){const r=t.ownerDocument,n=r.defaultView,a=R(n),i=function(t){let e=[];return{init:function(o,r){return e=r.filter((({options:e})=>!1!==t.optionsAtMedia(e).active)),e.forEach((e=>e.init(o,t))),r.reduce(((t,e)=>Object.assign(t,{[e.name]:e})),{})},destroy:function(){e=e.filter((t=>t.destroy()))}}}(a),s=_(),d=function(){let t,e={};function o(t){return e[t]||[]}const r={init:function(e){t=e},emit:function(e){return o(e).forEach((o=>o(t,e))),r},off:function(t,n){return e[t]=o(t).filter((t=>t!==n)),r},on:function(t,n){return e[t]=o(t).concat([n]),r},clear:function(){e={}}};return r}(),{mergeOptions:l,optionsAtMedia:u,optionsMediaQueries:p}=a,{on:h,off:f,emit:b}=d,g=z;let m,v,y,x,w=!1,k=l(W,V.globalOptions),S=l(k),L=[];function D(e){const o=H(t,y,x,r,n,e,d);if(e.loop&&!o.slideLooper.canLoop()){return D(Object.assign({},e,{loop:!1}))}return o}function O(e,o){w||(k=l(k,e),S=u(k),L=o||L,function(){const{container:e,slides:o}=S,r=c(e)?t.querySelector(e):e;y=r||t.children[0];const n=c(o)?y.querySelectorAll(o):o;x=[].slice.call(n||y.children)}(),m=D(S),p([k,...L.map((({options:t})=>t))]).forEach((t=>s.add(t,"change",z))),S.active&&(m.translate.to(m.location.get()),m.animation.init(),m.slidesInView.init(),m.slideFocus.init(T),m.eventHandler.init(T),m.resizeHandler.init(T),m.slidesHandler.init(T),m.options.loop&&m.slideLooper.loop(),y.offsetParent&&x.length&&m.dragHandler.init(T),v=i.init(T,L)))}function z(t,e){const o=C();E(),O(l({startIndex:o},t),e),d.emit("reInit")}function E(){m.dragHandler.destroy(),m.eventStore.clear(),m.translate.clear(),m.slideLooper.clear(),m.resizeHandler.destroy(),m.slidesHandler.destroy(),m.slidesInView.destroy(),m.animation.destroy(),i.destroy(),s.clear()}function A(t,e,o){S.active&&!w&&(m.scrollBody.useBaseFriction().useDuration(!0===e?0:S.duration),m.scrollTo.index(t,o||0))}function C(){return m.index.get()}const T={canScrollNext:function(){return m.index.add(1).get()!==C()},canScrollPrev:function(){return m.index.add(-1).get()!==C()},containerNode:function(){return y},internalEngine:function(){return m},destroy:function(){w||(w=!0,s.clear(),E(),d.emit("destroy"),d.clear())},off:f,on:h,emit:b,plugins:function(){return v},previousScrollSnap:function(){return m.indexPrevious.get()},reInit:g,rootNode:function(){return t},scrollNext:function(t){A(m.index.add(1).get(),t,-1)},scrollPrev:function(t){A(m.index.add(-1).get(),t,1)},scrollProgress:function(){return m.scrollProgress.get(m.offsetLocation.get())},scrollSnapList:function(){return m.scrollSnapList},scrollTo:A,selectedScrollSnap:C,slideNodes:function(){return x},slidesInView:function(){return m.slidesInView.get()},slidesNotInView:function(){return m.slidesInView.get(!1)}};return O(e,o),setTimeout((()=>d.emit("init")),0),T}V.globalOptions=void 0;const j={direction:"forward",speed:2,startDelay:1e3,active:!0,breakpoints:{},playOnInit:!0,stopOnFocusIn:!0,stopOnInteraction:!0,stopOnMouseEnter:!1,rootNode:null};function U(t={}){let e,o,r,n,a,i=0,s=!1,d=!1;function l(){if(r)return;if(s)return;o.emit("autoScroll:play");const t=o.internalEngine(),{ownerWindow:a}=t;i=a.setTimeout((()=>{t.scrollBody=function(t){const{location:r,previousLocation:n,offsetLocation:a,target:i,scrollTarget:s,index:d,indexPrevious:l,limit:{reachedMin:u,reachedMax:p,constrain:h},options:{loop:f}}=t,b="forward"===e.direction?-1:1,g=()=>S;let m=0,v=0,y=r.get(),x=0,w=!1;function k(){let t=0;n.set(r),m=b*e.speed,y+=m,r.add(m),i.set(r),t=y-x,v=Math.sign(t),x=y;const g=s.byDistance(0,!1).index;d.get()!==g&&(l.set(d.get()),d.set(g),o.emit("select"));const k="forward"===e.direction?u(a.get()):p(a.get());if(!f&&k){w=!0;const t=h(r.get());r.set(t),i.set(r),c()}return S}const S={direction:()=>v,duration:()=>-1,velocity:()=>m,settled:()=>w,seek:k,useBaseFriction:g,useBaseDuration:g,useFriction:g,useDuration:g};return S}(t),t.animation.start()}),n),s=!0}function c(){if(r)return;if(!s)return;o.emit("autoScroll:stop");const t=o.internalEngine(),{ownerWindow:e}=t;t.scrollBody=a,e.clearTimeout(i),i=0,s=!1}function u(){d||c()}function p(){d||g()}function h(){d=!0,c()}function f(){d=!1,l()}function b(){o.off("settle",b),l()}function g(){o.on("settle",b)}return{name:"autoScroll",options:t,init:function(i,s){o=i;const{mergeOptions:d,optionsAtMedia:b}=s,g=d(j,U.globalOptions),m=d(g,t);if(e=b(m),o.scrollSnapList().length<=1)return;n=e.startDelay,r=!1,a=o.internalEngine().scrollBody;const{eventStore:v}=o.internalEngine(),y=!!o.internalEngine().options.watchDrag,x=function(t,e){const o=t.rootNode();return e&&e(o)||o}(o,e.rootNode);y&&o.on("pointerDown",u),y&&!e.stopOnInteraction&&o.on("pointerUp",p),e.stopOnMouseEnter&&v.add(x,"mouseenter",h),e.stopOnMouseEnter&&!e.stopOnInteraction&&v.add(x,"mouseleave",f),e.stopOnFocusIn&&o.on("slideFocusStart",c),e.stopOnFocusIn&&!e.stopOnInteraction&&v.add(o.containerNode(),"focusout",l),e.playOnInit&&l()},destroy:function(){o.off("pointerDown",u).off("pointerUp",p).off("slideFocusStart",c).off("settle",b),c(),r=!0,s=!1},play:function(t){void 0!==t&&(n=t),l()},stop:function(){s&&c()},reset:function(){s&&(c(),g())},isPlaying:function(){return s}}}U.globalOptions=void 0;const X={active:!0,breakpoints:{},delay:4e3,jump:!1,playOnInit:!0,stopOnFocusIn:!0,stopOnInteraction:!0,stopOnMouseEnter:!1,stopOnLastSnap:!1,rootNode:null};function G(t={}){let e,o,r,n,a=null,i=0,s=!1,d=!1,l=!1,c=!1;function u(){r||(f()?l=!0:(s||o.emit("autoplay:play"),function(){const{ownerWindow:t}=o.internalEngine();t.clearTimeout(i),i=t.setTimeout(y,n[o.selectedScrollSnap()]),a=(new Date).getTime(),o.emit("autoplay:timerset")}(),s=!0))}function p(){r||(s&&o.emit("autoplay:stop"),function(){const{ownerWindow:t}=o.internalEngine();t.clearTimeout(i),i=0,a=null,o.emit("autoplay:timerstopped")}(),s=!1)}function h(){if(f())return l=s,p();l&&u()}function f(){const{ownerDocument:t}=o.internalEngine();return"hidden"===t.visibilityState}function b(){d||p()}function g(){d||u()}function m(){d=!0,p()}function v(){d=!1,u()}function y(){const{index:t}=o.internalEngine(),r=t.clone().add(1).get(),n=o.scrollSnapList().length-1,a=e.stopOnLastSnap&&r===n;if(o.canScrollNext()?o.scrollNext(c):o.scrollTo(0,c),o.emit("autoplay:select"),a)return p();u()}return{name:"autoplay",options:t,init:function(a,i){o=a;const{mergeOptions:s,optionsAtMedia:d}=i,l=s(X,G.globalOptions),f=s(l,t);if(e=d(f),o.scrollSnapList().length<=1)return;c=e.jump,r=!1,n=function(t,e){const o=t.scrollSnapList();return"number"==typeof e?o.map((()=>e)):e(o,t)}(o,e.delay);const{eventStore:y,ownerDocument:x}=o.internalEngine(),w=!!o.internalEngine().options.watchDrag,k=function(t,e){const o=t.rootNode();return e&&e(o)||o}(o,e.rootNode);y.add(x,"visibilitychange",h),w&&o.on("pointerDown",b),w&&!e.stopOnInteraction&&o.on("pointerUp",g),e.stopOnMouseEnter&&y.add(k,"mouseenter",m),e.stopOnMouseEnter&&!e.stopOnInteraction&&y.add(k,"mouseleave",v),e.stopOnFocusIn&&o.on("slideFocusStart",p),e.stopOnFocusIn&&!e.stopOnInteraction&&y.add(o.containerNode(),"focusout",u),e.playOnInit&&u()},destroy:function(){o.off("pointerDown",b).off("pointerUp",g).off("slideFocusStart",p),p(),r=!0,s=!1},play:function(t){void 0!==t&&(c=t),u()},stop:function(){s&&p()},reset:function(){s&&u()},isPlaying:function(){return s},timeUntilNext:function(){return a?n[o.selectedScrollSnap()]-((new Date).getTime()-a):null}}}G.globalOptions=void 0;const K={active:!0,breakpoints:{},snapped:"is-snapped",inView:"is-in-view",draggable:"is-draggable",dragging:"is-dragging",loop:"is-loop"};function Q(t){return(Array.isArray(t)?t:[t]).filter(Boolean)}function Y(t,e){t&&e.length&&t.classList.remove(...e)}function Z(t,e){t&&e.length&&t.classList.add(...e)}function J(t={}){let e,o,r,n,a=[],i=[];const s=["select"],d=["pointerDown","pointerUp"],l=["slidesInView"],c={snapped:[],inView:[],draggable:[],dragging:[],loop:[]};function u(t,e){("pointerDown"===e?Z:Y)(r,c.dragging)}function p(t=[],e=[],o){const r=e.map((t=>n[t])),a=t.map((t=>n[t]));return r.forEach((t=>Y(t,o))),a.forEach((t=>Z(t,o))),t}function h(){const{slideRegistry:t}=o.internalEngine(),e=t[o.selectedScrollSnap()];a=p(e,a,c.snapped)}function f(){const t=o.slidesInView();i=p(t,i,c.inView)}return{name:"classNames",options:t,init:function(a,i){o=a;const{mergeOptions:p,optionsAtMedia:b}=i,g=p(K,J.globalOptions),m=p(g,t);e=b(m),r=o.rootNode(),n=o.slideNodes();const{watchDrag:v,loop:y}=o.internalEngine().options,x=!!v;e.loop&&y&&(c.loop=Q(e.loop),Z(r,c.loop)),e.draggable&&x&&(c.draggable=Q(e.draggable),Z(r,c.draggable)),e.dragging&&(c.dragging=Q(e.dragging),d.forEach((t=>o.on(t,u)))),e.snapped&&(c.snapped=Q(e.snapped),s.forEach((t=>o.on(t,h))),h()),e.inView&&(c.inView=Q(e.inView),l.forEach((t=>o.on(t,f))),f())},destroy:function(){d.forEach((t=>o.off(t,u))),s.forEach((t=>o.off(t,h))),l.forEach((t=>o.off(t,f))),Y(r,c.loop),Y(r,c.draggable),Y(r,c.dragging),p([],a,c.snapped),p([],i,c.inView),Object.keys(c).forEach((t=>{c[t]=[]}))}}}J.globalOptions=void 0;class tt{generateElementName(t,e){let o=t;return o+="-",o+=e.replace(/[.]/g,"_"),o}generateTag(t,e,o){const r=this.generateElementName(t,e),i=a`${n(r)}`;return customElements.get(r)||customElements.define(r,class extends o{}),i}}let et=class{registerComponent(t,e){customElements.get(t)||customElements.define(t,class extends e{})}closestElement(t,e=this,o=(e,r=e&&e.closest(t))=>e&&e!==document&&e!==window?r||o(e.getRootNode().host):null){return o(e)}handleComponentTagRename(t,e){const o=e.toLowerCase();t.tagName.toLowerCase()!==o&&t.setAttribute(o,!0)}elementMatch(t,e){const o=e.toLowerCase();return t.tagName.toLowerCase()===o||t.hasAttribute(o)}};const ot=new WeakMap,rt=new WeakMap,nt=({host:t,target:e,matcher:o,removeOriginal:r=!0})=>{rt.has(t)||rt.set(t,{matchers:new Set,targets:new Map});const n=rt.get(t);return n.matchers.add(o),n.targets.has(e)||n.targets.set(e,new Map),n.targets.get(e).set(o,{removeOriginal:r,currentAttributes:new Map}),it({host:t,target:e,matcher:o,removeOriginal:r}),st(t),{cleanup:()=>at(t,e,o),getObservedAttributes:()=>pt(t,e,o),getObservedAttribute:r=>ut(t,e,o,r)}},at=(t,e,o)=>{const r=rt.get(t);if(!r)return;const n=r.targets.get(e);n&&(n.delete(o),0===n.size&&r.targets.delete(e));let a=!1;for(const t of r.targets.values())if(t.has(o)){a=!0;break}a||r.matchers.delete(o),0!==r.targets.size&&0!==r.matchers.size||dt(t)},it=({host:t,target:e,matcher:o,removeOriginal:r=!0})=>{const n=t.getAttributeNames().filter((t=>o(t))).reduce(((e,o)=>(e[o]=t.getAttribute(o),e)),{});Object.entries(n).forEach((([n,a])=>{ct(t,e,o,n,a),e.setAttribute(n,a),r&&t.removeAttribute(n)}))},st=t=>{if(ot.has(t))return ot.get(t);const e=new MutationObserver((e=>{const o=rt.get(t);o&&e.filter((t=>"attributes"===t.type)).forEach((e=>{const r=e.attributeName;for(const e of o.matchers)if(e(r))for(const[r,n]of o.targets.entries())if(n.has(e)){const{removeOriginal:o}=n.get(e);it({host:t,target:r,matcher:e,removeOriginal:o})}}))}));return e.observe(t,{attributes:!0}),ot.set(t,e),e},dt=t=>{if(ot.has(t)){ot.get(t).disconnect(),ot.delete(t)}rt.has(t)&&rt.delete(t)},lt=(t,e,o)=>{const r=rt.get(t);if(!r)return;const n=r.targets.get(e);return n?n.get(o):void 0},ct=(t,e,o,r,n)=>{const a=lt(t,e,o);a&&a.currentAttributes.set(r,n)},ut=(t,e,o,r)=>{const n=lt(t,e,o);if(n)return n.currentAttributes.get(r)},pt=(t,e,o)=>{const r=lt(t,e,o);return r?Array.from(r.currentAttributes.entries()):[]},ht={"aria-":t=>t.startsWith("aria-"),role:t=>t.match(/^role$/)},ft=({host:t,target:e,removeOriginal:o=!0})=>(({host:t,target:e,match:o,removeOriginal:r=!0})=>{if("object"!=typeof t||!(t instanceof HTMLElement))throw new TypeError('a11yUtilities.js | transportAttributes | The "host" parameter must be an instance of HTMLElement.');if("object"!=typeof e||!(e 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 r)throw new TypeError('a11yUtilities.js | transportAttributes | The "removeOriginal" parameter must be a boolean.');return nt({host:t,target:e,matcher:o,removeOriginal:r})})({host:t,target:e,match:t=>{for(const e in ht)if(ht[e](t))return!0;return!1},removeOriginal:o});let bt=class extends t{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},onDark:{type:Boolean,attribute:"ondark",reflect:!0},wrapper:{attribute:!1,reflect:!1}}}resetShapeClasses(){this.shape&&this.size&&this.wrapper&&(this.wrapper.classList.forEach((t=>{t.startsWith("shape-")&&this.wrapper.classList.remove(t)})),this.wrapper.classList.add(`shape-${this.shape.toLowerCase()}-${this.size.toLowerCase()}`))}resetLayoutClasses(){this.layout&&this.wrapper&&(this.wrapper.classList.forEach((t=>{t.startsWith("layout-")&&this.wrapper.classList.remove(t)})),this.wrapper.classList.add(`layout-${this.layout.toLowerCase()}`))}updateComponentArchitecture(){this.resetLayoutClasses(),this.resetShapeClasses()}updated(t){(t.has("layout")||t.has("shape")||t.has("size"))&&this.updateComponentArchitecture()}firstUpdated(){super.firstUpdated(),this.wrapper=this.shadowRoot.querySelector(".wrapper"),this.attributeWatcher=ft({host:this,target:this.shadowRoot.querySelector(".wrapper")})}disconnectedCallback(){super.disconnectedCallback(),this.attributeWatcher&&(this.attributeWatcher.cleanup(),this.attributeWatcher=null)}render(){try{return this.renderLayout()}catch(t){return console.error("Failed to get the defined layout - using the default layout",t),this.getLayout("default")}}};var gt=e`: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}:host([fluid]) .auro-button,:host([fluid=true]) .auro-button{min-width:auto;width:100%}:host([variant=flat]){display:inline-block}::slotted(svg){vertical-align:middle}slot{pointer-events:none}.auro-button{position:relative;padding:0 var(--ds-size-300, 1.5rem);cursor:pointer;border-width:1px;border-style:solid;border-radius:var(--ds-border-radius, 0.375rem);overflow:hidden;text-overflow:ellipsis;user-select:none;white-space:nowrap;min-height:var(--ds-size-600, 3rem);max-height:var(--ds-size-600, 3rem);display:inline-flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--ds-size-100, 0.5rem);margin:0;-webkit-touch-callout:none;-webkit-user-select:none;transition:padding 300ms ease-out}.auro-button:active{transform:scale(0.95)}.auro-button:focus-visible,.auro-button:focus{outline:none;outline-style:solid;outline-width:var(--ds-size-50, 0.25rem);outline-offset:calc(var(--ds-size-50, 0.25rem)*-1)}.auro-button:focus-visible:not([variant=secondary]):not([variant=tertiary]),.auro-button:focus:not([variant=secondary]):not([variant=tertiary]){outline-width:calc(var(--ds-size-50, 0.25rem) - 1px)}.auro-button.loading{cursor:not-allowed}.auro-button.loading *:not([auro-loader]){visibility:hidden}@media screen and (min-width: 576px){.auro-button{min-width:8.75rem;width:auto}}.auro-button:disabled{cursor:not-allowed;transform:unset}.auro-button[variant=secondary]:disabled{cursor:not-allowed;transform:unset}.auro-button[variant=tertiary]:disabled{cursor:not-allowed;transform:unset}.auro-button[variant=ghost]:disabled{cursor:not-allowed;transform:unset}.auro-button[onDark]:disabled{cursor:not-allowed;transform:unset}.auro-button[onDark][variant=secondary]:disabled{cursor:not-allowed;transform:unset}@media(hover: hover){.auro-button[onDark][variant=tertiary]:active,.auro-button[onDark][variant=tertiary]:hover{box-shadow:none}}.auro-button[onDark][variant=tertiary]:active{box-shadow:none}.auro-button[onDark][variant=tertiary]:disabled{cursor:not-allowed;transform:unset}.auro-button.icon-only ::slotted(:not(auro-icon):not([auro-icon])){display:none}.auro-button--slim{min-width:unset;min-height:calc(var(--ds-size-500, 2.5rem) - var(--ds-size-50, 0.25rem));max-height:calc(var(--ds-size-500, 2.5rem) - var(--ds-size-50, 0.25rem))}.auro-button--iconOnly{padding:0 var(--ds-size-100, 0.5rem);border-radius:100px;min-width:unset;height:var(--ds-size-600, 3rem);width:var(--ds-size-500, 2.5rem)}.auro-button--iconOnly ::slotted(auro-icon),.auro-button--iconOnly ::slotted([auro-icon]){--ds-auro-icon-size:var(--ds-size-300, 1.5rem)}.auro-button--iconOnly:not(.auro-button--rounded):focus-visible:not([variant=secondary]):not([variant=tertiary]):not([variant=flat]),.auro-button--iconOnly:not(.auro-button--rounded):focus:not([variant=secondary]):not([variant=tertiary]):not([variant=flat]){outline-width:1px;outline-offset:-2px}.auro-button--iconOnlySlim{padding:0 var(--ds-size-50, 0.25rem);height:calc(var(--ds-size-400, 2rem) + var(--ds-size-50, 0.25rem));width:calc(var(--ds-size-300, 1.5rem) + var(--ds-size-50, 0.25rem))}.auro-button--iconOnlySlim ::slotted(auro-icon),.auro-button--iconOnlySlim ::slotted([auro-icon]){--ds-auro-icon-size:calc(var(--ds-size-200, 1rem) + var(--ds-size-50, 0.25rem))}.auro-button--rounded{border-radius:100px;box-shadow:var(--ds-elevation-300, 0px 0px 15px rgba(0, 0, 0, 0.2));height:var(--ds-size-500, 2.5rem);min-width:unset;transition:padding 300ms ease-out,outline 0ms,outline-offset 0ms}.auro-button--rounded ::slotted(auro-icon),.auro-button--rounded ::slotted([auro-icon]){--ds-auro-icon-size:var(--ds-size-300, 1.5rem)}.auro-button--rounded:focus-visible:not([variant=flat]):after,.auro-button--rounded:focus:not([variant=flat]):after{border-radius:100px}:host([size=xs]) .wrapper:focus-visible,:host([size=xs]) .wrapper:focus{outline-width:1px;outline-offset:-2px}:host([rounded]) .textSlot{transition:opacity 300ms ease-in;opacity:1}:host([rounded][iconOnly]) .textSlot{opacity:0}:host([rounded][iconOnly]) .textWrapper{display:none}:host([rounded][iconOnly]) .auro-button{min-width:unset;padding:unset;width:var(--ds-size-600, 3rem)}[auro-loader]{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);pointer-events:none}`,mt=e`[auro-loader]{color:var(--ds-auro-button-loader-color)}.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)}.auro-button:not([variant=secondary]):not([variant=tertiary]):focus-visible{outline-color:var(--ds-auro-button-border-inset-color)}.auro-button:not([ondark]):active:not(:disabled),.auro-button:not([ondark]):hover:not(:disabled){--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)}.auro-button:not([ondark]):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)}.auro-button:not([ondark])[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)}.auro-button:not([ondark])[variant=secondary]:active:not(:disabled),.auro-button:not([ondark])[variant=secondary]:hover:not(:disabled){--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)}.auro-button:not([ondark])[variant=secondary]:focus-visible{--ds-auro-button-border-inset-color:var(--ds-advanced-color-state-focused, #01426a)}.auro-button:not([ondark])[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)}.auro-button:not([ondark])[variant=tertiary]{--ds-auro-button-container-color:var(--ds-advanced-color-button-tertiary-background, rgba(0, 0, 0, 0.05));--ds-auro-button-container-image:var(--ds-advanced-color-button-tertiary-background, rgba(0, 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)}.auro-button:not([ondark])[variant=tertiary]:active:not(:disabled),.auro-button:not([ondark])[variant=tertiary]:hover:not(:disabled){--ds-auro-button-container-color:var(--ds-advanced-color-button-tertiary-background-hover, rgba(0, 0, 0, 0.1));--ds-auro-button-container-image:var(--ds-advanced-color-button-tertiary-background-hover, rgba(0, 0, 0, 0.1));--ds-auro-button-border-color:transparent}.auro-button:not([ondark])[variant=tertiary]:focus-visible{--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)}.auro-button:not([ondark])[variant=tertiary]:disabled{--ds-auro-button-border-color:transparent;--ds-auro-button-text-color:var(--ds-basic-color-texticon-disabled, #d0d0d0)}.auro-button:not([ondark])[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)}.auro-button:not([ondark])[variant=ghost]:active:not(:disabled),.auro-button:not([ondark])[variant=ghost]:hover:not(:disabled){--ds-auro-button-container-color:var(--ds-advanced-color-button-ghost-background-hover, rgba(0, 0, 0, 0.05));--ds-auro-button-container-image:var(--ds-advanced-color-button-ghost-background-hover, rgba(0, 0, 0, 0.05));--ds-auro-button-border-color:transparent}.auro-button:not([ondark])[variant=ghost]:focus-visible{--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)}.auro-button:not([ondark])[variant=ghost]:disabled{--ds-auro-button-border-color:transparent;--ds-auro-button-text-color:var(--ds-basic-color-texticon-disabled, #d0d0d0)}.auro-button:not([ondark])[variant=flat]{color:var(--ds-advanced-color-button-flat-text, #676767);background-color:transparent;background-image:none;border-color:transparent}.auro-button:not([ondark])[variant=flat]:active:not(:disabled),.auro-button:not([ondark])[variant=flat]:hover:not(:disabled){color:var(--ds-advanced-color-button-flat-text-hover, #525252);background-color:transparent;background-image:none;border-color:transparent}.auro-button:not([ondark])[variant=flat]:disabled{color:var(--ds-advanced-color-button-flat-text-disabled, #d0d0d0);background-color:transparent;background-image:none;border-color:transparent}.auro-button:not([ondark])[variant=flat]:focus-visible{--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)}.auro-button[ondark]{--ds-auro-button-border-color:var(--ds-advanced-color-button-primary-border-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-text-color:var(--ds-advanced-color-button-primary-text-inverse, #01426a);--ds-auro-button-loader-color:var(--ds-advanced-color-button-primary-text-inverse, #01426a)}.auro-button[ondark]:active:not(:disabled),.auro-button[ondark]:hover:not(:disabled){--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)}.auro-button[ondark]:focus-visible{--ds-auro-button-border-inset-color:var(--ds-advanced-color-state-focused, #01426a)}.auro-button[ondark]:disabled{--ds-auro-button-border-color:var(--ds-advanced-color-button-primary-border-inverse-disabled, rgba(255, 255, 255, 0.75));--ds-auro-button-container-color:var(--ds-advanced-color-button-primary-background-inverse-disabled, rgba(255, 255, 255, 0.75));--ds-auro-button-container-image:var(--ds-advanced-color-button-primary-background-inverse-disabled, rgba(255, 255, 255, 0.75));--ds-auro-button-text-color:var(--ds-basic-color-texticon-inverse-disabled, #7e8894)}.auro-button[ondark][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)}.auro-button[ondark][variant=secondary]:active:not(:disabled),.auro-button[ondark][variant=secondary]:hover:not(:disabled){--ds-auro-button-container-color:var(--ds-advanced-color-button-secondary-background-inverse-hover, rgba(255, 255, 255, 0.1));--ds-auro-button-container-image:var(--ds-advanced-color-button-secondary-background-inverse-hover, rgba(255, 255, 255, 0.1))}.auro-button[ondark][variant=secondary]:focus-visible{--ds-auro-button-border-inset-color:var(--ds-advanced-color-state-focused-inverse, #ffffff)}.auro-button[ondark][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)}.auro-button[ondark][variant=tertiary]{--ds-auro-button-container-color:var(--ds-advanced-color-button-tertiary-background-inverse, rgba(255, 255, 255, 0.05));--ds-auro-button-container-image:var(--ds-advanced-color-button-tertiary-background-inverse, rgba(255, 255, 255, 0.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)}.auro-button[ondark][variant=tertiary]:active:not(:disabled),.auro-button[ondark][variant=tertiary]:hover:not(:disabled){--ds-auro-button-container-color:var(--ds-advanced-color-button-tertiary-background-inverse-hover, rgba(255, 255, 255, 0.1));--ds-auro-button-container-image:var(--ds-advanced-color-button-tertiary-background-inverse-hover, rgba(255, 255, 255, 0.1))}.auro-button[ondark][variant=tertiary]:focus-visible{--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)}.auro-button[ondark][variant=tertiary]:disabled{--ds-auro-button-text-color:var(--ds-basic-color-texticon-inverse-disabled, #7e8894)}.auro-button[ondark][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)}.auro-button[ondark][variant=ghost]:active:not(:disabled),.auro-button[ondark][variant=ghost]:hover:not(:disabled){--ds-auro-button-container-color:var(--ds-advanced-color-button-ghost-background-inverse-hover, rgba(255, 255, 255, 0.05));--ds-auro-button-container-image:var(--ds-advanced-color-button-ghost-background-inverse-hover, rgba(255, 255, 255, 0.05))}.auro-button[ondark][variant=ghost]:focus-visible{--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)}.auro-button[ondark][variant=ghost]:disabled{--ds-auro-button-text-color:var(--ds-basic-color-texticon-inverse-disabled, #7e8894)}.auro-button[ondark][variant=flat]{color:var(--ds-advanced-color-button-flat-text-inverse, #ffffff);background-color:transparent;background-image:none;border-color:transparent}.auro-button[ondark][variant=flat]:active:not(:disabled),.auro-button[ondark][variant=flat]:hover:not(:disabled){color:var(--ds-advanced-color-button-flat-text-inverse-hover, #adadad);background-color:transparent;background-image:none;border-color:transparent}.auro-button[ondark][variant=flat]:disabled{color:var(--ds-advanced-color-button-flat-text-inverse-disabled, #7e8894);background-color:transparent;background-image:none;border-color:transparent}.auro-button[ondark][variant=flat]:focus-visible{--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)}`,vt=e`:host(:not([onDark])){--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);--ds-auro-button-tap-color:transparent}:host([onDark]){--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);--ds-auro-button-tap-color:transparent}`,yt=e`.shape-rounded-xl{min-height:68px;max-height:68px;border-style:solid;border-radius:6px;overflow:hidden;font-size:18px}.shape-rounded-lg{min-height:52px;max-height:52px;border-style:solid;border-radius:6px;overflow:hidden;font-size:18px}.shape-rounded-md{min-height:44px;max-height:44px;border-style:solid;border-radius:6px;overflow:hidden;font-size:16px}.shape-rounded-sm{min-height:32px;max-height:32px;border-style:solid;border-radius:6px;overflow:hidden;font-size:14px}.shape-rounded-xs{min-height:20px;max-height:20px;border-style:solid;border-radius:4px;overflow:hidden;font-size:12px;outline-offset:-2px;outline-width:1px}.shape-pill-xl{min-height:68px;max-height:68px;border-style:solid;border-radius:34px;overflow:hidden;font-size:18px}.shape-pill-left-xl{min-height:68px;max-height:68px;border-style:solid;border-radius:34px 0 0 34px;overflow:hidden}.shape-pill-right-xl{min-height:68px;max-height:68px;border-style:solid;border-radius:0 34px 34px 0;overflow:hidden}.shape-pill-lg{min-height:52px;max-height:52px;border-style:solid;border-radius:26px;overflow:hidden;font-size:18px}.shape-pill-left-lg{min-height:52px;max-height:52px;border-style:solid;border-radius:26px 0 0 26px;overflow:hidden}.shape-pill-right-lg{min-height:52px;max-height:52px;border-style:solid;border-radius:0 26px 26px 0;overflow:hidden}.shape-pill-md{min-height:44px;max-height:44px;border-style:solid;border-radius:22px;overflow:hidden}.shape-pill-left-md{min-height:44px;max-height:44px;border-style:solid;border-radius:22px 0 0 22px;overflow:hidden}.shape-pill-right-md{min-height:44px;max-height:44px;border-style:solid;border-radius:0 22px 22px 0;overflow:hidden;font-size:16px}.shape-pill-sm{min-height:32px;max-height:32px;border-style:solid;border-radius:16px;overflow:hidden;font-size:14px}.shape-pill-left-sm{min-height:32px;max-height:32px;border-style:solid;border-radius:16px 0 0 16px;overflow:hidden}.shape-pill-right-sm{min-height:32px;max-height:32px;border-style:solid;border-radius:0 16px 16px 0;overflow:hidden}.shape-pill-xs{min-height:20px;max-height:20px;border-style:solid;border-radius:10px;overflow:hidden;font-size:12px;outline-offset:-2px;outline-width:1px}.shape-pill-left-xs{min-height:20px;max-height:20px;border-style:solid;border-radius:10px 0 0 10px;overflow:hidden;outline-offset:-2px;outline-width:1px}.shape-pill-right-xs{min-height:20px;max-height:20px;border-style:solid;border-radius:0 10px 10px 0;overflow:hidden;outline-offset:-2px;outline-width:1px}.shape-circle-xl{min-height:68px;max-height:68px;min-width:68px;max-width:68px;border-style:solid;border-radius:34px;overflow:hidden;padding:0}.shape-circle-lg{min-height:52px;max-height:52px;min-width:52px;max-width:52px;border-style:solid;border-radius:26px;overflow:hidden;padding:0}.shape-circle-md{min-height:44px;max-height:44px;min-width:44px;max-width:44px;border-style:solid;border-radius:22px;overflow:hidden;padding:0}.shape-circle-sm{min-height:32px;max-height:32px;min-width:32px;max-width:32px;border-style:solid;border-radius:16px;overflow:hidden;padding:0}.shape-circle-xs{min-height:20px;max-height:20px;min-width:20px;max-width:20px;border-style:solid;border-radius:10px;overflow:hidden;padding:0;outline-offset:-2px;outline-width:1px}`;let xt=class{registerComponent(t,e){customElements.get(t)||customElements.define(t,class extends e{})}closestElement(t,e=this,o=(e,r=e&&e.closest(t))=>e&&e!==document&&e!==window?r||o(e.getRootNode().host):null){return o(e)}handleComponentTagRename(t,e){const o=e.toLowerCase();t.tagName.toLowerCase()!==o&&t.setAttribute(o,!0)}elementMatch(t,e){const o=e.toLowerCase();return t.tagName.toLowerCase()===o||t.hasAttribute(o)}};var wt=e`:focus:not(:focus-visible){outline:3px solid transparent}:host,:host>span{position:relative}:host{width:2rem;height:2rem;display:inline-block;font-size:0}:host>span{position:absolute;display:inline-block;float:none;top:0;left:0;width:2rem;height:2rem;border-radius:100%;border-style:solid;border-width:0}:host([xs]),:host([xs])>span{width:1.2rem;height:1.2rem}:host([sm]),:host([sm])>span{width:3rem;height:3rem}:host([md]),:host([md])>span{width:5rem;height:5rem}:host([lg]),:host([lg])>span{width:8rem;height:8rem}:host{--margin:0.375rem;--margin-xs:0.2rem;--margin-sm:0.5rem;--margin-md:0.75rem;--margin-lg:1rem}:host([pulse]),:host([pulse])>span{position:relative}:host([pulse]){width:calc(3rem + var(--margin)*6);height:1.5rem}:host([pulse])>span{width:1rem;height:1rem;margin:var(--margin);animation:pulse 1.5s ease infinite}:host([pulse][xs]){width:calc(2.55rem + var(--margin-xs)*6);height:1.55rem}:host([pulse][xs])>span{margin:var(--margin-xs);width:.65rem;height:.65rem}:host([pulse][sm]){width:calc(6rem + var(--margin-sm)*6);height:2.5rem}:host([pulse][sm])>span{margin:var(--margin-sm);width:2rem;height:2rem}:host([pulse][md]){width:calc(9rem + var(--margin-md)*6);height:3.5rem}:host([pulse][md])>span{margin:var(--margin-md);width:3rem;height:3rem}:host([pulse][lg]){width:calc(15rem + var(--margin-lg)*6);height:5.5rem}:host([pulse][lg])>span{margin:var(--margin-lg);width:5rem;height:5rem}:host([pulse])>span:nth-child(1){animation-delay:-400ms}:host([pulse])>span:nth-child(2){animation-delay:-200ms}:host([pulse])>span:nth-child(3){animation-delay:0ms}@keyframes pulse{0%,100%{opacity:.1;transform:scale(0.9)}50%{opacity:1;transform:scale(1.1)}}:host([orbit]),:host([orbit])>span{opacity:1}:host([orbit])>span{border-width:5px}:host([orbit])>span:nth-child(2){animation:orbit 2s linear infinite}:host([orbit][sm])>span{border-width:8px}:host([orbit][md])>span{border-width:13px}:host([orbit][lg])>span{border-width:21px}@keyframes orbit{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}:host([ringworm])>svg{animation:rotate 2s linear infinite;height:100%;width:100%;stroke:currentcolor;stroke-width:8}:host([ringworm]) .path{stroke-dashoffset:0;animation:ringworm 1.5s ease-in-out infinite;stroke-linecap:round}@keyframes rotate{100%{transform:rotate(360deg)}}@keyframes ringworm{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}100%{stroke-dasharray:89,200;stroke-dashoffset:-124px}}:host([laser]){position:static;width:100%;display:block;height:0;overflow:hidden;font-size:unset}:host([laser])>span{position:fixed;width:100%;height:.25rem;border-radius:0;z-index:100}:host([laser])>span:nth-child(1){border-color:currentcolor;opacity:.25}:host([laser])>span:nth-child(2){border-color:currentcolor;animation:laser 2s linear infinite;opacity:1;width:50%}:host([laser][sm])>span:nth-child(2){width:20%}:host([laser][md])>span:nth-child(2){width:30%}:host([laser][lg])>span:nth-child(2){width:50%;animation-duration:1.5s}:host([laser][xl])>span:nth-child(2){width:80%;animation-duration:1.5s}@keyframes laser{0%{left:-100%}100%{left:110%}}:host>.no-animation{display:none}@media(prefers-reduced-motion: reduce){:host{display:flex;align-items:center;justify-content:center;font-size:1rem}:host>span{opacity:1}:host>.loader{display:none}:host>.no-animation{display:block}}`,kt=e`:host{color:var(--ds-auro-loader-color)}:host>span{background-color:var(--ds-auro-loader-background-color);border-color:var(--ds-auro-loader-border-color)}:host([onlight]){--ds-auro-loader-color:var(--ds-basic-color-brand-primary, #01426a)}:host([ondark]){--ds-auro-loader-color:var(--ds-basic-color-texticon-inverse, #ffffff)}:host([orbit])>span{--ds-auro-loader-background-color:transparent}:host([orbit])>span:nth-child(1){--ds-auro-loader-border-color:currentcolor;opacity:.25}:host([orbit])>span:nth-child(2){--ds-auro-loader-border-color:currentcolor;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent}`,St=e`:host{--ds-auro-loader-background-color:currentcolor;--ds-auro-loader-border-color:currentcolor;--ds-auro-loader-color:currentcolor}`;class _t extends t{constructor(){super(),this.keys=[0,1,2,3,4,5,6,7,8,9],this.mdCount=3,this.smCount=2,this.runtimeUtils=new xt,this.orbit=!1,this.ringworm=!1,this.laser=!1,this.pulse=!1}static get properties(){return{laser:{type:Boolean,reflect:!0},orbit:{type:Boolean,reflect:!0},pulse:{type:Boolean,reflect:!0},ringworm:{type:Boolean,reflect:!0}}}static get styles(){return[e`${wt}`,e`${kt}`,e`${St}`]}static register(t="auro-loader"){xt.prototype.registerComponent(t,_t)}firstUpdated(){this.runtimeUtils.handleComponentTagRename(this,"auro-loader")}connectedCallback(){super.connectedCallback()}defineTemplate(){let t=Array.from(Array(this.mdCount).keys());return this.orbit||this.laser?t=Array.from(Array(this.smCount).keys()):this.ringworm&&(t=Array.from(Array(0).keys())),t}render(){return o`
+import{LitElement as t,css as e,html as o,nothing as r}from"lit";import{unsafeStatic as n,literal as a,html as i}from"lit/static-html.js";import{classMap as s}from"lit/directives/class-map.js";import{ifDefined as l}from"lit/directives/if-defined.js";function d(t){return"number"==typeof t}function c(t){return"string"==typeof t}function u(t){return"boolean"==typeof t}function p(t){return"[object Object]"===Object.prototype.toString.call(t)}function h(t){return Math.abs(t)}function f(t){return Math.sign(t)}function b(t,e){return h(t-e)}function g(t){return w(t).map(Number)}function m(t){return t[v(t)]}function v(t){return Math.max(0,t.length-1)}function y(t,e){return e===v(t)}function x(t,e=0){return Array.from(Array(t),((t,o)=>e+o))}function w(t){return Object.keys(t)}function k(t,e){return[t,e].reduce(((t,e)=>(w(e).forEach((o=>{const r=t[o],n=e[o],a=p(r)&&p(n);t[o]=a?k(r,n):n})),t)),{})}function S(t,e){return void 0!==e.MouseEvent&&t instanceof e.MouseEvent}function _(){let t=[];const e={add:function(o,r,n,a={passive:!0}){let i;if("addEventListener"in o)o.addEventListener(r,n,a),i=()=>o.removeEventListener(r,n,a);else{const t=o;t.addListener(n),i=()=>t.removeListener(n)}return t.push(i),e},clear:function(){t=t.filter((t=>t()))}};return e}function L(t,e,o,r){const n=_(),a=1e3/60;let i=null,s=0,l=0;function d(t){if(!l)return;i||(i=t,o(),o());const n=t-i;for(i=t,s+=n;s>=a;)o(),s-=a;r(s/a),l&&(l=e.requestAnimationFrame(d))}function c(){e.cancelAnimationFrame(l),i=null,s=0,l=0}return{init:function(){n.add(t,"visibilitychange",(()=>{t.hidden&&(i=null,s=0)}))},destroy:function(){c(),n.clear()},start:function(){l||(l=e.requestAnimationFrame(d))},stop:c,update:o,render:r}}function D(t=0,e=0){const o=h(t-e);function r(e){return e<t}function n(t){return t>e}function a(t){return r(t)||n(t)}return{length:o,max:e,min:t,constrain:function(o){return a(o)?r(o)?t:e:o},reachedAny:a,reachedMax:n,reachedMin:r,removeOffset:function(t){return o?t-o*Math.ceil((t-e)/o):t}}}function O(t,e,o){const{constrain:r}=D(0,t),n=t+1;let a=i(e);function i(t){return o?h((n+t)%n):r(t)}function s(){return a}function l(){return O(t,s(),o)}const d={get:s,set:function(t){return a=i(t),d},add:function(t){return l().set(s()+t)},clone:l};return d}function z(t,e,o,r,n,a,i,s,l,d,c,p,g,m,v,y,x,w,k){const{cross:L,direction:O}=t,z=["INPUT","SELECT","TEXTAREA"],E={passive:!1},A=_(),C=_(),T=D(50,225).constrain(m.measure(20)),B={mouse:300,touch:400},I={mouse:500,touch:600},$=v?43:25;let P=!1,N=0,M=0,F=!1,q=!1,H=!1,W=!1;function R(t){if(!S(t,r)&&t.touches.length>=2)return V(t);const e=a.readPoint(t),o=a.readPoint(t,L),i=b(e,N),l=b(o,M);if(!q&&!W){if(!t.cancelable)return V(t);if(q=i>l,!q)return V(t)}const c=a.pointerMove(t);i>y&&(H=!0),d.useFriction(.3).useDuration(.75),s.start(),n.add(O(c)),t.preventDefault()}function V(t){const e=c.byDistance(0,!1).index!==p.get(),o=a.pointerUp(t)*(v?I:B)[W?"mouse":"touch"],r=function(t,e){const o=p.add(-1*f(t)),r=c.byDistance(t,!v).distance;return v||h(t)<T?r:x&&e?.5*r:c.byIndex(o.get(),0).distance}(O(o),e),n=function(t,e){if(0===t||0===e)return 0;if(h(t)<=h(e))return 0;const o=b(h(t),h(e));return h(o/t)}(o,r),i=$-10*n,s=w+n/50;q=!1,F=!1,C.clear(),d.useDuration(i).useFriction(s),l.distance(r,!v),W=!1,g.emit("pointerUp")}function j(t){H&&(t.stopPropagation(),t.preventDefault(),H=!1)}return{init:function(t){if(!k)return;function s(s){(u(k)||k(t,s))&&function(t){const s=S(t,r);if(W=s,H=v&&s&&!t.buttons&&P,P=b(n.get(),i.get())>=2,s&&0!==t.button)return;if(function(t){const e=t.nodeName||"";return z.includes(e)}(t.target))return;F=!0,a.pointerDown(t),d.useFriction(0).useDuration(0),n.set(i),function(){const t=W?o:e;C.add(t,"touchmove",R,E).add(t,"touchend",V).add(t,"mousemove",R,E).add(t,"mouseup",V)}(),N=a.readPoint(t),M=a.readPoint(t,L),g.emit("pointerDown")}(s)}const l=e;A.add(l,"dragstart",(t=>t.preventDefault()),E).add(l,"touchmove",(()=>{}),E).add(l,"touchend",(()=>{})).add(l,"touchstart",s).add(l,"mousedown",s).add(l,"touchcancel",V).add(l,"contextmenu",V).add(l,"click",j,!0)},destroy:function(){A.clear(),C.clear()},pointerDown:function(){return F}}}function E(t,e){let o,r;function n(t){return t.timeStamp}function a(o,r){const n="client"+("x"===(r||t.scroll)?"X":"Y");return(S(o,e)?o:o.touches[0])[n]}return{pointerDown:function(t){return o=t,r=t,a(t)},pointerMove:function(t){const e=a(t)-a(r),i=n(t)-n(o)>170;return r=t,i&&(o=t),e},pointerUp:function(t){if(!o||!r)return 0;const e=a(r)-a(o),i=n(t)-n(o),s=n(t)-n(r)>170,l=e/i;return i&&!s&&h(l)>.1?l:0},readPoint:a}}function A(t,e,o,r,n,a,i){const s=[t].concat(r);let l,d,c=[],p=!1;function f(t){return n.measureSize(i.measure(t))}return{init:function(n){a&&(d=f(t),c=r.map(f),l=new ResizeObserver((o=>{(u(a)||a(n,o))&&function(o){for(const a of o){if(p)return;const o=a.target===t,i=r.indexOf(a.target),s=o?d:c[i];if(h(f(o?t:r[i])-s)>=.5){n.reInit(),e.emit("resize");break}}}(o)})),o.requestAnimationFrame((()=>{s.forEach((t=>l.observe(t)))})))},destroy:function(){p=!0,l&&l.disconnect()}}}function C(t,e,o,r,n){const a=n.measure(10),i=n.measure(50),s=D(.1,.99);let l=!1;function d(){return!l&&(!!t.reachedAny(o.get())&&!!t.reachedAny(e.get()))}return{shouldConstrain:d,constrain:function(n){if(!d())return;const l=t.reachedMin(e.get())?"min":"max",c=h(t[l]-e.get()),u=o.get()-e.get(),p=s.constrain(c/i);o.subtract(u*p),!n&&h(u)<a&&(o.set(t.constrain(o.get())),r.useDuration(25).useBaseFriction())},toggleActive:function(t){l=!t}}}function T(t,e,o,r){const n=e.min+.1,a=e.max+.1,{reachedMin:i,reachedMax:s}=D(n,a);return{loop:function(e){if(!function(t){return 1===t?s(o.get()):-1===t&&i(o.get())}(e))return;const n=t*(-1*e);r.forEach((t=>t.add(n)))}}}function B(t,e,o,r,n){const{reachedAny:a,removeOffset:i,constrain:s}=r;function l(t){return t.concat().sort(((t,e)=>h(t)-h(e)))[0]}function d(e,r){const n=[e,e+o,e-o];if(!t)return e;if(!r)return l(n);const a=n.filter((t=>f(t)===r));return a.length?l(a):m(n)-o}return{byDistance:function(o,r){const l=n.get()+o,{index:c,distance:u}=function(o){const r=t?i(o):s(o),n=e.map(((t,e)=>({diff:d(t-r,0),index:e}))).sort(((t,e)=>h(t.diff)-h(e.diff))),{index:a}=n[0];return{index:a,distance:r}}(l),p=!t&&a(l);return!r||p?{index:c,distance:o}:{index:c,distance:o+d(e[c]-u,0)}},byIndex:function(t,o){return{index:t,distance:d(e[t]-n.get(),o)}},shortcut:d}}function I(t,e,o,r,n,a,i,s){const l={passive:!0,capture:!0};let c=0;function p(t){"Tab"===t.code&&(c=(new Date).getTime())}return{init:function(h){s&&(a.add(document,"keydown",p,!1),e.forEach(((e,p)=>{a.add(e,"focus",(e=>{(u(s)||s(h,e))&&function(e){if((new Date).getTime()-c>10)return;i.emit("slideFocusStart"),t.scrollLeft=0;const a=o.findIndex((t=>t.includes(e)));d(a)&&(n.useDuration(0),r.index(a,0),i.emit("slideFocus"))}(p)}),l)})))}}}function $(t){let e=t;function o(t){return d(t)?t:t.get()}return{get:function(){return e},set:function(t){e=o(t)},add:function(t){e+=o(t)},subtract:function(t){e-=o(t)}}}function P(t,e){const o="x"===t.scroll?function(t){return`translate3d(${t}px,0px,0px)`}:function(t){return`translate3d(0px,${t}px,0px)`},r=e.style;let n=null,a=!1;return{clear:function(){a||(r.transform="",e.getAttribute("style")||e.removeAttribute("style"))},to:function(e){if(a)return;const i=(s=t.direction(e),Math.round(100*s)/100);var s;i!==n&&(r.transform=o(i),n=i)},toggleActive:function(t){a=!t}}}function N(t,e,o,r,n,a,i,s,l){const d=g(n),c=g(n).reverse(),u=function(){const t=i[0];return f(h(c,t),o,!1)}().concat(function(){const t=e-i[0]-1;return f(h(d,t),-o,!0)}());function p(t,e){return t.reduce(((t,e)=>t-n[e]),e)}function h(t,e){return t.reduce(((t,o)=>p(t,e)>0?t.concat([o]):t),[])}function f(n,i,d){const c=function(t){return a.map(((o,n)=>({start:o-r[n]+.5+t,end:o+e-.5+t})))}(i);return n.map((e=>{const r=d?0:-o,n=d?o:0,a=d?"end":"start",i=c[e][a];return{index:e,loopPoint:i,slideLocation:$(-1),translate:P(t,l[e]),target:()=>s.get()>i?r:n}}))}return{canLoop:function(){return u.every((({index:t})=>p(d.filter((e=>e!==t)),e)<=.1))},clear:function(){u.forEach((t=>t.translate.clear()))},loop:function(){u.forEach((t=>{const{target:e,translate:o,slideLocation:r}=t,n=e();n!==r.get()&&(o.to(n),r.set(n))}))},loopPoints:u}}function M(t,e,o){let r,n=!1;return{init:function(a){o&&(r=new MutationObserver((t=>{n||(u(o)||o(a,t))&&function(t){for(const o of t)if("childList"===o.type){a.reInit(),e.emit("slidesChanged");break}}(t)})),r.observe(t,{childList:!0}))},destroy:function(){r&&r.disconnect(),n=!0}}}function F(t,e,o,r){const n={};let a,i=null,s=null,l=!1;return{init:function(){a=new IntersectionObserver((t=>{l||(t.forEach((t=>{const o=e.indexOf(t.target);n[o]=t})),i=null,s=null,o.emit("slidesInView"))}),{root:t.parentElement,threshold:r}),e.forEach((t=>a.observe(t)))},destroy:function(){a&&a.disconnect(),l=!0},get:function(t=!0){if(t&&i)return i;if(!t&&s)return s;const e=function(t){return w(n).reduce(((e,o)=>{const r=parseInt(o),{isIntersecting:a}=n[r];return(t&&a||!t&&!a)&&e.push(r),e}),[])}(t);return t&&(i=e),t||(s=e),e}}}function q(t,e,o,r,n,a,i,s,l){const{startEdge:c,endEdge:u,direction:p}=t,f=d(o);return{groupSlides:function(t){return f?function(t,e){return g(t).filter((t=>t%e==0)).map((o=>t.slice(o,o+e)))}(t,o):function(t){return t.length?g(t).reduce(((o,d,f)=>{const b=m(o)||0,g=0===b,y=d===v(t),x=n[c]-a[b][c],w=n[c]-a[d][u],k=!r&&g?p(i):0,S=h(w-(!r&&y?p(s):0)-(x+k));return f&&S>e+l&&o.push(d),y&&o.push(t.length),o}),[]).map(((e,o,r)=>{const n=Math.max(r[o-1]||0);return t.slice(n,e)})):[]}(t)}}}function H(t,e,o,r,n,a,i){const{align:s,axis:l,direction:d,startIndex:u,loop:p,duration:w,dragFree:k,dragThreshold:S,inViewThreshold:H,slidesToScroll:W,skipSnaps:R,containScroll:V,watchResize:j,watchSlides:U,watchDrag:X,watchFocus:G}=a,K={measure:function(t){const{offsetTop:e,offsetLeft:o,offsetWidth:r,offsetHeight:n}=t;return{top:e,right:o+r,bottom:e+n,left:o,width:r,height:n}}},Q=K.measure(e),Y=o.map(K.measure),Z=function(t,e){const o="rtl"===e,r="y"===t,n=!r&&o?-1:1;return{scroll:r?"y":"x",cross:r?"x":"y",startEdge:r?"top":o?"right":"left",endEdge:r?"bottom":o?"left":"right",measureSize:function(t){const{height:e,width:o}=t;return r?e:o},direction:function(t){return t*n}}}(l,d),J=Z.measureSize(Q),tt=function(t){return{measure:function(e){return t*(e/100)}}}(J),et=function(t,e){const o={start:function(){return 0},center:function(t){return r(t)/2},end:r};function r(t){return e-t}return{measure:function(r,n){return c(t)?o[t](r):t(e,r,n)}}}(s,J),ot=!p&&!!V,rt=p||!!V,{slideSizes:nt,slideSizesWithGaps:at,startGap:it,endGap:st}=function(t,e,o,r,n,a){const{measureSize:i,startEdge:s,endEdge:l}=t,d=o[0]&&n,c=function(){if(!d)return 0;const t=o[0];return h(e[s]-t[s])}(),u=function(){if(!d)return 0;const t=a.getComputedStyle(m(r));return parseFloat(t.getPropertyValue(`margin-${l}`))}(),p=o.map(i),f=o.map(((t,e,o)=>{const r=!e,n=y(o,e);return r?p[e]+c:n?p[e]+u:o[e+1][s]-t[s]})).map(h);return{slideSizes:p,slideSizesWithGaps:f,startGap:c,endGap:u}}(Z,Q,Y,o,rt,n),lt=q(Z,J,W,p,Q,Y,it,st,2),{snaps:dt,snapsAligned:ct}=function(t,e,o,r,n){const{startEdge:a,endEdge:i}=t,{groupSlides:s}=n,l=s(r).map((t=>m(t)[i]-t[0][a])).map(h).map(e.measure),d=r.map((t=>o[a]-t[a])).map((t=>-h(t))),c=s(d).map((t=>t[0])).map(((t,e)=>t+l[e]));return{snaps:d,snapsAligned:c}}(Z,et,Q,Y,lt),ut=-m(dt)+m(at),{snapsContained:pt,scrollContainLimit:ht}=function(t,e,o,r,n){const a=D(-e+t,0),i=o.map(((t,e)=>{const{min:r,max:n}=a,i=a.constrain(t),s=!e,d=y(o,e);return s?n:d||l(r,i)?r:l(n,i)?n:i})).map((t=>parseFloat(t.toFixed(3)))),s=function(){const t=i[0],e=m(i);return D(i.lastIndexOf(t),i.indexOf(e)+1)}();function l(t,e){return b(t,e)<=1}return{snapsContained:function(){if(e<=t+n)return[a.max];if("keepSnaps"===r)return i;const{min:o,max:l}=s;return i.slice(o,l)}(),scrollContainLimit:s}}(J,ut,ct,V,2),ft=ot?pt:ct,{limit:bt}=function(t,e,o){const r=e[0];return{limit:D(o?r-t:m(e),r)}}(ut,ft,p),gt=O(v(ft),u,p),mt=gt.clone(),vt=g(o),yt=L(r,n,(()=>(({dragHandler:t,scrollBody:e,scrollBounds:o,options:{loop:r}})=>{r||o.constrain(t.pointerDown()),e.seek()})(Bt)),(t=>(({scrollBody:t,translate:e,location:o,offsetLocation:r,previousLocation:n,scrollLooper:a,slideLooper:i,dragHandler:s,animation:l,eventHandler:d,scrollBounds:c,options:{loop:u}},p)=>{const h=t.settled(),f=!c.shouldConstrain(),b=u?h:h&&f,g=b&&!s.pointerDown();g&&l.stop();const m=o.get()*p+n.get()*(1-p);r.set(m),u&&(a.loop(t.direction()),i.loop()),e.to(r.get()),g&&d.emit("settle"),b||d.emit("scroll")})(Bt,t))),xt=ft[gt.get()],wt=$(xt),kt=$(xt),St=$(xt),_t=$(xt),Lt=function(t,e,o,r,n,a){let i=0,s=0,l=n,d=a,c=t.get(),u=0;function p(t){return l=t,g}function b(t){return d=t,g}const g={direction:function(){return s},duration:function(){return l},velocity:function(){return i},seek:function(){const e=r.get()-t.get();let n=0;return l?(o.set(t),i+=e/l,i*=d,c+=i,t.add(i),n=c-u):(i=0,o.set(r),t.set(r),n=e),s=f(n),u=c,g},settled:function(){return h(r.get()-e.get())<.001},useBaseFriction:function(){return b(a)},useBaseDuration:function(){return p(n)},useFriction:b,useDuration:p};return g}(wt,St,kt,_t,w,.68),Dt=B(p,ft,ut,bt,_t),Ot=function(t,e,o,r,n,a,i){function s(n){const s=n.distance,l=n.index!==e.get();a.add(s),s&&(r.duration()?t.start():(t.update(),t.render(1),t.update())),l&&(o.set(e.get()),e.set(n.index),i.emit("select"))}return{distance:function(t,e){s(n.byDistance(t,e))},index:function(t,o){const r=e.clone().set(t);s(n.byIndex(r.get(),o))}}}(yt,gt,mt,Lt,Dt,_t,i),zt=function(t){const{max:e,length:o}=t;return{get:function(t){return o?(t-e)/-o:0}}}(bt),Et=_(),At=F(e,o,i,H),{slideRegistry:Ct}=function(t,e,o,r,n,a){const{groupSlides:i}=n,{min:s,max:l}=r;return{slideRegistry:function(){const r=i(a),n=!t||"keepSnaps"===e;return 1===o.length?[a]:n?r:r.slice(s,l).map(((t,e,o)=>{const r=!e,n=y(o,e);return r?x(m(o[0])+1):n?x(v(a)-m(o)[0]+1,m(o)[0]):t}))}()}}(ot,V,ft,ht,lt,vt),Tt=I(t,o,Ct,Ot,Lt,Et,i,G),Bt={ownerDocument:r,ownerWindow:n,eventHandler:i,containerRect:Q,slideRects:Y,animation:yt,axis:Z,dragHandler:z(Z,t,r,n,_t,E(Z,n),wt,yt,Ot,Lt,Dt,gt,i,tt,k,S,R,.68,X),eventStore:Et,percentOfView:tt,index:gt,indexPrevious:mt,limit:bt,location:wt,offsetLocation:St,previousLocation:kt,options:a,resizeHandler:A(e,i,n,o,Z,j,K),scrollBody:Lt,scrollBounds:C(bt,St,_t,Lt,tt),scrollLooper:T(ut,bt,St,[wt,St,kt,_t]),scrollProgress:zt,scrollSnapList:ft.map(zt.get),scrollSnaps:ft,scrollTarget:Dt,scrollTo:Ot,slideLooper:N(Z,J,ut,nt,at,dt,ft,St,o),slideFocus:Tt,slidesHandler:M(e,i,U),slidesInView:At,slideIndexes:vt,slideRegistry:Ct,slidesToScroll:lt,target:_t,translate:P(Z,e)};return Bt}const W={align:"center",axis:"x",container:null,slides:null,containScroll:"trimSnaps",direction:"ltr",slidesToScroll:1,inViewThreshold:0,breakpoints:{},dragFree:!1,dragThreshold:10,loop:!1,skipSnaps:!1,duration:25,startIndex:0,active:!0,watchDrag:!0,watchResize:!0,watchSlides:!0,watchFocus:!0};function R(t){function e(t,e){return k(t,e||{})}const o={mergeOptions:e,optionsAtMedia:function(o){const r=o.breakpoints||{},n=w(r).filter((e=>t.matchMedia(e).matches)).map((t=>r[t])).reduce(((t,o)=>e(t,o)),{});return e(o,n)},optionsMediaQueries:function(e){return e.map((t=>w(t.breakpoints||{}))).reduce(((t,e)=>t.concat(e)),[]).map(t.matchMedia)}};return o}function V(t,e,o){const r=t.ownerDocument,n=r.defaultView,a=R(n),i=function(t){let e=[];return{init:function(o,r){return e=r.filter((({options:e})=>!1!==t.optionsAtMedia(e).active)),e.forEach((e=>e.init(o,t))),r.reduce(((t,e)=>Object.assign(t,{[e.name]:e})),{})},destroy:function(){e=e.filter((t=>t.destroy()))}}}(a),s=_(),l=function(){let t,e={};function o(t){return e[t]||[]}const r={init:function(e){t=e},emit:function(e){return o(e).forEach((o=>o(t,e))),r},off:function(t,n){return e[t]=o(t).filter((t=>t!==n)),r},on:function(t,n){return e[t]=o(t).concat([n]),r},clear:function(){e={}}};return r}(),{mergeOptions:d,optionsAtMedia:u,optionsMediaQueries:p}=a,{on:h,off:f,emit:b}=l,g=z;let m,v,y,x,w=!1,k=d(W,V.globalOptions),S=d(k),L=[];function D(e){const o=H(t,y,x,r,n,e,l);if(e.loop&&!o.slideLooper.canLoop()){return D(Object.assign({},e,{loop:!1}))}return o}function O(e,o){w||(k=d(k,e),S=u(k),L=o||L,function(){const{container:e,slides:o}=S,r=c(e)?t.querySelector(e):e;y=r||t.children[0];const n=c(o)?y.querySelectorAll(o):o;x=[].slice.call(n||y.children)}(),m=D(S),p([k,...L.map((({options:t})=>t))]).forEach((t=>s.add(t,"change",z))),S.active&&(m.translate.to(m.location.get()),m.animation.init(),m.slidesInView.init(),m.slideFocus.init(T),m.eventHandler.init(T),m.resizeHandler.init(T),m.slidesHandler.init(T),m.options.loop&&m.slideLooper.loop(),y.offsetParent&&x.length&&m.dragHandler.init(T),v=i.init(T,L)))}function z(t,e){const o=C();E(),O(d({startIndex:o},t),e),l.emit("reInit")}function E(){m.dragHandler.destroy(),m.eventStore.clear(),m.translate.clear(),m.slideLooper.clear(),m.resizeHandler.destroy(),m.slidesHandler.destroy(),m.slidesInView.destroy(),m.animation.destroy(),i.destroy(),s.clear()}function A(t,e,o){S.active&&!w&&(m.scrollBody.useBaseFriction().useDuration(!0===e?0:S.duration),m.scrollTo.index(t,o||0))}function C(){return m.index.get()}const T={canScrollNext:function(){return m.index.add(1).get()!==C()},canScrollPrev:function(){return m.index.add(-1).get()!==C()},containerNode:function(){return y},internalEngine:function(){return m},destroy:function(){w||(w=!0,s.clear(),E(),l.emit("destroy"),l.clear())},off:f,on:h,emit:b,plugins:function(){return v},previousScrollSnap:function(){return m.indexPrevious.get()},reInit:g,rootNode:function(){return t},scrollNext:function(t){A(m.index.add(1).get(),t,-1)},scrollPrev:function(t){A(m.index.add(-1).get(),t,1)},scrollProgress:function(){return m.scrollProgress.get(m.offsetLocation.get())},scrollSnapList:function(){return m.scrollSnapList},scrollTo:A,selectedScrollSnap:C,slideNodes:function(){return x},slidesInView:function(){return m.slidesInView.get()},slidesNotInView:function(){return m.slidesInView.get(!1)}};return O(e,o),setTimeout((()=>l.emit("init")),0),T}V.globalOptions=void 0;const j={direction:"forward",speed:2,startDelay:1e3,active:!0,breakpoints:{},playOnInit:!0,stopOnFocusIn:!0,stopOnInteraction:!0,stopOnMouseEnter:!1,rootNode:null};function U(t={}){let e,o,r,n,a,i=0,s=!1,l=!1;function d(){if(r)return;if(s)return;o.emit("autoScroll:play");const t=o.internalEngine(),{ownerWindow:a}=t;i=a.setTimeout((()=>{t.scrollBody=function(t){const{location:r,previousLocation:n,offsetLocation:a,target:i,scrollTarget:s,index:l,indexPrevious:d,limit:{reachedMin:u,reachedMax:p,constrain:h},options:{loop:f}}=t,b="forward"===e.direction?-1:1,g=()=>S;let m=0,v=0,y=r.get(),x=0,w=!1;function k(){let t=0;n.set(r),m=b*e.speed,y+=m,r.add(m),i.set(r),t=y-x,v=Math.sign(t),x=y;const g=s.byDistance(0,!1).index;l.get()!==g&&(d.set(l.get()),l.set(g),o.emit("select"));const k="forward"===e.direction?u(a.get()):p(a.get());if(!f&&k){w=!0;const t=h(r.get());r.set(t),i.set(r),c()}return S}const S={direction:()=>v,duration:()=>-1,velocity:()=>m,settled:()=>w,seek:k,useBaseFriction:g,useBaseDuration:g,useFriction:g,useDuration:g};return S}(t),t.animation.start()}),n),s=!0}function c(){if(r)return;if(!s)return;o.emit("autoScroll:stop");const t=o.internalEngine(),{ownerWindow:e}=t;t.scrollBody=a,e.clearTimeout(i),i=0,s=!1}function u(){l||c()}function p(){l||g()}function h(){l=!0,c()}function f(){l=!1,d()}function b(){o.off("settle",b),d()}function g(){o.on("settle",b)}return{name:"autoScroll",options:t,init:function(i,s){o=i;const{mergeOptions:l,optionsAtMedia:b}=s,g=l(j,U.globalOptions),m=l(g,t);if(e=b(m),o.scrollSnapList().length<=1)return;n=e.startDelay,r=!1,a=o.internalEngine().scrollBody;const{eventStore:v}=o.internalEngine(),y=!!o.internalEngine().options.watchDrag,x=function(t,e){const o=t.rootNode();return e&&e(o)||o}(o,e.rootNode);y&&o.on("pointerDown",u),y&&!e.stopOnInteraction&&o.on("pointerUp",p),e.stopOnMouseEnter&&v.add(x,"mouseenter",h),e.stopOnMouseEnter&&!e.stopOnInteraction&&v.add(x,"mouseleave",f),e.stopOnFocusIn&&o.on("slideFocusStart",c),e.stopOnFocusIn&&!e.stopOnInteraction&&v.add(o.containerNode(),"focusout",d),e.playOnInit&&d()},destroy:function(){o.off("pointerDown",u).off("pointerUp",p).off("slideFocusStart",c).off("settle",b),c(),r=!0,s=!1},play:function(t){void 0!==t&&(n=t),d()},stop:function(){s&&c()},reset:function(){s&&(c(),g())},isPlaying:function(){return s}}}U.globalOptions=void 0;const X={active:!0,breakpoints:{},delay:4e3,jump:!1,playOnInit:!0,stopOnFocusIn:!0,stopOnInteraction:!0,stopOnMouseEnter:!1,stopOnLastSnap:!1,rootNode:null};function G(t={}){let e,o,r,n,a=null,i=0,s=!1,l=!1,d=!1,c=!1;function u(){r||(f()?d=!0:(s||o.emit("autoplay:play"),function(){const{ownerWindow:t}=o.internalEngine();t.clearTimeout(i),i=t.setTimeout(y,n[o.selectedScrollSnap()]),a=(new Date).getTime(),o.emit("autoplay:timerset")}(),s=!0))}function p(){r||(s&&o.emit("autoplay:stop"),function(){const{ownerWindow:t}=o.internalEngine();t.clearTimeout(i),i=0,a=null,o.emit("autoplay:timerstopped")}(),s=!1)}function h(){if(f())return d=s,p();d&&u()}function f(){const{ownerDocument:t}=o.internalEngine();return"hidden"===t.visibilityState}function b(){l||p()}function g(){l||u()}function m(){l=!0,p()}function v(){l=!1,u()}function y(){const{index:t}=o.internalEngine(),r=t.clone().add(1).get(),n=o.scrollSnapList().length-1,a=e.stopOnLastSnap&&r===n;if(o.canScrollNext()?o.scrollNext(c):o.scrollTo(0,c),o.emit("autoplay:select"),a)return p();u()}return{name:"autoplay",options:t,init:function(a,i){o=a;const{mergeOptions:s,optionsAtMedia:l}=i,d=s(X,G.globalOptions),f=s(d,t);if(e=l(f),o.scrollSnapList().length<=1)return;c=e.jump,r=!1,n=function(t,e){const o=t.scrollSnapList();return"number"==typeof e?o.map((()=>e)):e(o,t)}(o,e.delay);const{eventStore:y,ownerDocument:x}=o.internalEngine(),w=!!o.internalEngine().options.watchDrag,k=function(t,e){const o=t.rootNode();return e&&e(o)||o}(o,e.rootNode);y.add(x,"visibilitychange",h),w&&o.on("pointerDown",b),w&&!e.stopOnInteraction&&o.on("pointerUp",g),e.stopOnMouseEnter&&y.add(k,"mouseenter",m),e.stopOnMouseEnter&&!e.stopOnInteraction&&y.add(k,"mouseleave",v),e.stopOnFocusIn&&o.on("slideFocusStart",p),e.stopOnFocusIn&&!e.stopOnInteraction&&y.add(o.containerNode(),"focusout",u),e.playOnInit&&u()},destroy:function(){o.off("pointerDown",b).off("pointerUp",g).off("slideFocusStart",p),p(),r=!0,s=!1},play:function(t){void 0!==t&&(c=t),u()},stop:function(){s&&p()},reset:function(){s&&u()},isPlaying:function(){return s},timeUntilNext:function(){return a?n[o.selectedScrollSnap()]-((new Date).getTime()-a):null}}}G.globalOptions=void 0;const K={active:!0,breakpoints:{},snapped:"is-snapped",inView:"is-in-view",draggable:"is-draggable",dragging:"is-dragging",loop:"is-loop"};function Q(t){return(Array.isArray(t)?t:[t]).filter(Boolean)}function Y(t,e){t&&e.length&&t.classList.remove(...e)}function Z(t,e){t&&e.length&&t.classList.add(...e)}function J(t={}){let e,o,r,n,a=[],i=[];const s=["select"],l=["pointerDown","pointerUp"],d=["slidesInView"],c={snapped:[],inView:[],draggable:[],dragging:[],loop:[]};function u(t,e){("pointerDown"===e?Z:Y)(r,c.dragging)}function p(t=[],e=[],o){const r=e.map((t=>n[t])),a=t.map((t=>n[t]));return r.forEach((t=>Y(t,o))),a.forEach((t=>Z(t,o))),t}function h(){const{slideRegistry:t}=o.internalEngine(),e=t[o.selectedScrollSnap()];a=p(e,a,c.snapped)}function f(){const t=o.slidesInView();i=p(t,i,c.inView)}return{name:"classNames",options:t,init:function(a,i){o=a;const{mergeOptions:p,optionsAtMedia:b}=i,g=p(K,J.globalOptions),m=p(g,t);e=b(m),r=o.rootNode(),n=o.slideNodes();const{watchDrag:v,loop:y}=o.internalEngine().options,x=!!v;e.loop&&y&&(c.loop=Q(e.loop),Z(r,c.loop)),e.draggable&&x&&(c.draggable=Q(e.draggable),Z(r,c.draggable)),e.dragging&&(c.dragging=Q(e.dragging),l.forEach((t=>o.on(t,u)))),e.snapped&&(c.snapped=Q(e.snapped),s.forEach((t=>o.on(t,h))),h()),e.inView&&(c.inView=Q(e.inView),d.forEach((t=>o.on(t,f))),f())},destroy:function(){l.forEach((t=>o.off(t,u))),s.forEach((t=>o.off(t,h))),d.forEach((t=>o.off(t,f))),Y(r,c.loop),Y(r,c.draggable),Y(r,c.dragging),p([],a,c.snapped),p([],i,c.inView),Object.keys(c).forEach((t=>{c[t]=[]}))}}}J.globalOptions=void 0;class tt{generateElementName(t,e){let o=t;return o+="-",o+=e.replace(/[.]/g,"_"),o}generateTag(t,e,o){const r=this.generateElementName(t,e),i=a`${n(r)}`;return customElements.get(r)||customElements.define(r,class extends o{}),i}}let et=class{registerComponent(t,e){customElements.get(t)||customElements.define(t,class extends e{})}closestElement(t,e=this,o=(e,r=e&&e.closest(t))=>e&&e!==document&&e!==window?r||o(e.getRootNode().host):null){return o(e)}handleComponentTagRename(t,e){const o=e.toLowerCase();t.tagName.toLowerCase()!==o&&t.setAttribute(o,!0)}elementMatch(t,e){const o=e.toLowerCase();return t.tagName.toLowerCase()===o||t.hasAttribute(o)}};const ot=new WeakMap,rt=new WeakMap,nt=({host:t,target:e,matcher:o,removeOriginal:r=!0})=>{rt.has(t)||rt.set(t,{matchers:new Set,targets:new Map});const n=rt.get(t);return n.matchers.add(o),n.targets.has(e)||n.targets.set(e,new Map),n.targets.get(e).set(o,{removeOriginal:r,currentAttributes:new Map}),it({host:t,target:e,matcher:o,removeOriginal:r}),st(t),{cleanup:()=>at(t,e,o),getObservedAttributes:()=>pt(t,e,o),getObservedAttribute:r=>ut(t,e,o,r)}},at=(t,e,o)=>{const r=rt.get(t);if(!r)return;const n=r.targets.get(e);n&&(n.delete(o),0===n.size&&r.targets.delete(e));let a=!1;for(const t of r.targets.values())if(t.has(o)){a=!0;break}a||r.matchers.delete(o),0!==r.targets.size&&0!==r.matchers.size||lt(t)},it=({host:t,target:e,matcher:o,removeOriginal:r=!0})=>{const n=t.getAttributeNames().filter((t=>o(t))).reduce(((e,o)=>(e[o]=t.getAttribute(o),e)),{});Object.entries(n).forEach((([n,a])=>{ct(t,e,o,n,a),e.setAttribute(n,a),r&&t.removeAttribute(n)}))},st=t=>{if(ot.has(t))return ot.get(t);const e=new MutationObserver((e=>{const o=rt.get(t);o&&e.filter((t=>"attributes"===t.type)).forEach((e=>{const r=e.attributeName;for(const e of o.matchers)if(e(r))for(const[r,n]of o.targets.entries())if(n.has(e)){const{removeOriginal:o}=n.get(e);it({host:t,target:r,matcher:e,removeOriginal:o})}}))}));return e.observe(t,{attributes:!0}),ot.set(t,e),e},lt=t=>{if(ot.has(t)){ot.get(t).disconnect(),ot.delete(t)}rt.has(t)&&rt.delete(t)},dt=(t,e,o)=>{const r=rt.get(t);if(!r)return;const n=r.targets.get(e);return n?n.get(o):void 0},ct=(t,e,o,r,n)=>{const a=dt(t,e,o);a&&a.currentAttributes.set(r,n)},ut=(t,e,o,r)=>{const n=dt(t,e,o);if(n)return n.currentAttributes.get(r)},pt=(t,e,o)=>{const r=dt(t,e,o);return r?Array.from(r.currentAttributes.entries()):[]},ht={"aria-":t=>t.startsWith("aria-"),role:t=>t.match(/^role$/)},ft=({host:t,target:e,removeOriginal:o=!0})=>(({host:t,target:e,match:o,removeOriginal:r=!0})=>{if("object"!=typeof t||!(t instanceof HTMLElement))throw new TypeError('a11yUtilities.js | transportAttributes | The "host" parameter must be an instance of HTMLElement.');if("object"!=typeof e||!(e 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 r)throw new TypeError('a11yUtilities.js | transportAttributes | The "removeOriginal" parameter must be a boolean.');return nt({host:t,target:e,matcher:o,removeOriginal:r})})({host:t,target:e,match:t=>{for(const e in ht)if(ht[e](t))return!0;return!1},removeOriginal:o});let bt=class extends t{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},onDark:{type:Boolean,attribute:"ondark",reflect:!0},wrapper:{attribute:!1,reflect:!1}}}resetShapeClasses(){this.shape&&this.size&&this.wrapper&&(this.wrapper.classList.forEach((t=>{t.startsWith("shape-")&&this.wrapper.classList.remove(t)})),this.wrapper.classList.add(`shape-${this.shape.toLowerCase()}-${this.size.toLowerCase()}`))}resetLayoutClasses(){this.layout&&this.wrapper&&(this.wrapper.classList.forEach((t=>{t.startsWith("layout-")&&this.wrapper.classList.remove(t)})),this.wrapper.classList.add(`layout-${this.layout.toLowerCase()}`))}updateComponentArchitecture(){this.resetLayoutClasses(),this.resetShapeClasses()}updated(t){(t.has("layout")||t.has("shape")||t.has("size"))&&this.updateComponentArchitecture()}firstUpdated(){super.firstUpdated(),this.wrapper=this.shadowRoot.querySelector(".wrapper"),this.attributeWatcher=ft({host:this,target:this.shadowRoot.querySelector(".wrapper")})}disconnectedCallback(){super.disconnectedCallback(),this.attributeWatcher&&(this.attributeWatcher.cleanup(),this.attributeWatcher=null)}render(){try{return this.renderLayout()}catch(t){return console.error("Failed to get the defined layout - using the default layout",t),this.getLayout("default")}}};var gt=e`: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}:host([fluid]) .auro-button,:host([fluid=true]) .auro-button{min-width:auto;width:100%}:host([variant=flat]){display:inline-block}::slotted(svg){vertical-align:middle}slot{pointer-events:none}.auro-button{position:relative;padding:0 var(--ds-size-300, 1.5rem);cursor:pointer;border-width:1px;border-style:solid;border-radius:var(--ds-border-radius, 0.375rem);overflow:hidden;text-overflow:ellipsis;user-select:none;white-space:nowrap;min-height:var(--ds-size-600, 3rem);max-height:var(--ds-size-600, 3rem);display:inline-flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--ds-size-100, 0.5rem);margin:0;-webkit-touch-callout:none;-webkit-user-select:none;transition:padding 300ms ease-out}.auro-button:active{transform:scale(0.95)}.auro-button:focus-visible,.auro-button:focus{outline:none;outline-style:solid;outline-width:var(--ds-size-50, 0.25rem);outline-offset:calc(var(--ds-size-50, 0.25rem)*-1)}.auro-button:focus-visible:not([variant=secondary]):not([variant=tertiary]),.auro-button:focus:not([variant=secondary]):not([variant=tertiary]){outline-width:calc(var(--ds-size-50, 0.25rem) - 1px)}.auro-button.loading{cursor:not-allowed}.auro-button.loading *:not([auro-loader]){visibility:hidden}@media screen and (min-width: 576px){.auro-button{min-width:8.75rem;width:auto}}.auro-button:disabled{cursor:not-allowed;transform:unset}.auro-button[variant=secondary]:disabled{cursor:not-allowed;transform:unset}.auro-button[variant=tertiary]:disabled{cursor:not-allowed;transform:unset}.auro-button[variant=ghost]:disabled{cursor:not-allowed;transform:unset}.auro-button[onDark]:disabled{cursor:not-allowed;transform:unset}.auro-button[onDark][variant=secondary]:disabled{cursor:not-allowed;transform:unset}@media(hover: hover){.auro-button[onDark][variant=tertiary]:active,.auro-button[onDark][variant=tertiary]:hover{box-shadow:none}}.auro-button[onDark][variant=tertiary]:active{box-shadow:none}.auro-button[onDark][variant=tertiary]:disabled{cursor:not-allowed;transform:unset}.auro-button.icon-only ::slotted(:not(auro-icon):not([auro-icon])){display:none}.auro-button--slim{min-width:unset;min-height:calc(var(--ds-size-500, 2.5rem) - var(--ds-size-50, 0.25rem));max-height:calc(var(--ds-size-500, 2.5rem) - var(--ds-size-50, 0.25rem))}.auro-button--iconOnly{padding:0 var(--ds-size-100, 0.5rem);border-radius:100px;min-width:unset;height:var(--ds-size-600, 3rem);width:var(--ds-size-500, 2.5rem)}.auro-button--iconOnly ::slotted(auro-icon),.auro-button--iconOnly ::slotted([auro-icon]){--ds-auro-icon-size:var(--ds-size-300, 1.5rem)}.auro-button--iconOnly:not(.auro-button--rounded):focus-visible:not([variant=secondary]):not([variant=tertiary]):not([variant=flat]),.auro-button--iconOnly:not(.auro-button--rounded):focus:not([variant=secondary]):not([variant=tertiary]):not([variant=flat]){outline-width:1px;outline-offset:-2px}.auro-button--iconOnlySlim{padding:0 var(--ds-size-50, 0.25rem);height:calc(var(--ds-size-400, 2rem) + var(--ds-size-50, 0.25rem));width:calc(var(--ds-size-300, 1.5rem) + var(--ds-size-50, 0.25rem))}.auro-button--iconOnlySlim ::slotted(auro-icon),.auro-button--iconOnlySlim ::slotted([auro-icon]){--ds-auro-icon-size:calc(var(--ds-size-200, 1rem) + var(--ds-size-50, 0.25rem))}.auro-button--rounded{border-radius:100px;box-shadow:var(--ds-elevation-300, 0px 0px 15px rgba(0, 0, 0, 0.2));height:var(--ds-size-500, 2.5rem);min-width:unset;transition:padding 300ms ease-out,outline 0ms,outline-offset 0ms}.auro-button--rounded ::slotted(auro-icon),.auro-button--rounded ::slotted([auro-icon]){--ds-auro-icon-size:var(--ds-size-300, 1.5rem)}.auro-button--rounded:focus-visible:not([variant=flat]):after,.auro-button--rounded:focus:not([variant=flat]):after{border-radius:100px}:host([size=xs]) .wrapper:focus-visible,:host([size=xs]) .wrapper:focus{outline-width:1px;outline-offset:-2px}:host([rounded]) .textSlot{transition:opacity 300ms ease-in;opacity:1}:host([rounded][iconOnly]) .textSlot{opacity:0}:host([rounded][iconOnly]) .textWrapper{display:none}:host([rounded][iconOnly]) .auro-button{min-width:unset;padding:unset;width:var(--ds-size-600, 3rem)}[auro-loader]{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);pointer-events:none}`,mt=e`[auro-loader]{color:var(--ds-auro-button-loader-color)}.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)}.auro-button:not([variant=secondary]):not([variant=tertiary]):focus-visible{outline-color:var(--ds-auro-button-border-inset-color)}.auro-button:not([ondark]):active:not(:disabled),.auro-button:not([ondark]):hover:not(:disabled){--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)}.auro-button:not([ondark]):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)}.auro-button:not([ondark])[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)}.auro-button:not([ondark])[variant=secondary]:active:not(:disabled),.auro-button:not([ondark])[variant=secondary]:hover:not(:disabled){--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)}.auro-button:not([ondark])[variant=secondary]:focus-visible{--ds-auro-button-border-inset-color:var(--ds-advanced-color-state-focused, #01426a)}.auro-button:not([ondark])[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)}.auro-button:not([ondark])[variant=tertiary]{--ds-auro-button-container-color:var(--ds-advanced-color-button-tertiary-background, rgba(0, 0, 0, 0.05));--ds-auro-button-container-image:var(--ds-advanced-color-button-tertiary-background, rgba(0, 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)}.auro-button:not([ondark])[variant=tertiary]:active:not(:disabled),.auro-button:not([ondark])[variant=tertiary]:hover:not(:disabled){--ds-auro-button-container-color:var(--ds-advanced-color-button-tertiary-background-hover, rgba(0, 0, 0, 0.1));--ds-auro-button-container-image:var(--ds-advanced-color-button-tertiary-background-hover, rgba(0, 0, 0, 0.1));--ds-auro-button-border-color:transparent}.auro-button:not([ondark])[variant=tertiary]:focus-visible{--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)}.auro-button:not([ondark])[variant=tertiary]:disabled{--ds-auro-button-border-color:transparent;--ds-auro-button-text-color:var(--ds-basic-color-texticon-disabled, #d0d0d0)}.auro-button:not([ondark])[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)}.auro-button:not([ondark])[variant=ghost]:active:not(:disabled),.auro-button:not([ondark])[variant=ghost]:hover:not(:disabled){--ds-auro-button-container-color:var(--ds-advanced-color-button-ghost-background-hover, rgba(0, 0, 0, 0.05));--ds-auro-button-container-image:var(--ds-advanced-color-button-ghost-background-hover, rgba(0, 0, 0, 0.05));--ds-auro-button-border-color:transparent}.auro-button:not([ondark])[variant=ghost]:focus-visible{--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)}.auro-button:not([ondark])[variant=ghost]:disabled{--ds-auro-button-border-color:transparent;--ds-auro-button-text-color:var(--ds-basic-color-texticon-disabled, #d0d0d0)}.auro-button:not([ondark])[variant=flat]{color:var(--ds-advanced-color-button-flat-text, #676767);background-color:transparent;background-image:none;border-color:transparent}.auro-button:not([ondark])[variant=flat]:active:not(:disabled),.auro-button:not([ondark])[variant=flat]:hover:not(:disabled){color:var(--ds-advanced-color-button-flat-text-hover, #525252);background-color:transparent;background-image:none;border-color:transparent}.auro-button:not([ondark])[variant=flat]:disabled{color:var(--ds-advanced-color-button-flat-text-disabled, #d0d0d0);background-color:transparent;background-image:none;border-color:transparent}.auro-button:not([ondark])[variant=flat]:focus-visible{--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)}.auro-button[ondark]{--ds-auro-button-border-color:var(--ds-advanced-color-button-primary-border-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-text-color:var(--ds-advanced-color-button-primary-text-inverse, #01426a);--ds-auro-button-loader-color:var(--ds-advanced-color-button-primary-text-inverse, #01426a)}.auro-button[ondark]:active:not(:disabled),.auro-button[ondark]:hover:not(:disabled){--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)}.auro-button[ondark]:focus-visible{--ds-auro-button-border-inset-color:var(--ds-advanced-color-state-focused, #01426a)}.auro-button[ondark]:disabled{--ds-auro-button-border-color:var(--ds-advanced-color-button-primary-border-inverse-disabled, rgba(255, 255, 255, 0.75));--ds-auro-button-container-color:var(--ds-advanced-color-button-primary-background-inverse-disabled, rgba(255, 255, 255, 0.75));--ds-auro-button-container-image:var(--ds-advanced-color-button-primary-background-inverse-disabled, rgba(255, 255, 255, 0.75));--ds-auro-button-text-color:var(--ds-basic-color-texticon-inverse-disabled, #7e8894)}.auro-button[ondark][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)}.auro-button[ondark][variant=secondary]:active:not(:disabled),.auro-button[ondark][variant=secondary]:hover:not(:disabled){--ds-auro-button-container-color:var(--ds-advanced-color-button-secondary-background-inverse-hover, rgba(255, 255, 255, 0.1));--ds-auro-button-container-image:var(--ds-advanced-color-button-secondary-background-inverse-hover, rgba(255, 255, 255, 0.1))}.auro-button[ondark][variant=secondary]:focus-visible{--ds-auro-button-border-inset-color:var(--ds-advanced-color-state-focused-inverse, #ffffff)}.auro-button[ondark][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)}.auro-button[ondark][variant=tertiary]{--ds-auro-button-container-color:var(--ds-advanced-color-button-tertiary-background-inverse, rgba(255, 255, 255, 0.05));--ds-auro-button-container-image:var(--ds-advanced-color-button-tertiary-background-inverse, rgba(255, 255, 255, 0.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)}.auro-button[ondark][variant=tertiary]:active:not(:disabled),.auro-button[ondark][variant=tertiary]:hover:not(:disabled){--ds-auro-button-container-color:var(--ds-advanced-color-button-tertiary-background-inverse-hover, rgba(255, 255, 255, 0.1));--ds-auro-button-container-image:var(--ds-advanced-color-button-tertiary-background-inverse-hover, rgba(255, 255, 255, 0.1))}.auro-button[ondark][variant=tertiary]:focus-visible{--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)}.auro-button[ondark][variant=tertiary]:disabled{--ds-auro-button-text-color:var(--ds-basic-color-texticon-inverse-disabled, #7e8894)}.auro-button[ondark][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)}.auro-button[ondark][variant=ghost]:active:not(:disabled),.auro-button[ondark][variant=ghost]:hover:not(:disabled){--ds-auro-button-container-color:var(--ds-advanced-color-button-ghost-background-inverse-hover, rgba(255, 255, 255, 0.05));--ds-auro-button-container-image:var(--ds-advanced-color-button-ghost-background-inverse-hover, rgba(255, 255, 255, 0.05))}.auro-button[ondark][variant=ghost]:focus-visible{--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)}.auro-button[ondark][variant=ghost]:disabled{--ds-auro-button-text-color:var(--ds-basic-color-texticon-inverse-disabled, #7e8894)}.auro-button[ondark][variant=flat]{color:var(--ds-advanced-color-button-flat-text-inverse, #ffffff);background-color:transparent;background-image:none;border-color:transparent}.auro-button[ondark][variant=flat]:active:not(:disabled),.auro-button[ondark][variant=flat]:hover:not(:disabled){color:var(--ds-advanced-color-button-flat-text-inverse-hover, #adadad);background-color:transparent;background-image:none;border-color:transparent}.auro-button[ondark][variant=flat]:disabled{color:var(--ds-advanced-color-button-flat-text-inverse-disabled, #7e8894);background-color:transparent;background-image:none;border-color:transparent}.auro-button[ondark][variant=flat]:focus-visible{--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)}`,vt=e`:host(:not([onDark])){--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);--ds-auro-button-tap-color:transparent}:host([onDark]){--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);--ds-auro-button-tap-color:transparent}`,yt=e`.shape-rounded-xl{min-height:68px;max-height:68px;border-style:solid;border-radius:6px;overflow:hidden;font-size:18px}.shape-rounded-lg{min-height:52px;max-height:52px;border-style:solid;border-radius:6px;overflow:hidden;font-size:18px}.shape-rounded-md{min-height:44px;max-height:44px;border-style:solid;border-radius:6px;overflow:hidden;font-size:16px}.shape-rounded-sm{min-height:32px;max-height:32px;border-style:solid;border-radius:6px;overflow:hidden;font-size:14px}.shape-rounded-xs{min-height:20px;max-height:20px;border-style:solid;border-radius:4px;overflow:hidden;font-size:12px;outline-offset:-2px;outline-width:1px}.shape-pill-xl{min-height:68px;max-height:68px;border-style:solid;border-radius:34px;overflow:hidden;font-size:18px}.shape-pill-left-xl{min-height:68px;max-height:68px;border-style:solid;border-radius:34px 0 0 34px;overflow:hidden}.shape-pill-right-xl{min-height:68px;max-height:68px;border-style:solid;border-radius:0 34px 34px 0;overflow:hidden}.shape-pill-lg{min-height:52px;max-height:52px;border-style:solid;border-radius:26px;overflow:hidden;font-size:18px}.shape-pill-left-lg{min-height:52px;max-height:52px;border-style:solid;border-radius:26px 0 0 26px;overflow:hidden}.shape-pill-right-lg{min-height:52px;max-height:52px;border-style:solid;border-radius:0 26px 26px 0;overflow:hidden}.shape-pill-md{min-height:44px;max-height:44px;border-style:solid;border-radius:22px;overflow:hidden}.shape-pill-left-md{min-height:44px;max-height:44px;border-style:solid;border-radius:22px 0 0 22px;overflow:hidden}.shape-pill-right-md{min-height:44px;max-height:44px;border-style:solid;border-radius:0 22px 22px 0;overflow:hidden;font-size:16px}.shape-pill-sm{min-height:32px;max-height:32px;border-style:solid;border-radius:16px;overflow:hidden;font-size:14px}.shape-pill-left-sm{min-height:32px;max-height:32px;border-style:solid;border-radius:16px 0 0 16px;overflow:hidden}.shape-pill-right-sm{min-height:32px;max-height:32px;border-style:solid;border-radius:0 16px 16px 0;overflow:hidden}.shape-pill-xs{min-height:20px;max-height:20px;border-style:solid;border-radius:10px;overflow:hidden;font-size:12px;outline-offset:-2px;outline-width:1px}.shape-pill-left-xs{min-height:20px;max-height:20px;border-style:solid;border-radius:10px 0 0 10px;overflow:hidden;outline-offset:-2px;outline-width:1px}.shape-pill-right-xs{min-height:20px;max-height:20px;border-style:solid;border-radius:0 10px 10px 0;overflow:hidden;outline-offset:-2px;outline-width:1px}.shape-circle-xl{min-height:68px;max-height:68px;min-width:68px;max-width:68px;border-style:solid;border-radius:34px;overflow:hidden;padding:0}.shape-circle-lg{min-height:52px;max-height:52px;min-width:52px;max-width:52px;border-style:solid;border-radius:26px;overflow:hidden;padding:0}.shape-circle-md{min-height:44px;max-height:44px;min-width:44px;max-width:44px;border-style:solid;border-radius:22px;overflow:hidden;padding:0}.shape-circle-sm{min-height:32px;max-height:32px;min-width:32px;max-width:32px;border-style:solid;border-radius:16px;overflow:hidden;padding:0}.shape-circle-xs{min-height:20px;max-height:20px;min-width:20px;max-width:20px;border-style:solid;border-radius:10px;overflow:hidden;padding:0;outline-offset:-2px;outline-width:1px}`;let xt=class{registerComponent(t,e){customElements.get(t)||customElements.define(t,class extends e{})}closestElement(t,e=this,o=(e,r=e&&e.closest(t))=>e&&e!==document&&e!==window?r||o(e.getRootNode().host):null){return o(e)}handleComponentTagRename(t,e){const o=e.toLowerCase();t.tagName.toLowerCase()!==o&&t.setAttribute(o,!0)}elementMatch(t,e){const o=e.toLowerCase();return t.tagName.toLowerCase()===o||t.hasAttribute(o)}};var wt=e`:focus:not(:focus-visible){outline:3px solid transparent}:host,:host>span{position:relative}:host{width:2rem;height:2rem;display:inline-block;font-size:0}:host>span{position:absolute;display:inline-block;float:none;top:0;left:0;width:2rem;height:2rem;border-radius:100%;border-style:solid;border-width:0}:host([xs]),:host([xs])>span{width:1.2rem;height:1.2rem}:host([sm]),:host([sm])>span{width:3rem;height:3rem}:host([md]),:host([md])>span{width:5rem;height:5rem}:host([lg]),:host([lg])>span{width:8rem;height:8rem}:host{--margin:0.375rem;--margin-xs:0.2rem;--margin-sm:0.5rem;--margin-md:0.75rem;--margin-lg:1rem}:host([pulse]),:host([pulse])>span{position:relative}:host([pulse]){width:calc(3rem + var(--margin)*6);height:1.5rem}:host([pulse])>span{width:1rem;height:1rem;margin:var(--margin);animation:pulse 1.5s ease infinite}:host([pulse][xs]){width:calc(2.55rem + var(--margin-xs)*6);height:1.55rem}:host([pulse][xs])>span{margin:var(--margin-xs);width:.65rem;height:.65rem}:host([pulse][sm]){width:calc(6rem + var(--margin-sm)*6);height:2.5rem}:host([pulse][sm])>span{margin:var(--margin-sm);width:2rem;height:2rem}:host([pulse][md]){width:calc(9rem + var(--margin-md)*6);height:3.5rem}:host([pulse][md])>span{margin:var(--margin-md);width:3rem;height:3rem}:host([pulse][lg]){width:calc(15rem + var(--margin-lg)*6);height:5.5rem}:host([pulse][lg])>span{margin:var(--margin-lg);width:5rem;height:5rem}:host([pulse])>span:nth-child(1){animation-delay:-400ms}:host([pulse])>span:nth-child(2){animation-delay:-200ms}:host([pulse])>span:nth-child(3){animation-delay:0ms}@keyframes pulse{0%,100%{opacity:.1;transform:scale(0.9)}50%{opacity:1;transform:scale(1.1)}}:host([orbit]),:host([orbit])>span{opacity:1}:host([orbit])>span{border-width:5px}:host([orbit])>span:nth-child(2){animation:orbit 2s linear infinite}:host([orbit][sm])>span{border-width:8px}:host([orbit][md])>span{border-width:13px}:host([orbit][lg])>span{border-width:21px}@keyframes orbit{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}:host([ringworm])>svg{animation:rotate 2s linear infinite;height:100%;width:100%;stroke:currentcolor;stroke-width:8}:host([ringworm]) .path{stroke-dashoffset:0;animation:ringworm 1.5s ease-in-out infinite;stroke-linecap:round}@keyframes rotate{100%{transform:rotate(360deg)}}@keyframes ringworm{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}100%{stroke-dasharray:89,200;stroke-dashoffset:-124px}}:host([laser]){position:static;width:100%;display:block;height:0;overflow:hidden;font-size:unset}:host([laser])>span{position:fixed;width:100%;height:.25rem;border-radius:0;z-index:100}:host([laser])>span:nth-child(1){border-color:currentcolor;opacity:.25}:host([laser])>span:nth-child(2){border-color:currentcolor;animation:laser 2s linear infinite;opacity:1;width:50%}:host([laser][sm])>span:nth-child(2){width:20%}:host([laser][md])>span:nth-child(2){width:30%}:host([laser][lg])>span:nth-child(2){width:50%;animation-duration:1.5s}:host([laser][xl])>span:nth-child(2){width:80%;animation-duration:1.5s}@keyframes laser{0%{left:-100%}100%{left:110%}}:host>.no-animation{display:none}@media(prefers-reduced-motion: reduce){:host{display:flex;align-items:center;justify-content:center;font-size:1rem}:host>span{opacity:1}:host>.loader{display:none}:host>.no-animation{display:block}}`,kt=e`:host{color:var(--ds-auro-loader-color)}:host>span{background-color:var(--ds-auro-loader-background-color);border-color:var(--ds-auro-loader-border-color)}:host([onlight]){--ds-auro-loader-color:var(--ds-basic-color-brand-primary, #01426a)}:host([ondark]){--ds-auro-loader-color:var(--ds-basic-color-texticon-inverse, #ffffff)}:host([orbit])>span{--ds-auro-loader-background-color:transparent}:host([orbit])>span:nth-child(1){--ds-auro-loader-border-color:currentcolor;opacity:.25}:host([orbit])>span:nth-child(2){--ds-auro-loader-border-color:currentcolor;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent}`,St=e`:host{--ds-auro-loader-background-color:currentcolor;--ds-auro-loader-border-color:currentcolor;--ds-auro-loader-color:currentcolor}`;class _t extends t{constructor(){super(),this.keys=[0,1,2,3,4,5,6,7,8,9],this.mdCount=3,this.smCount=2,this.runtimeUtils=new xt,this.orbit=!1,this.ringworm=!1,this.laser=!1,this.pulse=!1}static get properties(){return{laser:{type:Boolean,reflect:!0},orbit:{type:Boolean,reflect:!0},pulse:{type:Boolean,reflect:!0},ringworm:{type:Boolean,reflect:!0}}}static get styles(){return[e`${wt}`,e`${kt}`,e`${St}`]}static register(t="auro-loader"){xt.prototype.registerComponent(t,_t)}firstUpdated(){this.runtimeUtils.handleComponentTagRename(this,"auro-loader")}connectedCallback(){super.connectedCallback()}defineTemplate(){let t=Array.from(Array(this.mdCount).keys());return this.orbit||this.laser?t=Array.from(Array(this.smCount).keys()):this.ringworm&&(t=Array.from(Array(0).keys())),t}render(){return o`
       ${this.defineTemplate().map((t=>o`
         <span part="element" class="loader node-${t}"></span>
       `))}
@@ -12,24 +12,24 @@ import{LitElement as t,css as e,html as o,nothing as r}from"lit";import{unsafeSt
     `}}const Lt=["circle"];class Dt extends bt{static get formAssociated(){return!0}constructor(){super(),this.autofocus=!1,this.disabled=!1,this.loading=!1,this.size="md",this.shape="rounded",this.onDark=!1,this.fluid=!1,this.loadingText=this.loadingText||"Loading...","function"==typeof this.attachInternals?this.internals=this.attachInternals():(this.internals=null,console.warn("This browser does not support form association features. Some form-related functionality may not work as expected. Consider using a polyfill or handling click events manually."));const t=new tt;this.loaderTag=t.generateTag("auro-loader","5.0.0",_t),this.buttonHref=void 0,this.buttonTarget=void 0,this.buttonRel=void 0}static get styles(){return[vt,gt,mt,yt]}static get properties(){return{...super.properties,layout:{type:Boolean,attribute:!1,reflect:!1},autofocus:{type:Boolean,reflect:!0},disabled:{type:Boolean,reflect:!0},fluid:{type:Boolean,reflect:!0},loading:{type:Boolean,reflect:!0},loadingText:{type:String},tIndex:{type:String,reflect:!0},tabindex:{type:String,reflect:!1},title:{type:String,reflect:!0},type:{type:String,reflect:!0},value:{type:String,reflect:!0},variant:{type:String,reflect:!0},buttonHref:{type:String},buttonTarget:{type:String},buttonRel:{type:String}}}static register(t="auro-button"){et.prototype.registerComponent(t,Dt)}focus(){this.renderRoot.querySelector("button").focus()}surfaceSubmitEvent(){this.form&&this.form.requestSubmit()}get form(){return this.internals?this.internals.form:null}get hideText(){return Lt.includes(this.shape)}get currentAriaLabel(){if(!this.attributeWatcher)return;return this.attributeWatcher.getObservedAttribute("aria-label")||void 0}get currentAriaLabelledBy(){if(!this.attributeWatcher)return;return this.attributeWatcher.getObservedAttribute("aria-labelledby")||void 0}renderLayoutDefault(){const t={"util_insetLg--squish":!0,"auro-button":!0,"icon-only":this.hideText,wrapper:!0,loading:this.loading},e=this.buttonHref?a`a`:a`button`,o=this.buttonHref?"link":"button";return i`
       <${e}
         part="${o}"
-        aria-label="${d(this.loading?this.loadingText:this.currentAriaLabel||void 0)}"
-        aria-labelledby="${d(this.loading?void 0:this.currentAriaLabelledBy||void 0)}"
-        tabindex="${d(this.tIndex||this.tabindex)}"
+        aria-label="${l(this.loading?this.loadingText:this.currentAriaLabel||void 0)}"
+        aria-labelledby="${l(this.loading?void 0:this.currentAriaLabelledBy||void 0)}"
+        tabindex="${l(this.tIndex||this.tabindex)}"
         ?autofocus="${this.autofocus}"
         class=${s(t)}
         ?disabled="${this.disabled||this.loading}"
         ?onDark="${this.onDark}"
-        title="${d(this.title?this.title:void 0)}"
-        name="${d(this.name?this.name:void 0)}"
-        type="${d(this.type?this.type:void 0)}"
-        variant="${d(this.variant?this.variant:void 0)}"
-        .value="${d(this.value?this.value:void 0)}"
+        title="${l(this.title?this.title:void 0)}"
+        name="${l(this.name?this.name:void 0)}"
+        type="${l(this.type?this.type:void 0)}"
+        variant="${l(this.variant?this.variant:void 0)}"
+        .value="${l(this.value?this.value:void 0)}"
         @click="${"submit"===this.type?this.surfaceSubmitEvent:void 0}"
-        href="${d(this.buttonHref||void 0)}"
-        target="${d(this.buttonTarget||void 0)}"
-        rel="${d(this.buttonRel||void 0)}"
+        href="${l(this.buttonHref||void 0)}"
+        target="${l(this.buttonTarget||void 0)}"
+        rel="${l(this.buttonRel||void 0)}"
       >
-        ${d(this.loading?i`<${this.loaderTag} pulse part="loader"></${this.loaderTag}>`:void 0)}
+        ${l(this.loading?i`<${this.loaderTag} pulse part="loader"></${this.loaderTag}>`:void 0)}
 
         <span class="contentWrapper">
           <span class="textSlot" part="text">
@@ -37,14 +37,14 @@ import{LitElement as t,css as e,html as o,nothing as r}from"lit";import{unsafeSt
           </span>
         </span>
       </${e}>
-    `}renderLayout(){return this.renderLayoutDefault()}}var Ot='<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-labelledby="chevron-left__desc" class="ico_squareLarge" role="img" style="min-width:var(--auro-size-lg, var(--ds-size-300, 1.5rem));height:var(--auro-size-lg, var(--ds-size-300, 1.5rem));fill:currentColor" viewBox="0 0 24 24" part="svg"><title/><desc id="chevron-left__desc">Directional indicator; left.</desc><path d="m14.395 6.345.084.073a.75.75 0 0 1 .072.977l-.072.084-4.47 4.47 4.47 4.47a.75.75 0 0 1 .072.976l-.072.084a.75.75 0 0 1-.977.072l-.084-.072-4.823-4.823a1 1 0 0 1 0-1.415l4.823-4.823a.75.75 0 0 1 .977-.073"/></svg>',zt='<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-labelledby="chevron-right__desc" class="ico_squareLarge" role="img" style="min-width:var(--auro-size-lg, var(--ds-size-300, 1.5rem));height:var(--auro-size-lg, var(--ds-size-300, 1.5rem));fill:currentColor" viewBox="0 0 24 24" part="svg"><title/><desc id="chevron-right__desc">Directional indicator; right.</desc><path d="m9.605 17.551-.084-.072a.75.75 0 0 1-.072-.977l.072-.084 4.47-4.47-4.47-4.47a.75.75 0 0 1-.072-.976l.072-.084a.75.75 0 0 1 .977-.073l.084.073 4.823 4.823a1 1 0 0 1 0 1.415l-4.823 4.823a.75.75 0 0 1-.977.072"/></svg>',Et='<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-labelledby="pause__desc" class="ico_squareLarge" role="img" style="min-width:var(--auro-size-lg, var(--ds-size-300, 1.5rem));height:var(--auro-size-lg, var(--ds-size-300, 1.5rem));fill:currentColor" viewBox="0 0 24 24" part="svg"><title/><desc id="pause__desc">two vertical parallel lines</desc><path fill-rule="evenodd" d="M6 .5A1.5 1.5 0 0 1 7.5 2v20a1.5 1.5 0 0 1-3 0V2A1.5 1.5 0 0 1 6 .5m12 0A1.5 1.5 0 0 1 19.5 2v20a1.5 1.5 0 0 1-3 0V2A1.5 1.5 0 0 1 18 .5" clip-rule="evenodd"/></svg>',At='<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-labelledby="play-filled__desc" class="ico_squareLarge" role="img" style="min-width:var(--auro-size-lg, var(--ds-size-300, 1.5rem));height:var(--auro-size-lg, var(--ds-size-300, 1.5rem));fill:currentColor" viewBox="0 0 24 24" part="svg"><title/><desc id="play-filled__desc">solid triangle pointing right</desc><path fill-rule="evenodd" d="m6.977 1.02.348.163 15.555 8.889c1.369.782 1.483 2.656.342 3.62l-.342.239-15.555 8.888c-1.368.782-3.044-.07-3.293-1.547L4 20.89V3.112C4 1.537 5.57.505 6.977 1.021" clip-rule="evenodd"/></svg>';class Ct extends t{static get properties(){return{hidden:{type:Boolean,reflect:!0},hiddenVisually:{type:Boolean,reflect:!0},hiddenAudible:{type:Boolean,reflect:!0}}}hideAudible(t){return t?"true":"false"}}var Tt='<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-labelledby="error__desc" class="ico_squareLarge" data-deprecated="true" role="img" style="min-width:var(--auro-size-lg, var(--ds-size-300, 1.5rem));height:var(--auro-size-lg, var(--ds-size-300, 1.5rem));fill:currentColor" viewBox="0 0 24 24" part="svg"><title/><desc id="error__desc">Error alert indicator.</desc><path d="m13.047 5.599 6.786 11.586A1.207 1.207 0 0 1 18.786 19H5.214a1.207 1.207 0 0 1-1.047-1.815l6.786-11.586a1.214 1.214 0 0 1 2.094 0m-1.165.87a.23.23 0 0 0-.085.085L5.419 17.442a.232.232 0 0 0 .203.35h12.756a.234.234 0 0 0 .203-.35L12.203 6.554a.236.236 0 0 0-.321-.084M12 15.5a.75.75 0 1 1 0 1.5.75.75 0 0 1 0-1.5m-.024-6.22c.325 0 .589.261.589.583v4.434a.586.586 0 0 1-.589.583.586.586 0 0 1-.588-.583V9.863c0-.322.264-.583.588-.583"/></svg>';const Bt=new Map,It=(t,e={})=>{const o=e.responseParser||(t=>t.text());return Bt.has(t)||Bt.set(t,fetch(t).then(o)),Bt.get(t)};var $t=e`:focus:not(:focus-visible){outline:3px solid transparent}.util_displayInline{display:inline}.util_displayInlineBlock{display:inline-block}.util_displayBlock,:host{display:block}.util_displayFlex{display:flex}.util_displayHidden,:host([hidden]:not(:focus):not(:active)){display:none}.util_displayHiddenVisually,:host([hiddenVisually]:not(:focus):not(:active)){position:absolute;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);width:1px;height:1px;padding:0;border:0}.ico_squareLarge{fill:currentColor;height:var(--auro-size-lg, var(--ds-size-300, 1.5rem))}.ico_squareSmall{fill:currentColor;height:.6rem}.ico_squareMed{fill:currentColor;height:var(--auro-size-md, var(--ds-size-200, 1rem))}.ico_squareSml{fill:currentColor;height:var(--auro-size-sm, var(--ds-size-150, 0.75rem))}:host{color:currentColor;vertical-align:middle;line-height:1;display:inline-block}svg{min-width:var(--ds-auro-icon-size, 1.5rem) !important;width:var(--ds-auro-icon-size, 1.5rem) !important;height:var(--ds-auro-icon-size, 1.5rem) !important}.componentWrapper{display:flex}.svgWrapper{height:var(--ds-auro-icon-size);width:var(--ds-auro-icon-size)}.labelWrapper{margin-left:var(--ds-size-50, 0.25rem);line-height:1.8}`;class Nt extends Ct{constructor(){super(),this.onDark=!1}static get properties(){return{...super.properties,onDark:{type:Boolean,reflect:!0},svg:{attribute:!1,reflect:!0}}}static get styles(){return e`
+    `}renderLayout(){return this.renderLayoutDefault()}}var Ot='<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-labelledby="chevron-left__desc" class="ico_squareLarge" role="img" style="min-width:var(--auro-size-lg, var(--ds-size-300, 1.5rem));height:var(--auro-size-lg, var(--ds-size-300, 1.5rem));fill:currentColor" viewBox="0 0 24 24" part="svg"><title/><desc id="chevron-left__desc">Directional indicator; left.</desc><path d="m14.395 6.345.084.073a.75.75 0 0 1 .072.977l-.072.084-4.47 4.47 4.47 4.47a.75.75 0 0 1 .072.976l-.072.084a.75.75 0 0 1-.977.072l-.084-.072-4.823-4.823a1 1 0 0 1 0-1.415l4.823-4.823a.75.75 0 0 1 .977-.073"/></svg>',zt='<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-labelledby="chevron-right__desc" class="ico_squareLarge" role="img" style="min-width:var(--auro-size-lg, var(--ds-size-300, 1.5rem));height:var(--auro-size-lg, var(--ds-size-300, 1.5rem));fill:currentColor" viewBox="0 0 24 24" part="svg"><title/><desc id="chevron-right__desc">Directional indicator; right.</desc><path d="m9.605 17.551-.084-.072a.75.75 0 0 1-.072-.977l.072-.084 4.47-4.47-4.47-4.47a.75.75 0 0 1-.072-.976l.072-.084a.75.75 0 0 1 .977-.073l.084.073 4.823 4.823a1 1 0 0 1 0 1.415l-4.823 4.823a.75.75 0 0 1-.977.072"/></svg>',Et='<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-labelledby="pause__desc" class="ico_squareLarge" role="img" style="min-width:var(--auro-size-lg, var(--ds-size-300, 1.5rem));height:var(--auro-size-lg, var(--ds-size-300, 1.5rem));fill:currentColor" viewBox="0 0 24 24" part="svg"><title/><desc id="pause__desc">two vertical parallel lines</desc><path fill-rule="evenodd" d="M6 .5A1.5 1.5 0 0 1 7.5 2v20a1.5 1.5 0 0 1-3 0V2A1.5 1.5 0 0 1 6 .5m12 0A1.5 1.5 0 0 1 19.5 2v20a1.5 1.5 0 0 1-3 0V2A1.5 1.5 0 0 1 18 .5" clip-rule="evenodd"/></svg>',At='<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-labelledby="play-filled__desc" class="ico_squareLarge" role="img" style="min-width:var(--auro-size-lg, var(--ds-size-300, 1.5rem));height:var(--auro-size-lg, var(--ds-size-300, 1.5rem));fill:currentColor" viewBox="0 0 24 24" part="svg"><title/><desc id="play-filled__desc">solid triangle pointing right</desc><path fill-rule="evenodd" d="m6.977 1.02.348.163 15.555 8.889c1.369.782 1.483 2.656.342 3.62l-.342.239-15.555 8.888c-1.368.782-3.044-.07-3.293-1.547L4 20.89V3.112C4 1.537 5.57.505 6.977 1.021" clip-rule="evenodd"/></svg>';class Ct extends t{static get properties(){return{hidden:{type:Boolean,reflect:!0},hiddenVisually:{type:Boolean,reflect:!0},hiddenAudible:{type:Boolean,reflect:!0}}}hideAudible(t){return t?"true":"false"}}var Tt='<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-labelledby="error__desc" class="ico_squareLarge" data-deprecated="true" role="img" style="min-width:var(--auro-size-lg, var(--ds-size-300, 1.5rem));height:var(--auro-size-lg, var(--ds-size-300, 1.5rem));fill:currentColor" viewBox="0 0 24 24" part="svg"><title/><desc id="error__desc">Error alert indicator.</desc><path d="m13.047 5.599 6.786 11.586A1.207 1.207 0 0 1 18.786 19H5.214a1.207 1.207 0 0 1-1.047-1.815l6.786-11.586a1.214 1.214 0 0 1 2.094 0m-1.165.87a.23.23 0 0 0-.085.085L5.419 17.442a.232.232 0 0 0 .203.35h12.756a.234.234 0 0 0 .203-.35L12.203 6.554a.236.236 0 0 0-.321-.084M12 15.5a.75.75 0 1 1 0 1.5.75.75 0 0 1 0-1.5m-.024-6.22c.325 0 .589.261.589.583v4.434a.586.586 0 0 1-.589.583.586.586 0 0 1-.588-.583V9.863c0-.322.264-.583.588-.583"/></svg>';const Bt=new Map,It=(t,e={})=>{const o=e.responseParser||(t=>t.text());return Bt.has(t)||Bt.set(t,fetch(t).then(o)),Bt.get(t)};var $t=e`:focus:not(:focus-visible){outline:3px solid transparent}.util_displayInline{display:inline}.util_displayInlineBlock{display:inline-block}.util_displayBlock,:host{display:block}.util_displayFlex{display:flex}.util_displayHidden,:host([hidden]:not(:focus):not(:active)){display:none}.util_displayHiddenVisually,:host([hiddenVisually]:not(:focus):not(:active)){position:absolute;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);width:1px;height:1px;padding:0;border:0}.ico_squareLarge{fill:currentColor;height:var(--auro-size-lg, var(--ds-size-300, 1.5rem))}.ico_squareSmall{fill:currentColor;height:.6rem}.ico_squareMed{fill:currentColor;height:var(--auro-size-md, var(--ds-size-200, 1rem))}.ico_squareSml{fill:currentColor;height:var(--auro-size-sm, var(--ds-size-150, 0.75rem))}:host{color:currentColor;vertical-align:middle;line-height:1;display:inline-block}svg{min-width:var(--ds-auro-icon-size, 1.5rem) !important;width:var(--ds-auro-icon-size, 1.5rem) !important;height:var(--ds-auro-icon-size, 1.5rem) !important}.componentWrapper{display:flex}.svgWrapper{height:var(--ds-auro-icon-size);width:var(--ds-auro-icon-size)}.labelWrapper{margin-left:var(--ds-size-50, 0.25rem);line-height:1.8}`;class Pt extends Ct{constructor(){super(),this.onDark=!1}static get properties(){return{...super.properties,onDark:{type:Boolean,reflect:!0},svg:{attribute:!1,reflect:!0}}}static get styles(){return e`
       ${$t}
-    `}async fetchIcon(t,e){let o="";o="logos"===t?await It(`${this.uri}/${t}/${e}.svg`):await It(`${this.uri}/icons/${t}/${e}.svg`);return(new DOMParser).parseFromString(o,"text/html").body.querySelector("svg")}async firstUpdated(){if(!this.customSvg){const t=await this.fetchIcon(this.category,this.name);if(t)this.svg=t;else if(!t){const t=(new DOMParser).parseFromString(Tt,"text/html");this.svg=t.body.firstChild}}}}var Pt=e`:host{--ds-auro-icon-color:var(--ds-basic-color-texticon-default, #2a2a2a);--ds-auro-alaska-color:#02426D;--ds-auro-icon-size:var(--ds-size-300, 1.5rem)}`,Mt=e`:host{color:var(--ds-auro-icon-color)}:host([customColor]){color:inherit}:host(:not([onDark])[variant=accent1]){--ds-auro-icon-color:var(--ds-basic-color-texticon-accent1, #265688)}:host(:not([onDark])[variant=disabled]){--ds-auro-icon-color:var(--ds-basic-color-texticon-disabled, #d0d0d0)}:host(:not([onDark])[variant=muted]){--ds-auro-icon-color:var(--ds-basic-color-texticon-muted, #676767)}:host(:not([onDark])[variant=statusDefault]){--ds-auro-icon-color:var(--ds-basic-color-status-default, #afb9c6)}:host(:not([onDark])[variant=statusInfo]){--ds-auro-icon-color:var(--ds-basic-color-status-info, #01426a)}:host(:not([onDark])[variant=statusSuccess]){--ds-auro-icon-color:var(--ds-basic-color-status-success, #447a1f)}:host(:not([onDark])[variant=statusWarning]){--ds-auro-icon-color:var(--ds-basic-color-status-warning, #fac200)}:host(:not([onDark])[variant=statusError]){--ds-auro-icon-color:var(--ds-basic-color-status-error, #e31f26)}:host(:not([onDark])[variant=statusInfoSubtle]){--ds-auro-icon-color:var(--ds-basic-color-status-info-subtle, #ebf3f9)}:host(:not([onDark])[variant=statusSuccessSubtle]){--ds-auro-icon-color:var(--ds-basic-color-status-success-subtle, #d6eac7)}:host(:not([onDark])[variant=statusWarningSubtle]){--ds-auro-icon-color:var(--ds-basic-color-status-warning-subtle, #fff0b2)}:host(:not([onDark])[variant=statusErrorSubtle]){--ds-auro-icon-color:var(--ds-basic-color-status-error-subtle, #fbc6c6)}:host(:not([onDark])[variant=fareBasicEconomy]){--ds-auro-icon-color:var(--ds-basic-color-fare-basiceconomy, #97eaf8)}:host(:not([onDark])[variant=fareBusiness]){--ds-auro-icon-color:var(--ds-basic-color-fare-business, #01426a)}:host(:not([onDark])[variant=fareEconomy]){--ds-auro-icon-color:var(--ds-basic-color-fare-economy, #0074ca)}:host(:not([onDark])[variant=fareFirst]){--ds-auro-icon-color:var(--ds-basic-color-fare-first, #00274a)}:host(:not([onDark])[variant=farePremiumEconomy]){--ds-auro-icon-color:var(--ds-basic-color-fare-premiumeconomy, #005154)}:host(:not([onDark])[variant=tierOneWorldEmerald]){--ds-auro-icon-color:var(--ds-basic-color-tier-program-oneworld-emerald, #139142)}:host(:not([onDark])[variant=tierOneWorldSapphire]){--ds-auro-icon-color:var(--ds-basic-color-tier-program-oneworld-sapphire, #015daa)}:host(:not([onDark])[variant=tierOneWorldRuby]){--ds-auro-icon-color:var(--ds-basic-color-tier-program-oneworld-ruby, #a41d4a)}:host([onDark]){--ds-auro-icon-color:var(--ds-basic-color-texticon-inverse, #ffffff)}:host([onDark][variant=disabled]){--ds-auro-icon-color:var(--ds-basic-color-texticon-inverse-disabled, #7e8894)}:host([onDark][variant=muted]){--ds-auro-icon-color:var(--ds-basic-color-texticon-inverse-muted, #ccd2db)}:host([onDark][variant=statusError]){--ds-auro-icon-color:var(--ds-advanced-color-state-error-inverse, #f9a4a8)}`;class Ft{registerComponent(t,e){customElements.get(t)||customElements.define(t,class extends e{})}closestElement(t,e=this,o=(e,r=e&&e.closest(t))=>e&&e!==document&&e!==window?r||o(e.getRootNode().host):null){return o(e)}handleComponentTagRename(t,e){const o=e.toLowerCase();t.tagName.toLowerCase()!==o&&t.setAttribute(o,!0)}elementMatch(t,e){const o=e.toLowerCase();return t.tagName.toLowerCase()===o||t.hasAttribute(o)}}class qt extends Nt{constructor(){super(),this.variant=void 0,this.privateDefaults()}privateDefaults(){this.uri="https://cdn.jsdelivr.net/npm/@alaskaairux/icons@latest/dist",this.runtimeUtils=new Ft}static get properties(){return{...super.properties,ariaHidden:{type:String,reflect:!0},category:{type:String,reflect:!0},customColor:{type:Boolean},customSvg:{type:Boolean},label:{type:Boolean,reflect:!0},name:{type:String,reflect:!0},variant:{type:String,reflect:!0}}}static get styles(){return[super.styles,e`${Pt}`,e`${$t}`,e`${Mt}`]}static register(t="auro-icon"){Ft.prototype.registerComponent(t,qt)}connectedCallback(){super.connectedCallback(),this.runtimeUtils.handleComponentTagRename(this,"auro-icon")}exposeCssParts(){this.setAttribute("exportparts","svg:iconSvg")}async firstUpdated(){if(await super.firstUpdated(),this.hasAttribute("ariaHidden")&&this.svg){const t=this.svg.querySelector("desc");t&&(t.remove(),this.svg.removeAttribute("aria-labelledby"))}}render(){const t={labelWrapper:!0,util_displayHiddenVisually:!this.label};return o`
+    `}async fetchIcon(t,e){let o="";o="logos"===t?await It(`${this.uri}/${t}/${e}.svg`):await It(`${this.uri}/icons/${t}/${e}.svg`);return(new DOMParser).parseFromString(o,"text/html").body.querySelector("svg")}async firstUpdated(){if(!this.customSvg){const t=await this.fetchIcon(this.category,this.name);if(t)this.svg=t;else if(!t){const t=(new DOMParser).parseFromString(Tt,"text/html");this.svg=t.body.firstChild}}}}var Nt=e`:host{--ds-auro-icon-color:var(--ds-basic-color-texticon-default, #2a2a2a);--ds-auro-alaska-color:#02426D;--ds-auro-icon-size:var(--ds-size-300, 1.5rem)}`,Mt=e`:host{color:var(--ds-auro-icon-color)}:host([customColor]){color:inherit}:host(:not([onDark])[variant=accent1]){--ds-auro-icon-color:var(--ds-basic-color-texticon-accent1, #265688)}:host(:not([onDark])[variant=disabled]){--ds-auro-icon-color:var(--ds-basic-color-texticon-disabled, #d0d0d0)}:host(:not([onDark])[variant=muted]){--ds-auro-icon-color:var(--ds-basic-color-texticon-muted, #676767)}:host(:not([onDark])[variant=statusDefault]){--ds-auro-icon-color:var(--ds-basic-color-status-default, #afb9c6)}:host(:not([onDark])[variant=statusInfo]){--ds-auro-icon-color:var(--ds-basic-color-status-info, #01426a)}:host(:not([onDark])[variant=statusSuccess]){--ds-auro-icon-color:var(--ds-basic-color-status-success, #447a1f)}:host(:not([onDark])[variant=statusWarning]){--ds-auro-icon-color:var(--ds-basic-color-status-warning, #fac200)}:host(:not([onDark])[variant=statusError]){--ds-auro-icon-color:var(--ds-basic-color-status-error, #e31f26)}:host(:not([onDark])[variant=statusInfoSubtle]){--ds-auro-icon-color:var(--ds-basic-color-status-info-subtle, #ebf3f9)}:host(:not([onDark])[variant=statusSuccessSubtle]){--ds-auro-icon-color:var(--ds-basic-color-status-success-subtle, #d6eac7)}:host(:not([onDark])[variant=statusWarningSubtle]){--ds-auro-icon-color:var(--ds-basic-color-status-warning-subtle, #fff0b2)}:host(:not([onDark])[variant=statusErrorSubtle]){--ds-auro-icon-color:var(--ds-basic-color-status-error-subtle, #fbc6c6)}:host(:not([onDark])[variant=fareBasicEconomy]){--ds-auro-icon-color:var(--ds-basic-color-fare-basiceconomy, #97eaf8)}:host(:not([onDark])[variant=fareBusiness]){--ds-auro-icon-color:var(--ds-basic-color-fare-business, #01426a)}:host(:not([onDark])[variant=fareEconomy]){--ds-auro-icon-color:var(--ds-basic-color-fare-economy, #0074ca)}:host(:not([onDark])[variant=fareFirst]){--ds-auro-icon-color:var(--ds-basic-color-fare-first, #00274a)}:host(:not([onDark])[variant=farePremiumEconomy]){--ds-auro-icon-color:var(--ds-basic-color-fare-premiumeconomy, #005154)}:host(:not([onDark])[variant=tierOneWorldEmerald]){--ds-auro-icon-color:var(--ds-basic-color-tier-program-oneworld-emerald, #139142)}:host(:not([onDark])[variant=tierOneWorldSapphire]){--ds-auro-icon-color:var(--ds-basic-color-tier-program-oneworld-sapphire, #015daa)}:host(:not([onDark])[variant=tierOneWorldRuby]){--ds-auro-icon-color:var(--ds-basic-color-tier-program-oneworld-ruby, #a41d4a)}:host([onDark]){--ds-auro-icon-color:var(--ds-basic-color-texticon-inverse, #ffffff)}:host([onDark][variant=disabled]){--ds-auro-icon-color:var(--ds-basic-color-texticon-inverse-disabled, #7e8894)}:host([onDark][variant=muted]){--ds-auro-icon-color:var(--ds-basic-color-texticon-inverse-muted, #ccd2db)}:host([onDark][variant=statusError]){--ds-auro-icon-color:var(--ds-advanced-color-state-error-inverse, #f9a4a8)}`;class Ft{registerComponent(t,e){customElements.get(t)||customElements.define(t,class extends e{})}closestElement(t,e=this,o=(e,r=e&&e.closest(t))=>e&&e!==document&&e!==window?r||o(e.getRootNode().host):null){return o(e)}handleComponentTagRename(t,e){const o=e.toLowerCase();t.tagName.toLowerCase()!==o&&t.setAttribute(o,!0)}elementMatch(t,e){const o=e.toLowerCase();return t.tagName.toLowerCase()===o||t.hasAttribute(o)}}class qt extends Pt{constructor(){super(),this.variant=void 0,this.privateDefaults()}privateDefaults(){this.uri="https://cdn.jsdelivr.net/npm/@alaskaairux/icons@latest/dist",this.runtimeUtils=new Ft}static get properties(){return{...super.properties,ariaHidden:{type:String,reflect:!0},category:{type:String,reflect:!0},customColor:{type:Boolean},customSvg:{type:Boolean},label:{type:Boolean,reflect:!0},name:{type:String,reflect:!0},variant:{type:String,reflect:!0}}}static get styles(){return[super.styles,e`${Nt}`,e`${$t}`,e`${Mt}`]}static register(t="auro-icon"){Ft.prototype.registerComponent(t,qt)}connectedCallback(){super.connectedCallback(),this.runtimeUtils.handleComponentTagRename(this,"auro-icon")}exposeCssParts(){this.setAttribute("exportparts","svg:iconSvg")}async firstUpdated(){if(await super.firstUpdated(),this.hasAttribute("ariaHidden")&&this.svg){const t=this.svg.querySelector("desc");t&&(t.remove(),this.svg.removeAttribute("aria-labelledby"))}}render(){const t={labelWrapper:!0,util_displayHiddenVisually:!this.label};return o`
       <div class="componentWrapper">
         <div
           class="${s({svgWrapper:!0})}"
-          title="${d(this.title||void 0)}">
-          <span aria-hidden="${d(this.ariaHidden||!0)}" part="svg">
+          title="${l(this.title||void 0)}">
+          <span aria-hidden="${l(this.ariaHidden||!0)}" part="svg">
             ${this.customSvg?o`
                 <slot name="svg"></slot>
               `:o`
@@ -57,8 +57,8 @@ import{LitElement as t,css as e,html as o,nothing as r}from"lit";import{unsafeSt
           <slot></slot>
         </div>
       </div>
-    `}}var Ht=e`:host{--border-size: 6px;--border-radius: 24px}.container{display:flex;width:100%;flex-direction:column;align-items:flex-start}.slideshow-wrapper{position:relative;display:flex;width:100%;overflow:hidden;align-items:center;justify-content:start;padding:var(--border-size)}.embla{max-width:100%;margin:0;--slide-size: 100%}.embla__container{display:flex}.embla__slide{transform:translateZ(0);min-width:0;flex:0 0 var(--slide-size);border-radius:var(--border-radius);box-sizing:border-box;margin-right:1rem;overflow:hidden}.embla__slide:focus-visible{outline:unset;box-shadow:0 0 0 2px var(--ds-basic-color-border-inverse, #ffffff),0 0 0 var(--border-size) var(--ds-advanced-color-state-focused, #01426a)}.embla__slide:not(.active):not(.in-view){filter:brightness(30%)}.scroll-prev,.scroll-next{position:absolute;display:none;top:50%;transform:translateY(-50%);z-index:10;--ds-auro-button-container-color: var(--ds-advanced-color-state-focused, #01426a);--ds-auro-button-container-image: var(--ds-advanced-color-state-focused, #01426a);color:var(--ds-advanced-color-shared-background, #ffffff)}.scroll-prev:hover,.scroll-next:hover{--ds-auro-button-container-color: var(--ds-advanced-color-button-primary-background-inverse-hover, #ebf3f9)}.scroll-prev{left:8px}.scroll-next{right:8px}.slideshow-wrapper:hover .scroll-prev,.slideshow-wrapper:hover .scroll-next{display:block}.pagination-container{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;width:100%;margin-top:40px;gap:14px}.embla__dots{display:flex;gap:16px}.embla__dot{width:12px;height:12px;border-radius:50%;border:none;background-color:var(--ds-advanced-color-button-primary-background-inactive, #cfe0ef);position:relative;cursor:pointer;transition:all .3s ease-in-out}.embla__dot:hover:not(.embla__dot--selected){background-color:var(--ds-advanced-color-button-primary-background-inactive-hover, #89b2d4)}.embla__dot:before{content:"";width:24px;height:24px;position:absolute;cursor:pointer;top:50%;left:50%;transform:translate(-50%,-50%)}.embla__dot--selected{width:52px;height:12px;border-radius:1.8rem;background-color:var(--ds-advanced-color-button-primary-background, #01426a)}.embla__dot--selected:before{width:64px}.embla__progress{width:52px;height:12px;border-radius:1.8rem;border:none;background-color:var(--ds-advanced-color-button-primary-background-inactive, #cfe0ef);position:relative;overflow:hidden;cursor:pointer;align-self:center;justify-self:center;transition:all .3s ease-in-out}.embla__progress:hover:not(.stopped){background-color:var(--ds-advanced-color-button-primary-background-inactive-hover, #89b2d4)}.embla__progress__bar{border-radius:inherit;background-color:var(--ds-advanced-color-button-primary-background, #01426a);position:absolute;width:100%;top:0;bottom:0;left:-100%;animation-name:autoplay-progress;animation-timing-function:linear;animation-iteration-count:1;animation-play-state:running}.embla__progress--paused .embla__progress__bar{animation-play-state:paused}.stopped{background-color:var(--ds-advanced-color-button-primary-background, #01426a)}@keyframes autoplay-progress{0%{transform:translateZ(0)}to{transform:translate3d(100%,0,0)}}
-`;class Wt extends t{constructor(){super(),this.autoplay=!1,this.delay=7e3,this.autoScroll=!1,this.scrollSpeed=1,this.startDelay=1e3,this.playOnInit=!1,this.loop=!1,this.navigation=!1,this.pagination=!1,this.playLabel="Play slideshow",this.pauseLabel="Pause slideshow",this.playBtnLabel=this.playLabel,this.isPlaying=!1,this.embla=null,this.slides=[];const t=new tt;this.buttonTag=t.generateTag("auro-button","11.2.1",Dt),this.iconTag=t.generateTag("auro-icon","8.0.4",qt)}static register(t="auro-slideshow"){et.prototype.registerComponent(t,Wt)}static get styles(){return[Ht]}static get properties(){return{autoplay:{type:Boolean,reflect:!0},autoScroll:{type:Boolean,reflect:!0},playOnInit:{type:Boolean,reflect:!0},delay:{type:Number,reflect:!0},scrollSpeed:{type:Number,reflect:!0},startDelay:{type:Number,reflect:!0},playLabel:{type:String,reflect:!0},pauseLabel:{type:String,reflect:!0},loop:{type:Boolean,reflect:!0},navigation:{type:Boolean,reflect:!0},pagination:{type:Boolean,reflect:!0},isPlaying:{type:Boolean}}}get _slot(){return this.shadowRoot.querySelector("slot:not([name])")}get _playBtn(){return this.shadowRoot.querySelector(".play-pause")}get _prevBtn(){return this.shadowRoot.querySelector(".scroll-prev")}get _nextBtn(){return this.shadowRoot.querySelector(".scroll-next")}get _dotsNode(){return this.shadowRoot.querySelector(".embla__dots")}get _progressNode(){return this.shadowRoot.querySelector(".embla__progress")}play(){this.autoplay?this.embla?.plugins()?.autoplay.play():this.autoScroll&&this.embla?.plugins()?.autoScroll.play()}stop(){this.autoplay?this.embla?.plugins()?.autoplay.stop():this.autoScroll&&this.embla?.plugins()?.autoScroll.stop()}scrollPrev(){this.embla.scrollPrev()}scrollNext(){this.embla.scrollNext()}initializeEmbla(){const t=this.shadowRoot.querySelector(".embla"),e={loop:this.loop,align:"start"},o={playOnInit:this.playOnInit,delay:this.delay,stopOnMouseEnter:!0,stopOnLastSnap:!this.loop},r={playOnInit:this.playOnInit,speed:this.scrollSpeed,startDelay:this.startDelay,stopOnMouseEnter:!0},n=[J({snapped:"active",inView:"in-view",loop:"",draggable:"",dragging:""})];this.autoplay&&this.autoScroll&&(console.warn("Autoplay and AutoScroll are not meant to be used together. AutoScroll has been disabled."),this.autoScroll=!1),this.autoplay&&n.push(G(o)),this.autoScroll&&!this.isTouchDevice()&&n.push(U(r)),this.embla=V(t,e,n),this.pagination&&this.addDotBtnsAndClickHandlers(this.embla,this._dotsNode,this.stopAutoplayOnInteraction),this.navigation&&!this.isTouchDevice()&&this.embla.on("select",this.toggleNavBtnsState).on("init",this.toggleNavBtnsState).on("reInit",this.toggleNavBtnsState),this.autoplay&&this.embla.on("autoplay:stop",this.togglePlayButtonOnStop).on("autoplay:play",this.togglePlayButtonOnPlay),this.autoScroll&&!this.isTouchDevice()&&this.embla.on("autoScroll:stop",this.togglePlayButtonOnStop).on("autoScroll:play",this.togglePlayButtonOnPlay)}updateSlides(){if(this._slot){this.slides=Array.from(this._slot.assignedElements()),this.slides.forEach(((t,e)=>{t.classList.add("embla__slide"),t.addEventListener("keydown",this.handleKeydown),0===e?t.setAttribute("tabindex","0"):t.setAttribute("tabindex","-1")}));this.shadowRoot.querySelector(".embla__container").replaceChildren(...this.slides)}}toggleTabIndex=()=>{const t=this.slides[this.embla.selectedScrollSnap()];this.slides.forEach((t=>{t.setAttribute("tabindex","-1")})),t.setAttribute("tabindex","0")};togglePlayButtonOnStop=()=>{this.isPlaying=!1,this.playBtnLabel=this.playLabel};togglePlayButtonOnPlay=()=>{this.isPlaying=!0,this.playBtnLabel=this.pauseLabel};toggleNavBtnsState=()=>{this.embla.canScrollPrev()?this._prevBtn.removeAttribute("disabled"):this._prevBtn.setAttribute("disabled",""),this.embla.canScrollNext()?this._nextBtn.removeAttribute("disabled"):this._nextBtn.setAttribute("disabled","")};stopAutoplayOnInteraction=t=>{const e=t?.plugins()?.autoplay;e&&e.stop()};isTouchDevice(){return window.matchMedia("(pointer: coarse)").matches}handleSlotChange(){this.updateSlides(),this.embla?this.embla.reInit():this.initializeEmbla(),this.embla.on("select",this.toggleTabIndex),this.isPlaying=this.playOnInit}handleNavClick(t){"prev"===t&&this.scrollPrev(),"next"===t&&this.scrollNext(),this.stopAutoplayOnInteraction(this.embla)}handleKeydown=t=>{const e=()=>{setTimeout((()=>{this.slides[this.embla.selectedScrollSnap()].focus()}),200)};"ArrowLeft"===t.key?(t.preventDefault(),this.scrollPrev(),e()):"ArrowRight"===t.key&&(t.preventDefault(),this.scrollNext(),e())};handlePlayClick(){this.isPlaying?(this.stop(),this.togglePlayButtonOnStop()):(this.play(),this.togglePlayButtonOnPlay())}addDotBtnsAndClickHandlers=(t,e,o)=>{let r=[];const n=()=>{const n=t.scrollSnapList().map(((e,r)=>{const n=document.createElement("button");return n.className="embla__dot",n.type="button",n.tabIndex=-1,n.setAttribute("aria-label",`Go to slide ${r+1}`),n.addEventListener("click",(()=>{t.scrollTo(r),o&&o(t)}),!1),n}));e.replaceChildren(...n),r=n},a=()=>{const e=t.selectedScrollSnap();r[e]&&r[e].classList.toggle("stopped",!this.isPlaying)},i=()=>{const e=t.previousScrollSnap(),o=t.selectedScrollSnap();if(this.autoplay){const n=document.createElement("div");n.className="embla__progress__bar",r[e]&&(r[e].className="embla__dot",r[e].replaceChildren()),r[o]&&(r[o].className="embla__progress",r[o].replaceChildren(n),this.isPlaying||r[o].classList.add("stopped")),this.addAutoplayProgressListeners(this.embla,this._progressNode),t.on("autoplay:play",a).on("autoplay:stop",a)}else r[e]&&r[e].classList.remove("embla__dot--selected"),r[o]&&r[o].classList.add("embla__dot--selected")};return t.on("init",n).on("reInit",n).on("init",i).on("reInit",i).on("select",i),()=>{e.replaceChildren()}};addAutoplayProgressListeners=(t,e)=>{const o=e.querySelector(".embla__progress__bar");let r="";const n=t=>{this._progressNode.classList.remove("embla__progress--paused");const e=t?.plugins()?.autoplay;if(!e)return;const n=e.timeUntilNext();if(null!==n){if(!r){const t=window.getComputedStyle(o);r=t.animationName}o.style.animationName="none",o.style.transform="translate3d(0,0,0)",window.requestAnimationFrame((()=>{window.setTimeout((()=>{o.style.animationName=r,o.style.animationDuration=`${n}ms`}),0)}))}},a=t=>{this._progressNode.classList.add("embla__progress--paused");t?.plugins()};return t.on("autoplay:timerset",n).on("autoplay:timerstopped",a).emit("autoplay:timerset"),()=>{t.off("autoplay:timerset",n).off("autoplay:timerstopped",a)}};disconnectedCallback(){super.disconnectedCallback(),this.embla&&(this.embla.off("select",this.toggleTabIndex),this.navigation&&!this.isTouchDevice()&&this.embla.off("select",this.toggleNavBtnsState).off("init",this.toggleNavBtnsState).off("reInit",this.toggleNavBtnsState),this.autoplay&&this.embla.off("autoplay:stop",this.togglePlayButtonOnStop).off("autoplay:play",this.togglePlayButtonOnPlay),this.autoScroll&&!this.isTouchDevice()&&this.embla.off("autoScroll:stop",this.togglePlayButtonOnStop).off("autoScroll:play",this.togglePlayButtonOnPlay),this.embla.destroy(),this.embla=null),this.slides.forEach((t=>{t.removeEventListener("keydown",this.handleKeydown)})),this.slides=[]}generateIconHtml(t,e){const o=(new DOMParser).parseFromString(t,"text/html").body.firstChild;return o.setAttribute("slot","svg"),i`<${this.iconTag} customColor customSvg ?hidden="${e}">${o}</${this.iconTag}>`}renderNavigationControls(){return i`
+    `}}var Ht=e`:host{--border-size: 6px;--border-radius: 24px}.container{display:flex;width:100%;flex-direction:column;align-items:flex-start}.slideshow-wrapper{position:relative;display:flex;width:100%;overflow:hidden;align-items:center;justify-content:start;padding:var(--border-size)}.embla{max-width:100%;margin:0;--slide-size: 100%}.embla__container{display:flex}.embla__slide{transform:translateZ(0);min-width:0;flex:0 0 var(--slide-size);border-radius:var(--border-radius);box-sizing:border-box;margin-right:1rem;overflow:hidden}.embla__slide:focus-visible{outline:unset;box-shadow:0 0 0 2px var(--ds-basic-color-border-inverse, #ffffff),0 0 0 var(--border-size) var(--ds-advanced-color-state-focused, #01426a)}.embla__slide:not(.active):not(.in-view){filter:brightness(30%)}.scroll-prev,.scroll-next{position:absolute;display:none;top:50%;transform:translateY(-50%);z-index:10}.scroll-prev{left:8px}.scroll-next{right:8px}.slideshow-wrapper:hover .scroll-prev:not([disabled]),.slideshow-wrapper:hover .scroll-next:not([disabled]){display:block}.pagination-container{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;width:100%;margin-top:40px;gap:14px}.embla__dots{display:flex;gap:16px}.embla__dot{width:12px;height:12px;border-radius:50%;border:none;background-color:var(--ds-advanced-color-button-primary-background-inactive, #cfe0ef);position:relative;cursor:pointer;transition:all .3s ease-in-out}.embla__dot:hover:not(.embla__dot--selected){background-color:var(--ds-advanced-color-button-primary-background-inactive-hover, #89b2d4)}.embla__dot:before{content:"";width:24px;height:24px;position:absolute;cursor:pointer;top:50%;left:50%;transform:translate(-50%,-50%)}.embla__dot--selected{width:52px;height:12px;border-radius:1.8rem;background-color:var(--ds-advanced-color-button-primary-background, #01426a)}.embla__dot--selected:before{width:64px}.embla__progress{width:52px;height:12px;border-radius:1.8rem;border:none;background-color:var(--ds-advanced-color-button-primary-background-inactive, #cfe0ef);position:relative;overflow:hidden;cursor:pointer;align-self:center;justify-self:center;transition:all .3s ease-in-out}.embla__progress:hover:not(.stopped){background-color:var(--ds-advanced-color-button-primary-background-inactive-hover, #89b2d4)}.embla__progress__bar{border-radius:inherit;background-color:var(--ds-advanced-color-button-primary-background, #01426a);position:absolute;width:100%;top:0;bottom:0;left:-100%;animation-name:autoplay-progress;animation-timing-function:linear;animation-iteration-count:1;animation-play-state:running}.embla__progress--paused .embla__progress__bar{animation-play-state:paused}.stopped{background-color:var(--ds-advanced-color-button-primary-background, #01426a)}@keyframes autoplay-progress{0%{transform:translateZ(0)}to{transform:translate3d(100%,0,0)}}
+`;class Wt extends t{constructor(){super(),this.autoplay=!1,this.delay=7e3,this.autoScroll=!1,this.scrollSpeed=.75,this.startDelay=1e3,this.playOnInit=!1,this.loop=!1,this.navigation=!1,this.pagination=!1,this.playLabel="Play slideshow",this.pauseLabel="Pause slideshow",this.playBtnLabel=this.playLabel,this.isPlaying=!1,this.embla=null,this.slides=[];const t=new tt;this.buttonTag=t.generateTag("auro-button","11.2.1",Dt),this.iconTag=t.generateTag("auro-icon","8.0.4",qt)}static register(t="auro-slideshow"){et.prototype.registerComponent(t,Wt)}static get styles(){return[Ht]}static get properties(){return{autoplay:{type:Boolean,reflect:!0},autoScroll:{type:Boolean,reflect:!0},playOnInit:{type:Boolean,reflect:!0},delay:{type:Number,reflect:!0},scrollSpeed:{type:Number,reflect:!0},startDelay:{type:Number,reflect:!0},playLabel:{type:String,reflect:!0},pauseLabel:{type:String,reflect:!0},loop:{type:Boolean,reflect:!0},navigation:{type:Boolean,reflect:!0},pagination:{type:Boolean,reflect:!0},isPlaying:{type:Boolean}}}get _slot(){return this.shadowRoot.querySelector("slot:not([name])")}get _playBtn(){return this.shadowRoot.querySelector(".play-pause")}get _prevBtn(){return this.shadowRoot.querySelector(".scroll-prev")}get _nextBtn(){return this.shadowRoot.querySelector(".scroll-next")}get _dotsNode(){return this.shadowRoot.querySelector(".embla__dots")}get _progressNode(){return this.shadowRoot.querySelector(".embla__progress")}play(){this.autoplay?this.embla?.plugins()?.autoplay.play():this.autoScroll&&this.embla?.plugins()?.autoScroll.play()}stop(){this.autoplay?this.embla?.plugins()?.autoplay.stop():this.autoScroll&&this.embla?.plugins()?.autoScroll.stop()}scrollPrev(){this.embla.scrollPrev()}scrollNext(){this.embla.scrollNext()}initializeEmbla(){const t=this.shadowRoot.querySelector(".embla"),e={loop:this.loop,align:"start"},o={playOnInit:this.playOnInit,delay:this.delay,stopOnMouseEnter:!0,stopOnLastSnap:!this.loop},r={playOnInit:this.playOnInit,speed:this.scrollSpeed,startDelay:this.startDelay,stopOnMouseEnter:!0},n=[J({snapped:"active",inView:"in-view",loop:"",draggable:"",dragging:""})];this.autoplay&&this.autoScroll&&(console.warn("Autoplay and AutoScroll are not meant to be used together. AutoScroll has been disabled."),this.autoScroll=!1),this.autoplay&&n.push(G(o)),this.autoScroll&&!this.isTouchDevice()&&n.push(U(r)),this.embla=V(t,e,n),this.pagination&&this.addDotBtnsAndClickHandlers(this.embla,this._dotsNode,this.stopAutoplayOnInteraction),this.navigation&&!this.isTouchDevice()&&this.embla.on("select",this.toggleNavBtnsState).on("init",this.toggleNavBtnsState).on("reInit",this.toggleNavBtnsState),this.autoplay&&this.embla.on("autoplay:stop",this.togglePlayButtonOnStop).on("autoplay:play",this.togglePlayButtonOnPlay).on("init",this.togglePlayButtonOnStop),this.autoScroll&&!this.isTouchDevice()&&this.embla.on("autoScroll:stop",this.togglePlayButtonOnStop).on("autoScroll:play",this.togglePlayButtonOnPlay).on("init",this.togglePlayButtonOnStop)}updateSlides(){if(this._slot){this.slides=Array.from(this._slot.assignedElements()),this.slides.forEach(((t,e)=>{t.classList.add("embla__slide"),t.addEventListener("keydown",this.handleKeydown),0===e?t.setAttribute("tabindex","0"):t.setAttribute("tabindex","-1")}));this.shadowRoot.querySelector(".embla__container").replaceChildren(...this.slides)}}toggleTabIndex=()=>{const t=this.slides[this.embla.selectedScrollSnap()];this.slides.forEach((t=>{t.setAttribute("tabindex","-1")})),t.setAttribute("tabindex","0")};togglePlayButtonOnStop=()=>{this.isPlaying=!1,this.playBtnLabel=this.playLabel};togglePlayButtonOnPlay=()=>{this.isPlaying=!0,this.playBtnLabel=this.pauseLabel};toggleNavBtnsState=()=>{this.embla.canScrollPrev()?this._prevBtn.removeAttribute("disabled"):this._prevBtn.setAttribute("disabled",""),this.embla.canScrollNext()?this._nextBtn.removeAttribute("disabled"):this._nextBtn.setAttribute("disabled","")};stopAutoplayOnInteraction=t=>{const e=t?.plugins()?.autoplay;e&&e.stop()};isTouchDevice(){return window.matchMedia("(pointer: coarse)").matches}handleSlotChange(){this.updateSlides(),this.embla?this.embla.reInit():this.initializeEmbla(),this.embla.on("select",this.toggleTabIndex),(this.autoplay||this.autoScroll&&!this.isTouchDevice())&&(this.isPlaying=!0)}handleNavClick(t){"prev"===t&&this.scrollPrev(),"next"===t&&this.scrollNext(),this.stopAutoplayOnInteraction(this.embla)}handleKeydown=t=>{const e=()=>{setTimeout((()=>{this.slides[this.embla.selectedScrollSnap()].focus()}),200)};"ArrowLeft"===t.key?(t.preventDefault(),this.scrollPrev(),e()):"ArrowRight"===t.key&&(t.preventDefault(),this.scrollNext(),e())};handlePlayClick(){this.isPlaying?(this.stop(),this.togglePlayButtonOnStop()):(this.play(),this.togglePlayButtonOnPlay())}addDotBtnsAndClickHandlers=(t,e,o)=>{let r=[];const n=()=>{const n=t.scrollSnapList().map(((e,r)=>{const n=document.createElement("button");return n.className="embla__dot",n.type="button",n.tabIndex=-1,n.setAttribute("aria-label",`Go to slide ${r+1}`),n.addEventListener("click",(()=>{t.scrollTo(r),o&&o(t)}),!1),n}));e.replaceChildren(...n),r=n},a=()=>{const e=t.selectedScrollSnap();r[e]&&r[e].classList.toggle("stopped",!this.isPlaying)},i=()=>{const e=t.previousScrollSnap(),o=t.selectedScrollSnap();if(this.autoplay){const n=document.createElement("div");n.className="embla__progress__bar",r[e]&&(r[e].className="embla__dot",r[e].replaceChildren()),r[o]&&(r[o].className="embla__progress",r[o].replaceChildren(n),this.isPlaying||r[o].classList.add("stopped")),this.addAutoplayProgressListeners(this.embla,this._progressNode),t.on("autoplay:play",a).on("autoplay:stop",a)}else r[e]&&r[e].classList.remove("embla__dot--selected"),r[o]&&r[o].classList.add("embla__dot--selected")};return t.on("init",n).on("reInit",n).on("init",i).on("reInit",i).on("select",i),()=>{e.replaceChildren()}};addAutoplayProgressListeners=(t,e)=>{const o=e.querySelector(".embla__progress__bar");let r="";const n=t=>{this._progressNode.classList.remove("embla__progress--paused");const e=t?.plugins()?.autoplay;if(!e)return;const n=e.timeUntilNext();if(null!==n){if(!r){const t=window.getComputedStyle(o);r=t.animationName}o.style.animationName="none",o.style.transform="translate3d(0,0,0)",window.requestAnimationFrame((()=>{window.setTimeout((()=>{o.style.animationName=r,o.style.animationDuration=`${n}ms`}),0)}))}},a=t=>{this._progressNode.classList.add("embla__progress--paused");t?.plugins()};return t.on("autoplay:timerset",n).on("autoplay:timerstopped",a).emit("autoplay:timerset"),()=>{t.off("autoplay:timerset",n).off("autoplay:timerstopped",a)}};disconnectedCallback(){super.disconnectedCallback(),this.embla&&(this.embla.off("select",this.toggleTabIndex),this.navigation&&!this.isTouchDevice()&&this.embla.off("select",this.toggleNavBtnsState).off("init",this.toggleNavBtnsState).off("reInit",this.toggleNavBtnsState),this.autoplay&&this.embla.off("autoplay:stop",this.togglePlayButtonOnStop).off("autoplay:play",this.togglePlayButtonOnPlay),this.autoScroll&&!this.isTouchDevice()&&this.embla.off("autoScroll:stop",this.togglePlayButtonOnStop).off("autoScroll:play",this.togglePlayButtonOnPlay),this.embla.destroy(),this.embla=null),this.slides.forEach((t=>{t.removeEventListener("keydown",this.handleKeydown)})),this.slides=[]}generateIconHtml(t,e){const o=(new DOMParser).parseFromString(t,"text/html").body.firstChild;return o.setAttribute("slot","svg"),i`<${this.iconTag} customColor customSvg ?hidden="${e}">${o}</${this.iconTag}>`}renderNavigationControls(){return i`
       <${this.buttonTag} 
         aria-label="Previous slide" 
         class="scroll-prev"

package/dist/index.js

@@ -1 +1 @@
-export{A as AuroSlideshow}from"./auro-slideshow-CJw31Ppp.js";import"lit";import"lit/static-html.js";import"lit/directives/class-map.js";import"lit/directives/if-defined.js";
+export{A as AuroSlideshow}from"./auro-slideshow-DiWsXzFG.js";import"lit";import"lit/static-html.js";import"lit/directives/class-map.js";import"lit/directives/if-defined.js";

package/dist/registered.js

@@ -1 +1 @@
-import{A as i}from"./auro-slideshow-CJw31Ppp.js";import"lit";import"lit/static-html.js";import"lit/directives/class-map.js";import"lit/directives/if-defined.js";i.register();
+import{A as i}from"./auro-slideshow-DiWsXzFG.js";import"lit";import"lit/static-html.js";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-slideshow",
-  "version": "0.0.0-pr22.1",
+  "version": "0.0.0-pr22.2",
   "description": "auro-slideshow HTML custom element",
   "repository": {
     "type": "git",