@aurodesignsystem-dev/auro-slideshow 0.0.0-pr19.2 → 0.0.0-pr19.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md CHANGED
@@ -29,7 +29,7 @@ The `<auro-slideshow>` component is a wrapper element. All slides are slotted co
29
29
  <!-- AURO-GENERATED-CONTENT:END -->
30
30
  <!-- AURO-GENERATED-CONTENT:START (FILE:src=./docs/partials/readmeAddlInfo.md) -->
31
31
  <!-- The below content is automatically added from ./docs/partials/readmeAddlInfo.md -->
32
- Autoplay and AutoScroll are mutually exclusive properties and should not be used together on the same component instance.
32
+ `autoplay` and `autoScroll` are mutually exclusive properties and should not be used together on the same component instance.
33
33
  <!-- AURO-GENERATED-CONTENT:END -->
34
34
 
35
35
  ## UI development browser support
@@ -2236,7 +2236,7 @@ ClassNames.globalOptions = undefined;
2236
2236
  // See LICENSE in the project root for license information.
2237
2237
 
2238
2238
 
2239
- let AuroDependencyVersioning$1 = class AuroDependencyVersioning {
2239
+ class AuroDependencyVersioning {
2240
2240
 
2241
2241
  /**
2242
2242
  * Generates a unique string to be used for child auro element naming.
@@ -2270,7 +2270,7 @@ let AuroDependencyVersioning$1 = class AuroDependencyVersioning {
2270
2270
 
2271
2271
  return tag;
2272
2272
  }
2273
- };
2273
+ }
2274
2274
 
2275
2275
  // Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
2276
2276
  // See LICENSE in the project root for license information.
@@ -2279,7 +2279,7 @@ let AuroDependencyVersioning$1 = class AuroDependencyVersioning {
2279
2279
 
2280
2280
  /* eslint-disable line-comment-position, no-inline-comments, no-confusing-arrow, no-nested-ternary, implicit-arrow-linebreak */
2281
2281
 
2282
- let AuroLibraryRuntimeUtils$1 = class AuroLibraryRuntimeUtils {
2282
+ let AuroLibraryRuntimeUtils$2 = class AuroLibraryRuntimeUtils {
2283
2283
 
2284
2284
  /* eslint-disable jsdoc/require-param */
2285
2285
 
@@ -2827,45 +2827,13 @@ const t={ATTRIBUTE:1},e$1=t=>(...e)=>({_$litDirective$:t,values:e});class i{cons
2827
2827
  * SPDX-License-Identifier: BSD-3-Clause
2828
2828
  */const o=o=>o??E;
2829
2829
 
2830
- // Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
2831
- // See LICENSE in the project root for license information.
2832
-
2833
-
2834
- class AuroDependencyVersioning {
2835
-
2836
- /**
2837
- * Generates a unique string to be used for child auro element naming.
2838
- * @private
2839
- * @param {string} baseName - Defines the first part of the unique element name.
2840
- * @param {string} version - Version of the component that will be appended to the baseName.
2841
- * @returns {string} - Unique string to be used for naming.
2842
- */
2843
- generateElementName(baseName, version) {
2844
- let result = baseName;
2845
-
2846
- result += '-';
2847
- result += version.replace(/[.]/g, '_');
2848
-
2849
- return result;
2850
- }
2830
+ var styleCss$3 = i$5`: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}`;
2851
2831
 
2852
- /**
2853
- * Generates a unique string to be used for child auro element naming.
2854
- * @param {string} baseName - Defines the first part of the unique element name.
2855
- * @param {string} version - Version of the component that will be appended to the baseName.
2856
- * @returns {string} - Unique string to be used for naming.
2857
- */
2858
- generateTag(baseName, version, tagClass) {
2859
- const elementName = this.generateElementName(baseName, version);
2860
- const tag = i$1`${s(elementName)}`;
2832
+ var colorCss$2 = i$5`[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)}`;
2861
2833
 
2862
- if (!customElements.get(elementName)) {
2863
- customElements.define(elementName, class extends tagClass {});
2864
- }
2834
+ var tokensCss$2 = i$5`: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}`;
2865
2835
 
2866
- return tag;
2867
- }
2868
- }
2836
+ var shapeSize = i$5`.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}`;
2869
2837
 
2870
2838
  // Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
2871
2839
  // See LICENSE in the project root for license information.
@@ -2874,7 +2842,7 @@ class AuroDependencyVersioning {
2874
2842
 
2875
2843
  /* eslint-disable line-comment-position, no-inline-comments, no-confusing-arrow, no-nested-ternary, implicit-arrow-linebreak */
2876
2844
 
2877
- class AuroLibraryRuntimeUtils {
2845
+ let AuroLibraryRuntimeUtils$1 = class AuroLibraryRuntimeUtils {
2878
2846
 
2879
2847
  /* eslint-disable jsdoc/require-param */
2880
2848
 
@@ -2935,15 +2903,7 @@ class AuroLibraryRuntimeUtils {
2935
2903
 
2936
2904
  return elemTag === tag || elem.hasAttribute(tag);
2937
2905
  }
2938
- }
2939
-
2940
- var styleCss$3 = i$5`: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}`;
2941
-
2942
- var colorCss$2 = i$5`[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)}`;
2943
-
2944
- var tokensCss$2 = i$5`: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}`;
2945
-
2946
- var shapeSize = i$5`.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}`;
2906
+ };
2947
2907
 
2948
2908
  var styleCss$2 = i$5`: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}}`;
2949
2909
 
@@ -3092,7 +3052,7 @@ class AuroLoader extends i$2 {
3092
3052
 
3093
3053
  var loaderVersion = '5.0.0';
3094
3054
 
3095
- /* eslint-disable max-lines, curly */
3055
+ /* eslint-disable max-lines, curly, jsdoc/no-undefined-types */
3096
3056
  // Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
3097
3057
  // See LICENSE in the project root for license information.
3098
3058
 
@@ -3159,6 +3119,21 @@ class AuroButton extends AuroElement$1 {
3159
3119
  * @private
3160
3120
  */
3161
3121
  this.loaderTag = versioning.generateTag('auro-loader', loaderVersion, AuroLoader);
3122
+
3123
+ /**
3124
+ * @private
3125
+ */
3126
+ this.buttonHref = undefined;
3127
+
3128
+ /**
3129
+ * @private
3130
+ */
3131
+ this.buttonTarget = undefined;
3132
+
3133
+ /**
3134
+ * @private
3135
+ */
3136
+ this.buttonRel = undefined;
3162
3137
  }
3163
3138
 
3164
3139
  static get styles() {
@@ -3264,6 +3239,27 @@ class AuroButton extends AuroElement$1 {
3264
3239
  type: String,
3265
3240
  reflect: true
3266
3241
  },
3242
+
3243
+ /**
3244
+ * @private
3245
+ */
3246
+ buttonHref: {
3247
+ type: String,
3248
+ },
3249
+
3250
+ /**
3251
+ * @private
3252
+ */
3253
+ buttonTarget: {
3254
+ type: String,
3255
+ },
3256
+
3257
+ /**
3258
+ * @private
3259
+ */
3260
+ buttonRel: {
3261
+ type: String,
3262
+ },
3267
3263
  };
3268
3264
  }
3269
3265
 
@@ -3276,7 +3272,7 @@ class AuroButton extends AuroElement$1 {
3276
3272
  *
3277
3273
  */
3278
3274
  static register(name = "auro-button") {
3279
- AuroLibraryRuntimeUtils.prototype.registerComponent(name, AuroButton);
3275
+ AuroLibraryRuntimeUtils$2.prototype.registerComponent(name, AuroButton);
3280
3276
  }
3281
3277
 
3282
3278
  /**
@@ -3354,14 +3350,17 @@ class AuroButton extends AuroElement$1 {
3354
3350
  loading: this.loading,
3355
3351
  };
3356
3352
 
3353
+ const tag = this.buttonHref ? i$1`a` : i$1`button`;
3354
+ const part = this.buttonHref ? 'link' : 'button';
3355
+
3357
3356
  return u`
3358
- <button
3359
- part="button"
3357
+ <${tag}
3358
+ part="${part}"
3360
3359
  aria-label="${o(this.loading ? this.loadingText : this.currentAriaLabel || undefined)}"
3361
3360
  aria-labelledby="${o(this.loading ? undefined : this.currentAriaLabelledBy || undefined)}"
3362
3361
  tabIndex="${o(this.tIndex)}"
3363
3362
  ?autofocus="${this.autofocus}"
3364
- class="${e(classes)}"
3363
+ class=${e(classes)}
3365
3364
  ?disabled="${this.disabled || this.loading}"
3366
3365
  ?onDark="${this.onDark}"
3367
3366
  title="${o(this.title ? this.title : undefined)}"
@@ -3370,6 +3369,9 @@ class AuroButton extends AuroElement$1 {
3370
3369
  variant="${o(this.variant ? this.variant : undefined)}"
3371
3370
  .value="${o(this.value ? this.value : undefined)}"
3372
3371
  @click="${this.type === 'submit' ? this.surfaceSubmitEvent : undefined}"
3372
+ href="${o(this.buttonHref || undefined)}"
3373
+ target="${o(this.buttonTarget || undefined)}"
3374
+ rel="${o(this.buttonRel || undefined)}"
3373
3375
  >
3374
3376
  ${o(this.loading ? u`<${this.loaderTag} pulse part="loader"></${this.loaderTag}>` : undefined)}
3375
3377
 
@@ -3378,12 +3380,12 @@ class AuroButton extends AuroElement$1 {
3378
3380
  <slot></slot>
3379
3381
  </span>
3380
3382
  </span>
3381
- </button>
3383
+ </${tag}>
3382
3384
  `;
3383
3385
  }
3384
3386
 
3385
3387
  /**
3386
- * Renders the layout of the button
3388
+ * Renders the layout of the button.
3387
3389
  * @returns {TemplateResult}
3388
3390
  * @private
3389
3391
  */
@@ -3556,6 +3558,76 @@ var tokensCss = i$5`:host{--ds-auro-icon-color:var(--ds-basic-color-texticon-def
3556
3558
 
3557
3559
  var colorCss = i$5`: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)}`;
3558
3560
 
3561
+ // Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
3562
+ // See LICENSE in the project root for license information.
3563
+
3564
+ // ---------------------------------------------------------------------
3565
+
3566
+ /* eslint-disable line-comment-position, no-inline-comments, no-confusing-arrow, no-nested-ternary, implicit-arrow-linebreak */
3567
+
3568
+ class AuroLibraryRuntimeUtils {
3569
+
3570
+ /* eslint-disable jsdoc/require-param */
3571
+
3572
+ /**
3573
+ * This will register a new custom element with the browser.
3574
+ * @param {String} name - The name of the custom element.
3575
+ * @param {Object} componentClass - The class to register as a custom element.
3576
+ * @returns {void}
3577
+ */
3578
+ registerComponent(name, componentClass) {
3579
+ if (!customElements.get(name)) {
3580
+ customElements.define(name, class extends componentClass {});
3581
+ }
3582
+ }
3583
+
3584
+ /**
3585
+ * Finds and returns the closest HTML Element based on a selector.
3586
+ * @returns {void}
3587
+ */
3588
+ closestElement(
3589
+ selector, // selector like in .closest()
3590
+ base = this, // extra functionality to skip a parent
3591
+ __Closest = (el, found = el && el.closest(selector)) =>
3592
+ !el || el === document || el === window
3593
+ ? null // standard .closest() returns null for non-found selectors also
3594
+ : found
3595
+ ? found // found a selector INside this element
3596
+ : __Closest(el.getRootNode().host) // recursion!! break out to parent DOM
3597
+ ) {
3598
+ return __Closest(base);
3599
+ }
3600
+ /* eslint-enable jsdoc/require-param */
3601
+
3602
+ /**
3603
+ * If the element passed is registered with a different tag name than what is passed in, the tag name is added as an attribute to the element.
3604
+ * @param {Object} elem - The element to check.
3605
+ * @param {String} tagName - The name of the Auro component to check for or add as an attribute.
3606
+ * @returns {void}
3607
+ */
3608
+ handleComponentTagRename(elem, tagName) {
3609
+ const tag = tagName.toLowerCase();
3610
+ const elemTag = elem.tagName.toLowerCase();
3611
+
3612
+ if (elemTag !== tag) {
3613
+ elem.setAttribute(tag, true);
3614
+ }
3615
+ }
3616
+
3617
+ /**
3618
+ * Validates if an element is a specific Auro component.
3619
+ * @param {Object} elem - The element to validate.
3620
+ * @param {String} tagName - The name of the Auro component to check against.
3621
+ * @returns {Boolean} - Returns true if the element is the specified Auro component.
3622
+ */
3623
+ elementMatch(elem, tagName) {
3624
+ const tag = tagName.toLowerCase();
3625
+ const elemTag = elem.tagName.toLowerCase();
3626
+
3627
+ return elemTag === tag || elem.hasAttribute(tag);
3628
+ }
3629
+ }
3630
+
3559
3631
  // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
3560
3632
  // See LICENSE in the project root for license information.
3561
3633
 
@@ -3575,7 +3647,7 @@ class AuroIcon extends BaseIcon {
3575
3647
  */
3576
3648
  privateDefaults() {
3577
3649
  this.uri = 'https://cdn.jsdelivr.net/npm/@alaskaairux/icons@latest/dist';
3578
- this.runtimeUtils = new AuroLibraryRuntimeUtils$1();
3650
+ this.runtimeUtils = new AuroLibraryRuntimeUtils();
3579
3651
  }
3580
3652
 
3581
3653
  // function to define props used within the scope of this component
@@ -3657,7 +3729,7 @@ class AuroIcon extends BaseIcon {
3657
3729
  *
3658
3730
  */
3659
3731
  static register(name = "auro-icon") {
3660
- AuroLibraryRuntimeUtils$1.prototype.registerComponent(name, AuroIcon);
3732
+ AuroLibraryRuntimeUtils.prototype.registerComponent(name, AuroIcon);
3661
3733
  }
3662
3734
 
3663
3735
  connectedCallback() {
@@ -3729,7 +3801,7 @@ class AuroIcon extends BaseIcon {
3729
3801
 
3730
3802
  var iconVersion = "8.0.2";
3731
3803
 
3732
- var styleCss = i$5`:focus:not(:focus-visible){outline:3px solid transparent}:host{--border-size: 6px;--border-radius: 24px}.container{display:flex;width:100%;flex-direction:column;align-items:flex-start}.slideshow-wrapper{position:relative;width:100%;display:flex;justify-content:start;align-items:center;overflow:hidden;padding:var(--border-size)}.embla{max-width:100%;margin:0;--slide-size: 100%}.embla__container{display:flex}.embla__slide{transform:translateZ(0);flex:0 0 var(--slide-size);min-width:0;border-radius:var(--border-radius);margin-right:1rem;box-sizing:border-box;overflow:hidden}.embla__slide:focus-visible{outline:unset;box-shadow:0 0 0 2px #fff,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}.embla__dot:hover:not(.embla__dot--selected){background-color:var(--ds-advanced-color-button-primary-background-inactive-hover, #89b2d4)}.embla__dot:before{content:"";position:absolute;width:24px;height:24px;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{border-radius:1.8rem;border:none;background-color:var(--ds-advanced-color-button-primary-background-inactive, #cfe0ef);position:relative;align-self:center;height:12px;width:56px;max-width:90%;overflow:hidden;cursor:pointer}.embla__progress:hover{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%}.embla__progress{justify-self:center;transition:opacity .3s ease-in-out}.embla__progress__bar{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}@keyframes autoplay-progress{0%{transform:translateZ(0)}to{transform:translate3d(100%,0,0)}}
3804
+ 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;width:100%;display:flex;justify-content:start;align-items:center;overflow:hidden;padding:var(--border-size)}.embla{max-width:100%;margin:0;--slide-size: 100%}.embla__container{display:flex}.embla__slide{transform:translateZ(0);flex:0 0 var(--slide-size);min-width:0;border-radius:var(--border-radius);margin-right:1rem;box-sizing:border-box;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:"";position:absolute;width:24px;height:24px;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{border-radius:1.8rem;border:none;background-color:var(--ds-advanced-color-button-primary-background-inactive, #cfe0ef);position:relative;align-self:center;height:12px;width:56px;max-width:90%;overflow:hidden;cursor:pointer;justify-self:center;transition:all .3s ease-in-out}.embla__progress:hover{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}@keyframes autoplay-progress{0%{transform:translateZ(0)}to{transform:translate3d(100%,0,0)}}
3733
3805
  `;
3734
3806
 
3735
3807
  // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
@@ -3767,7 +3839,7 @@ class AuroSlideshow extends i$2 {
3767
3839
  /** @private */
3768
3840
  this.slides = [];
3769
3841
 
3770
- const versioning = new AuroDependencyVersioning$1();
3842
+ const versioning = new AuroDependencyVersioning();
3771
3843
 
3772
3844
  /** @private */
3773
3845
  this.buttonTag = versioning.generateTag(
@@ -3787,7 +3859,7 @@ class AuroSlideshow extends i$2 {
3787
3859
  * AuroSlideshow.register("custom-slideshow") // registers <custom-slideshow/>
3788
3860
  */
3789
3861
  static register(name = "auro-slideshow") {
3790
- AuroLibraryRuntimeUtils$1.prototype.registerComponent(name, AuroSlideshow);
3862
+ AuroLibraryRuntimeUtils$2.prototype.registerComponent(name, AuroSlideshow);
3791
3863
  }
3792
3864
 
3793
3865
  static get styles() {
@@ -3981,7 +4053,7 @@ class AuroSlideshow extends i$2 {
3981
4053
  this.initializeEmbla();
3982
4054
 
3983
4055
  // add event listener to embla instance to toggle tabindex on active slide whenever slide is changed
3984
- this.embla.on("select", this.toggleTabIndex.bind(this));
4056
+ this.embla.on("select", this.toggleTabIndex);
3985
4057
 
3986
4058
  this.isPlaying = this.playOnInit;
3987
4059
  }
@@ -3990,13 +4062,13 @@ class AuroSlideshow extends i$2 {
3990
4062
  * @private
3991
4063
  * Toggles the tabindex attribute on the active slide to allow keyboard navigation.
3992
4064
  */
3993
- toggleTabIndex() {
4065
+ toggleTabIndex = () => {
3994
4066
  const activeSlide = this.slides[this.embla.selectedScrollSnap()];
3995
4067
  this.slides.forEach((slide) => {
3996
4068
  slide.setAttribute("tabindex", "-1");
3997
4069
  });
3998
4070
  activeSlide.setAttribute("tabindex", "0");
3999
- }
4071
+ };
4000
4072
 
4001
4073
  /**
4002
4074
  * @private
@@ -4016,7 +4088,7 @@ class AuroSlideshow extends i$2 {
4016
4088
  * @param {KeyboardEvent} event - The keydown event triggered by the user.
4017
4089
  * @returns {void}
4018
4090
  */
4019
- handleKeydown(event) {
4091
+ handleKeydown = (event) => {
4020
4092
  const focusActiveSlide = () => {
4021
4093
  setTimeout(() => {
4022
4094
  const activeSlide = this.slides[this.embla.selectedScrollSnap()];
@@ -4032,7 +4104,7 @@ class AuroSlideshow extends i$2 {
4032
4104
  this.embla.scrollNext();
4033
4105
  focusActiveSlide();
4034
4106
  }
4035
- }
4107
+ };
4036
4108
 
4037
4109
  /** @private */
4038
4110
  updateSlides() {
@@ -4044,7 +4116,7 @@ class AuroSlideshow extends i$2 {
4044
4116
 
4045
4117
  this.slides.forEach((element, index) => {
4046
4118
  element.classList.add("embla__slide");
4047
- element.addEventListener("keydown", this.handleKeydown.bind(this));
4119
+ element.addEventListener("keydown", this.handleKeydown);
4048
4120
  if (index === 0) {
4049
4121
  element.setAttribute("tabindex", "0");
4050
4122
  } else {
@@ -4249,7 +4321,7 @@ class AuroSlideshow extends i$2 {
4249
4321
  disconnectedCallback() {
4250
4322
  super.disconnectedCallback();
4251
4323
 
4252
- this.embla.off("select", this.toggleTabIndex.bind(this));
4324
+ this.embla.off("select", this.toggleTabIndex);
4253
4325
 
4254
4326
  // Clean up event listeners and Embla instance
4255
4327
  if (this.embla) {
@@ -4259,7 +4331,7 @@ class AuroSlideshow extends i$2 {
4259
4331
 
4260
4332
  // Remove all slides
4261
4333
  this.slides.forEach((slide) => {
4262
- slide.removeEventListener("keydown", this.handleKeydown.bind(this));
4334
+ slide.removeEventListener("keydown", this.handleKeydown);
4263
4335
  });
4264
4336
  this.slides = [];
4265
4337
  }
package/demo/index.md CHANGED
@@ -30,7 +30,7 @@ The `<auro-slideshow>` element should be used in situations where:
30
30
 
31
31
  <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../docs/partials/readmeAddlInfo.md) -->
32
32
  <!-- The below content is automatically added from ./../docs/partials/readmeAddlInfo.md -->
33
- Autoplay and AutoScroll are mutually exclusive properties and should not be used together on the same component instance.
33
+ `autoplay` and `autoScroll` are mutually exclusive properties and should not be used together on the same component instance.
34
34
  <!-- AURO-GENERATED-CONTENT:END -->
35
35
 
36
36
  ## Example(s)
@@ -0,0 +1,105 @@
1
+ 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 z(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 E(t,e,o){const{constrain:r}=z(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 E(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 D(t,e,o,r,n,a,i,s,d,l,c,p,g,m,v,y,x,w,k){const{cross:L,direction:E}=t,D=["INPUT","SELECT","TEXTAREA"],O={passive:!1},A=_(),C=_(),T=z(50,225).constrain(m.measure(20)),$={mouse:300,touch:400},I={mouse:500,touch:600},B=v?43:25;let M=!1,N=0,P=0,F=!1,H=!1,q=!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),d=b(o,P);if(!H&&!W){if(!t.cancelable)return V(t);if(H=i>d,!H)return V(t)}const c=a.pointerMove(t);i>y&&(q=!0),l.useFriction(.3).useDuration(.75),s.start(),n.add(E(c)),t.preventDefault()}function V(t){const e=c.byDistance(0,!1).index!==p.get(),o=a.pointerUp(t)*(v?I:$)[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}(E(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=B-10*n,s=w+n/50;H=!1,F=!1,C.clear(),l.useDuration(i).useFriction(s),d.distance(r,!v),W=!1,g.emit("pointerUp")}function U(t){q&&(t.stopPropagation(),t.preventDefault(),q=!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,q=v&&s&&!t.buttons&&M,M=b(n.get(),i.get())>=2,s&&0!==t.button)return;if(function(t){const e=t.nodeName||"";return D.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,O).add(t,"touchend",V).add(t,"mousemove",R,O).add(t,"mouseup",V)}(),N=a.readPoint(t),P=a.readPoint(t,L),g.emit("pointerDown")}(s)}const d=e;A.add(d,"dragstart",(t=>t.preventDefault()),O).add(d,"touchmove",(()=>{}),O).add(d,"touchend",(()=>{})).add(d,"touchstart",s).add(d,"mousedown",s).add(d,"touchcancel",V).add(d,"contextmenu",V).add(d,"click",U,!0)},destroy:function(){A.clear(),C.clear()},pointerDown:function(){return F}}}function O(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=z(.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}=z(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 $(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 B(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 M(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,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:B(-1),translate:M(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 P(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 H(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 q(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:q,slidesToScroll:W,skipSnaps:R,containScroll:V,watchResize:U,watchSlides:j,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=H(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=z(-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 z(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:z(o?r-t:m(e),r)}}(ut,ft,p),gt=E(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()})($t)),(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")})($t,t))),xt=ft[gt.get()],wt=B(xt),kt=B(xt),St=B(xt),_t=B(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),zt=$(p,ft,ut,bt,_t),Et=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,zt,_t,i),Dt=function(t){const{max:e,length:o}=t;return{get:function(t){return o?(t-e)/-o:0}}}(bt),Ot=_(),At=F(e,o,i,q),{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,Et,Lt,Ot,i,G),$t={ownerDocument:r,ownerWindow:n,eventHandler:i,containerRect:Q,slideRects:Y,animation:yt,axis:Z,dragHandler:D(Z,t,r,n,_t,O(Z,n),wt,yt,Et,Lt,zt,gt,i,tt,k,S,R,.68,X),eventStore:Ot,percentOfView:tt,index:gt,indexPrevious:mt,limit:bt,location:wt,offsetLocation:St,previousLocation:kt,options:a,resizeHandler:A(e,i,n,o,Z,U,K),scrollBody:Lt,scrollBounds:C(bt,St,_t,Lt,tt),scrollLooper:T(ut,bt,St,[wt,St,kt,_t]),scrollProgress:Dt,scrollSnapList:ft.map(Dt.get),scrollSnaps:ft,scrollTarget:zt,scrollTo:Et,slideLooper:N(Z,J,ut,nt,at,lt,ft,St,o),slideFocus:Tt,slidesHandler:P(e,i,j),slidesInView:At,slideIndexes:vt,slideRegistry:Ct,slidesToScroll:dt,target:_t,translate:M(Z,e)};return $t}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=D;let m,v,y,x,w=!1,k=l(W,V.globalOptions),S=l(k),L=[];function z(e){const o=q(t,y,x,r,n,e,d);if(e.loop&&!o.slideLooper.canLoop()){return z(Object.assign({},e,{loop:!1}))}return o}function E(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=z(S),p([k,...L.map((({options:t})=>t))]).forEach((t=>s.add(t,"change",D))),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 D(t,e){const o=C();O(),E(l({startIndex:o},t),e),d.emit("reInit")}function O(){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(),O(),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 E(e,o),setTimeout((()=>d.emit("init")),0),T}V.globalOptions=void 0;const U={direction:"forward",speed:2,startDelay:1e3,active:!0,breakpoints:{},playOnInit:!0,stopOnFocusIn:!0,stopOnInteraction:!0,stopOnMouseEnter:!1,rootNode:null};function j(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(U,j.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}}}j.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:{type:HTMLElement,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`
2
+ ${this.defineTemplate().map((t=>o`
3
+ <span part="element" class="loader node-${t}"></span>
4
+ `))}
5
+
6
+ <div class="no-animation">Loading...</div>
7
+
8
+ ${this.ringworm?o`
9
+ <svg part="element" class="circular" viewBox="25 25 50 50">
10
+ <circle class="path" cx="50" cy="50" r="20" fill="none"/>
11
+ </svg>`:""}
12
+ `}}const Lt=["circle"];class zt 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},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,zt)}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`
13
+ <${e}
14
+ part="${o}"
15
+ aria-label="${d(this.loading?this.loadingText:this.currentAriaLabel||void 0)}"
16
+ aria-labelledby="${d(this.loading?void 0:this.currentAriaLabelledBy||void 0)}"
17
+ tabIndex="${d(this.tIndex)}"
18
+ ?autofocus="${this.autofocus}"
19
+ class=${s(t)}
20
+ ?disabled="${this.disabled||this.loading}"
21
+ ?onDark="${this.onDark}"
22
+ title="${d(this.title?this.title:void 0)}"
23
+ name="${d(this.name?this.name:void 0)}"
24
+ type="${d(this.type?this.type:void 0)}"
25
+ variant="${d(this.variant?this.variant:void 0)}"
26
+ .value="${d(this.value?this.value:void 0)}"
27
+ @click="${"submit"===this.type?this.surfaceSubmitEvent:void 0}"
28
+ href="${d(this.buttonHref||void 0)}"
29
+ target="${d(this.buttonTarget||void 0)}"
30
+ rel="${d(this.buttonRel||void 0)}"
31
+ >
32
+ ${d(this.loading?i`<${this.loaderTag} pulse part="loader"></${this.loaderTag}>`:void 0)}
33
+
34
+ <span class="contentWrapper">
35
+ <span class="textSlot" part="text">
36
+ <slot></slot>
37
+ </span>
38
+ </span>
39
+ </${e}>
40
+ `}renderLayout(){return this.renderLayoutDefault()}}var Et='<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>',Dt='<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>',Ot='<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 $t=new Map,It=(t,e={})=>{const o=e.responseParser||(t=>t.text());return $t.has(t)||$t.set(t,fetch(t).then(o)),$t.get(t)};var Bt=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 Mt 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`
41
+ ${Bt}
42
+ `}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)}`,Pt=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 Ht extends Mt{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`${Bt}`,e`${Pt}`]}static register(t="auro-icon"){Ft.prototype.registerComponent(t,Ht)}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`
43
+ <div class="componentWrapper">
44
+ <div
45
+ class="${s({svgWrapper:!0})}"
46
+ title="${d(this.title||void 0)}">
47
+ <span aria-hidden="${d(this.ariaHidden||!0)}" part="svg">
48
+ ${this.customSvg?o`
49
+ <slot name="svg"></slot>
50
+ `:o`
51
+ ${this.svg}
52
+ `}
53
+ </span>
54
+ </div>
55
+
56
+ <div class="${s(t)}">
57
+ <slot></slot>
58
+ </div>
59
+ </div>
60
+ `}}var qt=e`:host{--border-size: 6px;--border-radius: 24px}.container{display:flex;width:100%;flex-direction:column;align-items:flex-start}.slideshow-wrapper{position:relative;width:100%;display:flex;justify-content:start;align-items:center;overflow:hidden;padding:var(--border-size)}.embla{max-width:100%;margin:0;--slide-size: 100%}.embla__container{display:flex}.embla__slide{transform:translateZ(0);flex:0 0 var(--slide-size);min-width:0;border-radius:var(--border-radius);margin-right:1rem;box-sizing:border-box;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:"";position:absolute;width:24px;height:24px;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{border-radius:1.8rem;border:none;background-color:var(--ds-advanced-color-button-primary-background-inactive, #cfe0ef);position:relative;align-self:center;height:12px;width:56px;max-width:90%;overflow:hidden;cursor:pointer;justify-self:center;transition:all .3s ease-in-out}.embla__progress:hover{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}@keyframes autoplay-progress{0%{transform:translateZ(0)}to{transform:translate3d(100%,0,0)}}
61
+ `;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","9.3.3",zt),this.iconTag=t.generateTag("auro-icon","8.0.2",Ht)}static register(t="auro-slideshow"){et.prototype.registerComponent(t,Wt)}static get styles(){return[qt]}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 _dotsNode(){return this.shadowRoot.querySelector(".embla__dots")}get _progressNode(){return this.shadowRoot.querySelector(".embla__progress")}initializeEmbla(){const t=this.shadowRoot.querySelector(".embla"),e={loop:this.loop,align:"start"},o={playOnInit:this.playOnInit,delay:this.delay,stopOnMouseEnter:!0},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. Please select one."),this.autoScroll=!1),this.autoplay&&n.push(G(o)),this.autoScroll&&n.push(j(r)),this.embla=V(t,e,n),this.pagination&&this.addDotBtnsAndClickHandlers(this.embla,this._dotsNode,this.onNavButtonClick),this.autoplay&&(this.addAutoPlayBtnListener(this.embla,this._playBtn),this.embla.on("autoplay:stop",(()=>{this.isPlaying=!1})).on("autoplay:play",(()=>{this.isPlaying=!0}))),this.autoScroll&&(this.addAutoScrollBtnListener(this.embla,this._playBtn),this.embla.on("autoScroll:stop",(()=>{this.isPlaying=!1})).on("autoScroll:play",(()=>{this.isPlaying=!0})))}firstUpdated(){this.updateSlides(),this.initializeEmbla(),this.embla.on("select",this.toggleTabIndex),this.isPlaying=this.playOnInit}toggleTabIndex=()=>{const t=this.slides[this.embla.selectedScrollSnap()];this.slides.forEach((t=>{t.setAttribute("tabindex","-1")})),t.setAttribute("tabindex","0")};handleSlotChange(){this.updateSlides(),this.embla&&this.embla.reInit()}handleKeydown=t=>{const e=()=>{setTimeout((()=>{this.slides[this.embla.selectedScrollSnap()].focus()}),200)};"ArrowLeft"===t.key?(t.preventDefault(),this.embla.scrollPrev(),e()):"ArrowRight"===t.key&&(t.preventDefault(),this.embla.scrollNext(),e())};updateSlides(){if(!this._slot)return;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)}onNavButtonClick=t=>{const e=t?.plugins()?.autoplay;if(!e)return;(!1===e.options.stopOnInteraction?e.reset:e.stop)()};createPlayButtonListeners=t=>(e,o)=>{const r="autoplay"===t?"autoplay":"autoScroll",n=()=>{const t=e?.plugins()?.[r];t&&(this.playBtnLabel=t.isPlaying()?this.playLabel:this.pauseLabel)},a=()=>{const t=e?.plugins()?.[r];if(!t)return;(t.isPlaying()?t.stop:t.play)(),this.isPlaying=t.isPlaying()};return o?.addEventListener("click",a),e.on(`${r}:play`,n).on(`${r}:stop`,n).on("reInit",n),()=>{o?.removeEventListener("click",a),e.off(`${r}:play`,n).off(`${r}:stop`,n).off("reInit",n)}};addAutoPlayBtnListener=this.createPlayButtonListeners("autoplay");addAutoScrollBtnListener=this.createPlayButtonListeners("autoScroll");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.addEventListener("click",(()=>{t.scrollTo(r),o&&o(t)}),!1),n}));e.replaceChildren(...n),r=n},a=()=>{const e=t.previousScrollSnap(),o=t.selectedScrollSnap();if(this.autoplay){const t=document.createElement("div");t.className="embla__progress__bar",r[e]&&(r[e].className="embla__dot",r[e].replaceChildren()),r[o]&&(r[o].className="embla__progress",r[o].replaceChildren(t)),this.addAutoplayProgressListeners(this.embla,this._progressNode)}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",a).on("reInit",a).on("select",a),()=>{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.off("select",this.toggleTabIndex),this.embla&&(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`
62
+ <${this.buttonTag}
63
+ aria-label="Previous slide"
64
+ class="scroll-prev"
65
+ shape="circle"
66
+ onDark
67
+ size="lg"
68
+ @click=${()=>this.embla?.scrollPrev()}>
69
+ ${this.generateIconHtml(Et)}
70
+ </${this.buttonTag}>
71
+ <${this.buttonTag}
72
+ aria-label="Next slide"
73
+ class="scroll-next"
74
+ shape="circle"
75
+ onDark
76
+ size="lg"
77
+ @click=${()=>this.embla?.scrollNext()}>
78
+ ${this.generateIconHtml(Dt)}
79
+ </${this.buttonTag}>`}renderPlayButton(){return i`
80
+ <${this.buttonTag}
81
+ aria-label="${this.playBtnLabel}"
82
+ class="play-pause"
83
+ shape="circle"
84
+ >
85
+ ${this.generateIconHtml(At,this.isPlaying)}
86
+ ${this.generateIconHtml(Ot,!this.isPlaying)}
87
+ </${this.buttonTag}>
88
+ `}renderPaginationContainer(){return i`
89
+ <div class="pagination-container">
90
+ ${this.autoplay||this.autoScroll?this.renderPlayButton():r}
91
+ ${this.pagination?i`<div class="embla__dots"></div>`:r}
92
+ </div>
93
+ `}render(){return i`
94
+ <div class="container">
95
+ <div class="slideshow-wrapper">
96
+ ${this.navigation?this.renderNavigationControls():r}
97
+ <div class="embla">
98
+ <div class="embla__container">
99
+ <slot @slotchange=${this.handleSlotChange}></slot>
100
+ </div>
101
+ </div>
102
+ </div>
103
+ ${this.pagination||this.autoplay||this.autoScroll?this.renderPaginationContainer():r}
104
+ </div>
105
+ `}}export{Wt as A};
package/dist/index.d.ts CHANGED
@@ -3,7 +3,7 @@ import * as lit_html_static from 'lit-html/static';
3
3
  import * as lit from 'lit';
4
4
  import { LitElement } from 'lit';
5
5
 
6
- declare class Ht extends LitElement {
6
+ declare class Wt extends LitElement {
7
7
  static register(t?: string): void;
8
8
  static get styles(): lit.CSSResult[];
9
9
  static get properties(): {
@@ -118,9 +118,9 @@ declare class Ht extends LitElement {
118
118
  get _progressNode(): Element;
119
119
  initializeEmbla(): void;
120
120
  firstUpdated(): void;
121
- toggleTabIndex(): void;
121
+ toggleTabIndex: () => void;
122
122
  handleSlotChange(): void;
123
- handleKeydown(t: any): void;
123
+ handleKeydown: (t: any) => void;
124
124
  updateSlides(): void;
125
125
  onNavButtonClick: (t: any) => void;
126
126
  createPlayButtonListeners: (t: any) => (e: any, o: any) => () => void;
@@ -135,4 +135,4 @@ declare class Ht extends LitElement {
135
135
  render(): lit_html.TemplateResult;
136
136
  }
137
137
 
138
- export { Ht as AuroSlideshow };
138
+ export { Wt as AuroSlideshow };
package/dist/index.js CHANGED
@@ -1 +1 @@
1
- export{A as AuroSlideshow}from"./auro-slideshow-DGHT9eKN.js";import"lit";import"lit/static-html.js";import"lit/directives/class-map.js";import"lit/directives/if-defined.js";
1
+ export{A as AuroSlideshow}from"./auro-slideshow-Cmdb_wIX.js";import"lit";import"lit/static-html.js";import"lit/directives/class-map.js";import"lit/directives/if-defined.js";
@@ -1 +1 @@
1
- import{A as i}from"./auro-slideshow-DGHT9eKN.js";import"lit";import"lit/static-html.js";import"lit/directives/class-map.js";import"lit/directives/if-defined.js";i.register();
1
+ import{A as i}from"./auro-slideshow-Cmdb_wIX.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 CHANGED
@@ -7,7 +7,7 @@
7
7
  "================================================================================"
8
8
  ],
9
9
  "name": "@aurodesignsystem-dev/auro-slideshow",
10
- "version": "0.0.0-pr19.2",
10
+ "version": "0.0.0-pr19.4",
11
11
  "description": "auro-slideshow HTML custom element",
12
12
  "repository": {
13
13
  "type": "git",
@@ -21,9 +21,9 @@
21
21
  },
22
22
  "dependencies": {
23
23
  "@alaskaairux/icons": "^5.5.0",
24
- "@aurodesignsystem/auro-button": "^11.0.0",
24
+ "@aurodesignsystem/auro-button": "^11.1.0",
25
25
  "@aurodesignsystem/auro-icon": "^8.0.4",
26
- "@aurodesignsystem/auro-library": "^4.4.1",
26
+ "@aurodesignsystem/auro-library": "^5.0.2",
27
27
  "@aurodesignsystem/design-tokens": "^5.14.0",
28
28
  "@aurodesignsystem/webcorestylesheets": "^6.5.0",
29
29
  "chalk": "^5.4.1",
@@ -36,7 +36,7 @@
36
36
  "devDependencies": {
37
37
  "@aurodesignsystem/auro-cli": "^2.5.0",
38
38
  "@aurodesignsystem/auro-config": "^1.0.1",
39
- "@aurodesignsystem/design-tokens": "^5.3.1",
39
+ "@aurodesignsystem/design-tokens": "^8.2.1",
40
40
  "@aurodesignsystem/webcorestylesheets": "^6.5.0",
41
41
  "@biomejs/biome": "^1.9.4",
42
42
  "@commitlint/cli": "^19.8.1",
@@ -48,30 +48,30 @@
48
48
  "@semantic-release/npm": "^12.0.1",
49
49
  "@web/dev-server": "^0.4.6",
50
50
  "@web/dev-server-rollup": "^0.6.4",
51
- "@web/test-runner": "^0.20.1",
51
+ "@web/test-runner": "^0.20.2",
52
52
  "autoprefixer": "^10.4.21",
53
53
  "compression": "^1.8.0",
54
54
  "concat": "^1.0.3",
55
55
  "concurrently": "^9.1.2",
56
56
  "copyfiles": "^2.4.1",
57
- "core-js": "^3.42.0",
57
+ "core-js": "^3.43.0",
58
58
  "husky": "^9.1.7",
59
- "lint-staged": "^16.0.0",
59
+ "lint-staged": "^16.1.2",
60
60
  "lodash": "^4.17.21",
61
- "markdown-magic": "^3.6.1",
61
+ "markdown-magic": "^3.7.0",
62
62
  "nodemon": "^3.1.10",
63
63
  "npm-run-all": "^4.1.5",
64
- "postcss": "^8.5.3",
64
+ "postcss": "^8.5.6",
65
65
  "postcss-discard-comments": "^7.0.4",
66
66
  "postcss-selector-replace": "^1.0.2",
67
- "sass": "^1.87.0",
68
- "semantic-release": "^24.2.3",
69
- "stylelint": "^16.19.1",
67
+ "sass": "^1.89.2",
68
+ "semantic-release": "^24.2.5",
69
+ "stylelint": "^16.20.0",
70
70
  "stylelint-config-idiomatic-order": "^10.0.0",
71
71
  "stylelint-config-standard": "^38.0.0",
72
- "stylelint-config-standard-scss": "^14.0.0",
72
+ "stylelint-config-standard-scss": "^15.0.1",
73
73
  "stylelint-order": "^7.0.0",
74
- "stylelint-scss": "^6.12.0",
74
+ "stylelint-scss": "^6.12.1",
75
75
  "typescript": "^5.8.3",
76
76
  "wc-sass-render": "^1.4.0",
77
77
  "web-component-analyzer": "^2.0.0",
@@ -1,102 +0,0 @@
1
- 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 z(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 E(t,e,o){const{constrain:r}=z(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 E(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 D(t,e,o,r,n,a,i,s,d,l,c,p,g,m,v,y,x,w,k){const{cross:L,direction:E}=t,D=["INPUT","SELECT","TEXTAREA"],O={passive:!1},A=_(),C=_(),T=z(50,225).constrain(m.measure(20)),I={mouse:300,touch:400},$={mouse:500,touch:600},B=v?43:25;let M=!1,N=0,P=0,F=!1,q=!1,W=!1,H=!1;function V(t){if(!S(t,r)&&t.touches.length>=2)return R(t);const e=a.readPoint(t),o=a.readPoint(t,L),i=b(e,N),d=b(o,P);if(!q&&!H){if(!t.cancelable)return R(t);if(q=i>d,!q)return R(t)}const c=a.pointerMove(t);i>y&&(W=!0),l.useFriction(.3).useDuration(.75),s.start(),n.add(E(c)),t.preventDefault()}function R(t){const e=c.byDistance(0,!1).index!==p.get(),o=a.pointerUp(t)*(v?$:I)[H?"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}(E(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=B-10*n,s=w+n/50;q=!1,F=!1,C.clear(),l.useDuration(i).useFriction(s),d.distance(r,!v),H=!1,g.emit("pointerUp")}function U(t){W&&(t.stopPropagation(),t.preventDefault(),W=!1)}return{init:function(t){if(!k)return;function s(s){(u(k)||k(t,s))&&function(t){const s=S(t,r);if(H=s,W=v&&s&&!t.buttons&&M,M=b(n.get(),i.get())>=2,s&&0!==t.button)return;if(function(t){const e=t.nodeName||"";return D.includes(e)}(t.target))return;F=!0,a.pointerDown(t),l.useFriction(0).useDuration(0),n.set(i),function(){const t=H?o:e;C.add(t,"touchmove",V,O).add(t,"touchend",R).add(t,"mousemove",V,O).add(t,"mouseup",R)}(),N=a.readPoint(t),P=a.readPoint(t,L),g.emit("pointerDown")}(s)}const d=e;A.add(d,"dragstart",(t=>t.preventDefault()),O).add(d,"touchmove",(()=>{}),O).add(d,"touchend",(()=>{})).add(d,"touchstart",s).add(d,"mousedown",s).add(d,"touchcancel",R).add(d,"contextmenu",R).add(d,"click",U,!0)},destroy:function(){A.clear(),C.clear()},pointerDown:function(){return F}}}function O(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=z(.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}=z(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 I(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 $(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 B(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 M(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,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:B(-1),translate:M(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 P(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 W(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:W,slidesToScroll:H,skipSnaps:V,containScroll:R,watchResize:U,watchSlides:j,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&&!!R,rt=p||!!R,{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,H,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=z(-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 z(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,R,2),ft=ot?pt:ct,{limit:bt}=function(t,e,o){const r=e[0];return{limit:z(o?r-t:m(e),r)}}(ut,ft,p),gt=E(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()})(It)),(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")})(It,t))),xt=ft[gt.get()],wt=B(xt),kt=B(xt),St=B(xt),_t=B(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),zt=I(p,ft,ut,bt,_t),Et=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,zt,_t,i),Dt=function(t){const{max:e,length:o}=t;return{get:function(t){return o?(t-e)/-o:0}}}(bt),Ot=_(),At=F(e,o,i,W),{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,R,ft,ht,dt,vt),Tt=$(t,o,Ct,Et,Lt,Ot,i,G),It={ownerDocument:r,ownerWindow:n,eventHandler:i,containerRect:Q,slideRects:Y,animation:yt,axis:Z,dragHandler:D(Z,t,r,n,_t,O(Z,n),wt,yt,Et,Lt,zt,gt,i,tt,k,S,V,.68,X),eventStore:Ot,percentOfView:tt,index:gt,indexPrevious:mt,limit:bt,location:wt,offsetLocation:St,previousLocation:kt,options:a,resizeHandler:A(e,i,n,o,Z,U,K),scrollBody:Lt,scrollBounds:C(bt,St,_t,Lt,tt),scrollLooper:T(ut,bt,St,[wt,St,kt,_t]),scrollProgress:Dt,scrollSnapList:ft.map(Dt.get),scrollSnaps:ft,scrollTarget:zt,scrollTo:Et,slideLooper:N(Z,J,ut,nt,at,lt,ft,St,o),slideFocus:Tt,slidesHandler:P(e,i,j),slidesInView:At,slideIndexes:vt,slideRegistry:Ct,slidesToScroll:dt,target:_t,translate:M(Z,e)};return It}const H={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 V(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 R(t,e,o){const r=t.ownerDocument,n=r.defaultView,a=V(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=D;let m,v,y,x,w=!1,k=l(H,R.globalOptions),S=l(k),L=[];function z(e){const o=W(t,y,x,r,n,e,d);if(e.loop&&!o.slideLooper.canLoop()){return z(Object.assign({},e,{loop:!1}))}return o}function E(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=z(S),p([k,...L.map((({options:t})=>t))]).forEach((t=>s.add(t,"change",D))),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 D(t,e){const o=C();O(),E(l({startIndex:o},t),e),d.emit("reInit")}function O(){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(),O(),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 E(e,o),setTimeout((()=>d.emit("init")),0),T}R.globalOptions=void 0;const U={direction:"forward",speed:2,startDelay:1e3,active:!0,breakpoints:{},playOnInit:!0,stopOnFocusIn:!0,stopOnInteraction:!0,stopOnMouseEnter:!1,rootNode:null};function j(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(U,j.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}}}j.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;let tt=class{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}},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:{type:HTMLElement,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")}}};class gt{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}}class mt{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 vt=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}`,yt=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)}`,xt=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}`,wt=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}`,kt=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}}`,St=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}`,_t=e`:host{--ds-auro-loader-background-color:currentcolor;--ds-auro-loader-border-color:currentcolor;--ds-auro-loader-color:currentcolor}`;class Lt 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 et,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`${kt}`,e`${St}`,e`${_t}`]}static register(t="auro-loader"){et.prototype.registerComponent(t,Lt)}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`
2
- ${this.defineTemplate().map((t=>o`
3
- <span part="element" class="loader node-${t}"></span>
4
- `))}
5
-
6
- <div class="no-animation">Loading...</div>
7
-
8
- ${this.ringworm?o`
9
- <svg part="element" class="circular" viewBox="25 25 50 50">
10
- <circle class="path" cx="50" cy="50" r="20" fill="none"/>
11
- </svg>`:""}
12
- `}}const zt=["circle"];class Et 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 gt;this.loaderTag=t.generateTag("auro-loader","5.0.0",Lt)}static get styles(){return[xt,vt,yt,wt]}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},title:{type:String,reflect:!0},type:{type:String,reflect:!0},value:{type:String,reflect:!0},variant:{type:String,reflect:!0}}}static register(t="auro-button"){mt.prototype.registerComponent(t,Et)}focus(){this.renderRoot.querySelector("button").focus()}surfaceSubmitEvent(){this.form&&this.form.requestSubmit()}get form(){return this.internals?this.internals.form:null}get hideText(){return zt.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};return i`
13
- <button
14
- part="button"
15
- aria-label="${d(this.loading?this.loadingText:this.currentAriaLabel||void 0)}"
16
- aria-labelledby="${d(this.loading?void 0:this.currentAriaLabelledBy||void 0)}"
17
- tabIndex="${d(this.tIndex)}"
18
- ?autofocus="${this.autofocus}"
19
- class="${s(t)}"
20
- ?disabled="${this.disabled||this.loading}"
21
- ?onDark="${this.onDark}"
22
- title="${d(this.title?this.title:void 0)}"
23
- name="${d(this.name?this.name:void 0)}"
24
- type="${d(this.type?this.type:void 0)}"
25
- variant="${d(this.variant?this.variant:void 0)}"
26
- .value="${d(this.value?this.value:void 0)}"
27
- @click="${"submit"===this.type?this.surfaceSubmitEvent:void 0}"
28
- >
29
- ${d(this.loading?i`<${this.loaderTag} pulse part="loader"></${this.loaderTag}>`:void 0)}
30
-
31
- <span class="contentWrapper">
32
- <span class="textSlot" part="text">
33
- <slot></slot>
34
- </span>
35
- </span>
36
- </button>
37
- `}renderLayout(){return this.renderLayoutDefault()}}var Dt='<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>',Ot='<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>',At='<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>',Ct='<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 Tt 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 It='<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 $t=new Map,Bt=(t,e={})=>{const o=e.responseParser||(t=>t.text());return $t.has(t)||$t.set(t,fetch(t).then(o)),$t.get(t)};var Mt=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 Tt{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`
38
- ${Mt}
39
- `}async fetchIcon(t,e){let o="";o="logos"===t?await Bt(`${this.uri}/${t}/${e}.svg`):await Bt(`${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(It,"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)}`,Ft=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 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 et}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`${Mt}`,e`${Ft}`]}static register(t="auro-icon"){et.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`
40
- <div class="componentWrapper">
41
- <div
42
- class="${s({svgWrapper:!0})}"
43
- title="${d(this.title||void 0)}">
44
- <span aria-hidden="${d(this.ariaHidden||!0)}" part="svg">
45
- ${this.customSvg?o`
46
- <slot name="svg"></slot>
47
- `:o`
48
- ${this.svg}
49
- `}
50
- </span>
51
- </div>
52
-
53
- <div class="${s(t)}">
54
- <slot></slot>
55
- </div>
56
- </div>
57
- `}}var Wt=e`:focus:not(:focus-visible){outline:3px solid transparent}:host{--border-size: 6px;--border-radius: 24px}.container{display:flex;width:100%;flex-direction:column;align-items:flex-start}.slideshow-wrapper{position:relative;width:100%;display:flex;justify-content:start;align-items:center;overflow:hidden;padding:var(--border-size)}.embla{max-width:100%;margin:0;--slide-size: 100%}.embla__container{display:flex}.embla__slide{transform:translateZ(0);flex:0 0 var(--slide-size);min-width:0;border-radius:var(--border-radius);margin-right:1rem;box-sizing:border-box;overflow:hidden}.embla__slide:focus-visible{outline:unset;box-shadow:0 0 0 2px #fff,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}.embla__dot:hover:not(.embla__dot--selected){background-color:var(--ds-advanced-color-button-primary-background-inactive-hover, #89b2d4)}.embla__dot:before{content:"";position:absolute;width:24px;height:24px;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{border-radius:1.8rem;border:none;background-color:var(--ds-advanced-color-button-primary-background-inactive, #cfe0ef);position:relative;align-self:center;height:12px;width:56px;max-width:90%;overflow:hidden;cursor:pointer}.embla__progress:hover{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%}.embla__progress{justify-self:center;transition:opacity .3s ease-in-out}.embla__progress__bar{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}@keyframes autoplay-progress{0%{transform:translateZ(0)}to{transform:translate3d(100%,0,0)}}
58
- `;class Ht 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","9.3.3",Et),this.iconTag=t.generateTag("auro-icon","8.0.2",qt)}static register(t="auro-slideshow"){et.prototype.registerComponent(t,Ht)}static get styles(){return[Wt]}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 _dotsNode(){return this.shadowRoot.querySelector(".embla__dots")}get _progressNode(){return this.shadowRoot.querySelector(".embla__progress")}initializeEmbla(){const t=this.shadowRoot.querySelector(".embla"),e={loop:this.loop,align:"start"},o={playOnInit:this.playOnInit,delay:this.delay,stopOnMouseEnter:!0},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. Please select one."),this.autoScroll=!1),this.autoplay&&n.push(G(o)),this.autoScroll&&n.push(j(r)),this.embla=R(t,e,n),this.pagination&&this.addDotBtnsAndClickHandlers(this.embla,this._dotsNode,this.onNavButtonClick),this.autoplay&&(this.addAutoPlayBtnListener(this.embla,this._playBtn),this.embla.on("autoplay:stop",(()=>{this.isPlaying=!1})).on("autoplay:play",(()=>{this.isPlaying=!0}))),this.autoScroll&&(this.addAutoScrollBtnListener(this.embla,this._playBtn),this.embla.on("autoScroll:stop",(()=>{this.isPlaying=!1})).on("autoScroll:play",(()=>{this.isPlaying=!0})))}firstUpdated(){this.updateSlides(),this.initializeEmbla(),this.embla.on("select",this.toggleTabIndex.bind(this)),this.isPlaying=this.playOnInit}toggleTabIndex(){const t=this.slides[this.embla.selectedScrollSnap()];this.slides.forEach((t=>{t.setAttribute("tabindex","-1")})),t.setAttribute("tabindex","0")}handleSlotChange(){this.updateSlides(),this.embla&&this.embla.reInit()}handleKeydown(t){const e=()=>{setTimeout((()=>{this.slides[this.embla.selectedScrollSnap()].focus()}),200)};"ArrowLeft"===t.key?(t.preventDefault(),this.embla.scrollPrev(),e()):"ArrowRight"===t.key&&(t.preventDefault(),this.embla.scrollNext(),e())}updateSlides(){if(!this._slot)return;this.slides=Array.from(this._slot.assignedElements()),this.slides.forEach(((t,e)=>{t.classList.add("embla__slide"),t.addEventListener("keydown",this.handleKeydown.bind(this)),0===e?t.setAttribute("tabindex","0"):t.setAttribute("tabindex","-1")}));this.shadowRoot.querySelector(".embla__container").replaceChildren(...this.slides)}onNavButtonClick=t=>{const e=t?.plugins()?.autoplay;if(!e)return;(!1===e.options.stopOnInteraction?e.reset:e.stop)()};createPlayButtonListeners=t=>(e,o)=>{const r="autoplay"===t?"autoplay":"autoScroll",n=()=>{const t=e?.plugins()?.[r];t&&(this.playBtnLabel=t.isPlaying()?this.playLabel:this.pauseLabel)},a=()=>{const t=e?.plugins()?.[r];if(!t)return;(t.isPlaying()?t.stop:t.play)(),this.isPlaying=t.isPlaying()};return o?.addEventListener("click",a),e.on(`${r}:play`,n).on(`${r}:stop`,n).on("reInit",n),()=>{o?.removeEventListener("click",a),e.off(`${r}:play`,n).off(`${r}:stop`,n).off("reInit",n)}};addAutoPlayBtnListener=this.createPlayButtonListeners("autoplay");addAutoScrollBtnListener=this.createPlayButtonListeners("autoScroll");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.addEventListener("click",(()=>{t.scrollTo(r),o&&o(t)}),!1),n}));e.replaceChildren(...n),r=n},a=()=>{const e=t.previousScrollSnap(),o=t.selectedScrollSnap();if(this.autoplay){const t=document.createElement("div");t.className="embla__progress__bar",r[e]&&(r[e].className="embla__dot",r[e].replaceChildren()),r[o]&&(r[o].className="embla__progress",r[o].replaceChildren(t)),this.addAutoplayProgressListeners(this.embla,this._progressNode)}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",a).on("reInit",a).on("select",a),()=>{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.off("select",this.toggleTabIndex.bind(this)),this.embla&&(this.embla.destroy(),this.embla=null),this.slides.forEach((t=>{t.removeEventListener("keydown",this.handleKeydown.bind(this))})),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`
59
- <${this.buttonTag}
60
- aria-label="Previous slide"
61
- class="scroll-prev"
62
- shape="circle"
63
- onDark
64
- size="lg"
65
- @click=${()=>this.embla?.scrollPrev()}>
66
- ${this.generateIconHtml(Dt)}
67
- </${this.buttonTag}>
68
- <${this.buttonTag}
69
- aria-label="Next slide"
70
- class="scroll-next"
71
- shape="circle"
72
- onDark
73
- size="lg"
74
- @click=${()=>this.embla?.scrollNext()}>
75
- ${this.generateIconHtml(Ot)}
76
- </${this.buttonTag}>`}renderPlayButton(){return i`
77
- <${this.buttonTag}
78
- aria-label="${this.playBtnLabel}"
79
- class="play-pause"
80
- shape="circle"
81
- >
82
- ${this.generateIconHtml(Ct,this.isPlaying)}
83
- ${this.generateIconHtml(At,!this.isPlaying)}
84
- </${this.buttonTag}>
85
- `}renderPaginationContainer(){return i`
86
- <div class="pagination-container">
87
- ${this.autoplay||this.autoScroll?this.renderPlayButton():r}
88
- ${this.pagination?i`<div class="embla__dots"></div>`:r}
89
- </div>
90
- `}render(){return i`
91
- <div class="container">
92
- <div class="slideshow-wrapper">
93
- ${this.navigation?this.renderNavigationControls():r}
94
- <div class="embla">
95
- <div class="embla__container">
96
- <slot @slotchange=${this.handleSlotChange}></slot>
97
- </div>
98
- </div>
99
- </div>
100
- ${this.pagination||this.autoplay||this.autoScroll?this.renderPaginationContainer():r}
101
- </div>
102
- `}}export{Ht as A};