@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 +1 -1
- package/demo/auro-slideshow.min.js +141 -69
- package/demo/index.md +1 -1
- package/dist/auro-slideshow-Cmdb_wIX.js +105 -0
- package/dist/index.d.ts +4 -4
- package/dist/index.js +1 -1
- package/dist/registered.js +1 -1
- package/package.json +14 -14
- package/dist/auro-slideshow-DGHT9eKN.js +0 -102
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
|
-
|
|
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
|
-
|
|
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$
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
3359
|
-
part="
|
|
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
|
|
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
|
-
|
|
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
|
|
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
|
|
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`:
|
|
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
|
|
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$
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
-
|
|
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
|
|
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()
|
|
121
|
+
toggleTabIndex: () => void;
|
|
122
122
|
handleSlotChange(): void;
|
|
123
|
-
handleKeydown(t: any)
|
|
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 {
|
|
138
|
+
export { Wt as AuroSlideshow };
|
package/dist/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{A as AuroSlideshow}from"./auro-slideshow-
|
|
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";
|
package/dist/registered.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{A as i}from"./auro-slideshow-
|
|
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.
|
|
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.
|
|
24
|
+
"@aurodesignsystem/auro-button": "^11.1.0",
|
|
25
25
|
"@aurodesignsystem/auro-icon": "^8.0.4",
|
|
26
|
-
"@aurodesignsystem/auro-library": "^
|
|
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": "^
|
|
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.
|
|
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.
|
|
57
|
+
"core-js": "^3.43.0",
|
|
58
58
|
"husky": "^9.1.7",
|
|
59
|
-
"lint-staged": "^16.
|
|
59
|
+
"lint-staged": "^16.1.2",
|
|
60
60
|
"lodash": "^4.17.21",
|
|
61
|
-
"markdown-magic": "^3.
|
|
61
|
+
"markdown-magic": "^3.7.0",
|
|
62
62
|
"nodemon": "^3.1.10",
|
|
63
63
|
"npm-run-all": "^4.1.5",
|
|
64
|
-
"postcss": "^8.5.
|
|
64
|
+
"postcss": "^8.5.6",
|
|
65
65
|
"postcss-discard-comments": "^7.0.4",
|
|
66
66
|
"postcss-selector-replace": "^1.0.2",
|
|
67
|
-
"sass": "^1.
|
|
68
|
-
"semantic-release": "^24.2.
|
|
69
|
-
"stylelint": "^16.
|
|
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": "^
|
|
72
|
+
"stylelint-config-standard-scss": "^15.0.1",
|
|
73
73
|
"stylelint-order": "^7.0.0",
|
|
74
|
-
"stylelint-scss": "^6.12.
|
|
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};
|