@aurodesignsystem/auro-formkit 4.0.0-rc-658.1.1 → 4.0.0-rc-676.1

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.
Files changed (49) hide show
  1. package/CHANGELOG.md +4 -1
  2. package/components/bibtemplate/dist/auro-bibtemplate.d.ts +1 -0
  3. package/components/bibtemplate/dist/index.js +158 -6
  4. package/components/bibtemplate/dist/registered.js +158 -6
  5. package/components/checkbox/README.md +1 -1
  6. package/components/checkbox/demo/api.md +2 -2
  7. package/components/checkbox/demo/api.min.js +24 -20
  8. package/components/checkbox/demo/index.md +2 -2
  9. package/components/checkbox/demo/index.min.js +24 -20
  10. package/components/checkbox/demo/readme.md +1 -1
  11. package/components/checkbox/dist/auro-checkbox.d.ts +2 -2
  12. package/components/checkbox/dist/index.js +24 -20
  13. package/components/checkbox/dist/registered.js +24 -20
  14. package/components/combobox/demo/api.min.js +707 -133
  15. package/components/combobox/demo/index.min.js +707 -133
  16. package/components/combobox/dist/auro-combobox.d.ts +0 -8
  17. package/components/combobox/dist/index.js +627 -123
  18. package/components/combobox/dist/registered.js +627 -123
  19. package/components/counter/demo/api.min.js +583 -43
  20. package/components/counter/demo/index.min.js +583 -43
  21. package/components/counter/dist/index.js +583 -43
  22. package/components/counter/dist/registered.js +583 -43
  23. package/components/datepicker/demo/api.min.js +866 -75
  24. package/components/datepicker/demo/index.min.js +866 -75
  25. package/components/datepicker/dist/index.js +866 -75
  26. package/components/datepicker/dist/registered.js +866 -75
  27. package/components/dropdown/demo/api.min.js +153 -16
  28. package/components/dropdown/demo/index.min.js +153 -16
  29. package/components/dropdown/dist/auro-dropdownBib.d.ts +8 -0
  30. package/components/dropdown/dist/index.js +153 -16
  31. package/components/dropdown/dist/registered.js +153 -16
  32. package/components/input/demo/api.min.js +263 -12
  33. package/components/input/demo/index.min.js +263 -12
  34. package/components/input/dist/index.js +263 -12
  35. package/components/input/dist/registered.js +263 -12
  36. package/components/menu/demo/api.min.js +76 -6
  37. package/components/menu/demo/index.min.js +76 -6
  38. package/components/menu/dist/index.js +76 -6
  39. package/components/menu/dist/registered.js +76 -6
  40. package/components/radio/demo/api.min.js +4 -3
  41. package/components/radio/demo/index.min.js +4 -3
  42. package/components/radio/dist/index.js +4 -3
  43. package/components/radio/dist/registered.js +4 -3
  44. package/components/select/demo/api.min.js +403 -49
  45. package/components/select/demo/index.min.js +403 -49
  46. package/components/select/dist/auro-select.d.ts +0 -1
  47. package/components/select/dist/index.js +325 -41
  48. package/components/select/dist/registered.js +325 -41
  49. package/package.json +3 -3
@@ -87,9 +87,10 @@ let DateFormatter$1 = class DateFormatter {
87
87
  /**
88
88
  * Convert a date object to string format.
89
89
  * @param {Object} date - Date to convert to string.
90
- * @returns {Object} Returns the date as a string.
90
+ * @param {String} locale - Optional locale to use for the date string. Defaults to user's locale.
91
+ * @returns {String} Returns the date as a string.
91
92
  */
92
- this.getDateAsString = (date) => date.toLocaleDateString(undefined, {
93
+ this.getDateAsString = (date, locale = undefined) => date.toLocaleDateString(locale, {
93
94
  year: "numeric",
94
95
  month: "2-digit",
95
96
  day: "2-digit",
@@ -281,7 +282,7 @@ let AuroDateUtilities$1 = class AuroDateUtilities extends AuroDateUtilitiesBase$
281
282
  const dateObj = new Date(this.getFourDigitYear(dateParts.year), dateParts.month - 1, dateParts.day || 1);
282
283
 
283
284
  // Get the date string of the date object we created from the string date
284
- const actualDateStr = dateFormatter$1.getDateAsString(dateObj);
285
+ const actualDateStr = dateFormatter$1.getDateAsString(dateObj, "en-US");
285
286
 
286
287
  // Guard Clause: Generated date matches date string input
287
288
  if (expectedDateStr !== actualDateStr) {
@@ -446,7 +447,7 @@ const {
446
447
 
447
448
  /* eslint-disable line-comment-position, no-inline-comments, no-confusing-arrow, no-nested-ternary, implicit-arrow-linebreak */
448
449
 
449
- let AuroLibraryRuntimeUtils$4 = class AuroLibraryRuntimeUtils {
450
+ let AuroLibraryRuntimeUtils$a = class AuroLibraryRuntimeUtils {
450
451
 
451
452
  /* eslint-disable jsdoc/require-param */
452
453
 
@@ -516,7 +517,7 @@ let AuroLibraryRuntimeUtils$4 = class AuroLibraryRuntimeUtils {
516
517
  let AuroFormValidation$1 = class AuroFormValidation {
517
518
 
518
519
  constructor() {
519
- this.runtimeUtils = new AuroLibraryRuntimeUtils$4();
520
+ this.runtimeUtils = new AuroLibraryRuntimeUtils$a();
520
521
  }
521
522
 
522
523
  /**
@@ -879,7 +880,7 @@ let AuroFormValidation$1 = class AuroFormValidation {
879
880
  // See LICENSE in the project root for license information.
880
881
 
881
882
 
882
- let AuroDependencyVersioning$3 = class AuroDependencyVersioning {
883
+ let AuroDependencyVersioning$5 = class AuroDependencyVersioning {
883
884
 
884
885
  /**
885
886
  * Generates a unique string to be used for child auro element naming.
@@ -1270,7 +1271,7 @@ class UtilitiesCalendarRender {
1270
1271
  }
1271
1272
  }
1272
1273
 
1273
- var styleCss$d = i$5`.util_displayInline{display:inline}.util_displayInlineBlock{display:inline-block}.util_displayBlock{display:block}.util_displayFlex{display:flex}.util_displayHidden{display:none}.util_displayHiddenVisually{position:absolute;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);width:1px;height:1px;padding:0;border:0}[auro-input]::part(iconContainer){top:0;display:flex;height:100%;align-items:center}[auro-input]::part(accentIcon){transition:all .3s cubic-bezier(0.215, 0.61, 0.355, 1)}[auro-input]::part(helpText){display:none}[auro-input]::part(wrapper){--ds-auro-input-border-color: transparent;--ds-auro-input-container-color: transparent}[auro-input]::part(wrapper):focus-within:before{border-bottom-width:0 !important;box-shadow:unset !important;outline:unset !important}[auro-input]:not(:first-child)::part(wrapper)::after{position:absolute;left:50%;width:95%;height:1px;background-color:var(--ds-auro-datepicker-range-input-divider-color);content:"";transform:translateX(-50%)}.outerWrapper{position:relative;container:outerwrapper/inline-size}.dpTriggerContent{display:flex;flex-direction:column}.dpTriggerContent [auro-input]{flex:1}:host(:not([stacked])) .dpTriggerContent{flex-direction:row}:host(:not([stacked])) [auro-input]:first-of-type{margin-right:var(--ds-size-150, 0.75rem)}:host(:not([stacked])) [auro-input]:nth-child(2){margin-left:var(--ds-size-150, 0.75rem)}:host(:not([stacked])) [auro-input]:nth-child(2)::part(accentIcon){display:none}:host(:not([stacked])) [auro-input]:nth-child(2)::part(label){left:0;width:100%}:host(:not([stacked])) [auro-input]:nth-child(2)::part(input){padding-left:0}:host(:not([stacked])) [auro-input]:nth-child(2):before{position:absolute;top:13px;left:calc(var(--ds-size-150, 0.75rem)*-1);display:block;width:1px;height:2rem;content:""}:host(:not([stacked])) [auro-input]:not(:first-child)::part(wrapper):after{content:none}:host(:not([stacked])[range]) [auro-input]{max-width:50%}@media screen and (max-width: 576px){::part(popover){position:fixed !important;top:0 !important;left:0 !important;width:100vw !important;height:100vh !important;margin-bottom:var(--ds-size-200, 1rem);transform:unset !important}.calendarWrapper{display:flex;height:100dvh;flex-direction:row;justify-content:center}}`;
1274
+ var styleCss$d = i$5`.util_displayInline{display:inline}.util_displayInlineBlock{display:inline-block}.util_displayBlock{display:block}.util_displayFlex{display:flex}.util_displayHidden{display:none}.util_displayHiddenVisually{position:absolute;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);width:1px;height:1px;padding:0;border:0}[auro-input]::part(iconContainer){top:0;display:flex;height:100%;align-items:center}[auro-input]::part(accentIcon){transition:all .3s cubic-bezier(0.215, 0.61, 0.355, 1)}[auro-input]::part(helpText){display:none}[auro-input]::part(wrapper){--ds-auro-input-border-color: transparent;--ds-auro-input-container-color: transparent}[auro-input]::part(wrapper):focus-within:before{border-bottom-width:0 !important;box-shadow:unset !important;outline:unset !important}[auro-input]:not(:first-child)::part(wrapper)::after{position:absolute;left:50%;width:95%;height:1px;background-color:var(--ds-auro-datepicker-range-input-divider-color);content:"";transform:translateX(-50%)}.dpTriggerContent{display:flex;flex-direction:column}.dpTriggerContent [auro-input]{flex:1}:host(:not([stacked])) .dpTriggerContent{flex-direction:row}:host(:not([stacked])) [auro-input]:first-of-type{margin-right:var(--ds-size-150, 0.75rem)}:host(:not([stacked])) [auro-input]:nth-child(2){margin-left:var(--ds-size-150, 0.75rem)}:host(:not([stacked])) [auro-input]:nth-child(2)::part(accentIcon){display:none}:host(:not([stacked])) [auro-input]:nth-child(2)::part(label){left:0;width:100%}:host(:not([stacked])) [auro-input]:nth-child(2)::part(input){padding-left:0}:host(:not([stacked])) [auro-input]:nth-child(2):before{position:absolute;top:13px;left:calc(var(--ds-size-150, 0.75rem)*-1);display:block;width:1px;height:2rem;content:""}:host(:not([stacked])) [auro-input]:not(:first-child)::part(wrapper):after{content:none}:host(:not([stacked])[range]) [auro-input]{max-width:50%}@media screen and (max-width: 576px){::part(popover){position:fixed !important;top:0 !important;left:0 !important;width:100vw !important;height:100vh !important;margin-bottom:var(--ds-size-200, 1rem);transform:unset !important}.calendarWrapper{display:flex;height:100dvh;flex-direction:row;justify-content:center}}`;
1274
1275
 
1275
1276
  var colorCss$d = i$5`.util_displayInline{display:inline}.util_displayInlineBlock{display:inline-block}.util_displayBlock{display:block}.util_displayFlex{display:flex}.util_displayHidden{display:none}.util_displayHiddenVisually{position:absolute;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);width:1px;height:1px;padding:0;border:0}[auro-input]::part(wrapper){--ds-auro-input-border-color: transparent;--ds-auro-input-container-color: transparent}.dpTriggerContent [auro-input]:nth-child(2):before{background-color:var(--ds-auro-datepicker-range-input-divider-color)}:host([onDark]){--ds-auro-datepicker-range-input-divider-color: var(--ds-basic-color-border-inverse, #ffffff)}`;
1276
1277
 
@@ -7274,7 +7275,7 @@ __decorate([n({ type: Array })], RangeDatepickerCell.prototype, "disabledDays",
7274
7275
  __decorate([n({ type: String })], RangeDatepickerCell.prototype, "hoveredDate", void 0);
7275
7276
  __decorate([n({ type: Boolean })], RangeDatepickerCell.prototype, "isCurrentDate", void 0);
7276
7277
  __decorate([n({ type: Object })], RangeDatepickerCell.prototype, "locale", null);
7277
- AuroLibraryRuntimeUtils$4.prototype.registerComponent('wc-range-datepicker-cell', RangeDatepickerCell);
7278
+ AuroLibraryRuntimeUtils$a.prototype.registerComponent('wc-range-datepicker-cell', RangeDatepickerCell);
7278
7279
 
7279
7280
  class Day {
7280
7281
  constructor(date) {
@@ -7792,7 +7793,7 @@ __decorate([n({ type: Array })], RangeDatepickerCalendar.prototype, "yearsList",
7792
7793
  __decorate([n({ type: Array })], RangeDatepickerCalendar.prototype, "monthsList", void 0);
7793
7794
  __decorate([n({ type: Array })], RangeDatepickerCalendar.prototype, "dayNamesOfTheWeek", void 0);
7794
7795
  __decorate([n({ type: Array })], RangeDatepickerCalendar.prototype, "daysOfMonth", void 0);
7795
- AuroLibraryRuntimeUtils$4.prototype.registerComponent('wc-range-datepicker-calendar', RangeDatepickerCalendar);
7796
+ AuroLibraryRuntimeUtils$a.prototype.registerComponent('wc-range-datepicker-calendar', RangeDatepickerCalendar);
7796
7797
 
7797
7798
  /**
7798
7799
  * @license
@@ -7811,6 +7812,76 @@ var styleCss$a = i$5`@media screen and (max-width: 576px){:host{display:flex;jus
7811
7812
 
7812
7813
  var colorCss$a = i$5`:host ::slotted([slot^=date_]){color:var(--ds-auro-calendar-cell-price-text-color)}:host ::slotted([slot^=date_][highlight]){--ds-auro-calendar-cell-price-text-color: var(--ds-basic-color-status-success, #447a1f)}:host .day{border-color:var(--ds-auro-calendar-cell-border-color);background-color:var(--ds-auro-calendar-cell-container-color);color:var(--ds-auro-calendar-cell-text-color)}:host .day.selected{--ds-auro-calendar-cell-container-color: var(--ds-advanced-color-state-selected, #01426a);--ds-auro-calendar-cell-text-color: var(--ds-basic-color-texticon-inverse, #ffffff);--ds-auro-calendar-cell-price-text-color: var(--ds-basic-color-texticon-inverse, #ffffff)}:host .day.selected ::slotted([slot^=date_][highlight]){--ds-auro-calendar-cell-price-text-color: var(--ds-basic-color-status-success-subtle, #d6eac7)}:host .day.selected:hover{--ds-auro-calendar-cell-container-color: var(--ds-advanced-color-state-selected-hover, #00274a);--ds-auro-calendar-cell-text-color: var(--ds-basic-color-texticon-inverse, #ffffff)}:host .day:hover{--ds-auro-calendar-cell-container-color: var(--ds-advanced-color-state-background-hover, #f2f2f2);--ds-auro-calendar-cell-text-color: var(--ds-basic-color-texticon-default, #2a2a2a)}:host .day.disabled{--ds-auro-calendar-cell-container-color: transparent;--ds-auro-calendar-cell-text-color: var(--ds-basic-color-texticon-disabled, #d0d0d0);--ds-auro-calendar-cell-price-text-color: var(--ds-basic-color-texticon-disabled, #d0d0d0)}:host .day.inRange:before,:host .day.rangeDepartDate:before,:host .day.rangeReturnDate:before,:host .day.lastHoveredDate:before{background-color:var(--ds-auro-calendar-cell-in-range-color)}:host .day.sameDateTrip:before{--ds-auro-calendar-cell-in-range-color: transparent}`;
7813
7814
 
7815
+ // Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
7816
+ // See LICENSE in the project root for license information.
7817
+
7818
+ // ---------------------------------------------------------------------
7819
+
7820
+ /* eslint-disable line-comment-position, no-inline-comments, no-confusing-arrow, no-nested-ternary, implicit-arrow-linebreak */
7821
+
7822
+ let AuroLibraryRuntimeUtils$9 = class AuroLibraryRuntimeUtils {
7823
+
7824
+ /* eslint-disable jsdoc/require-param */
7825
+
7826
+ /**
7827
+ * This will register a new custom element with the browser.
7828
+ * @param {String} name - The name of the custom element.
7829
+ * @param {Object} componentClass - The class to register as a custom element.
7830
+ * @returns {void}
7831
+ */
7832
+ registerComponent(name, componentClass) {
7833
+ if (!customElements.get(name)) {
7834
+ customElements.define(name, class extends componentClass {});
7835
+ }
7836
+ }
7837
+
7838
+ /**
7839
+ * Finds and returns the closest HTML Element based on a selector.
7840
+ * @returns {void}
7841
+ */
7842
+ closestElement(
7843
+ selector, // selector like in .closest()
7844
+ base = this, // extra functionality to skip a parent
7845
+ __Closest = (el, found = el && el.closest(selector)) =>
7846
+ !el || el === document || el === window
7847
+ ? null // standard .closest() returns null for non-found selectors also
7848
+ : found
7849
+ ? found // found a selector INside this element
7850
+ : __Closest(el.getRootNode().host) // recursion!! break out to parent DOM
7851
+ ) {
7852
+ return __Closest(base);
7853
+ }
7854
+ /* eslint-enable jsdoc/require-param */
7855
+
7856
+ /**
7857
+ * 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.
7858
+ * @param {Object} elem - The element to check.
7859
+ * @param {String} tagName - The name of the Auro component to check for or add as an attribute.
7860
+ * @returns {void}
7861
+ */
7862
+ handleComponentTagRename(elem, tagName) {
7863
+ const tag = tagName.toLowerCase();
7864
+ const elemTag = elem.tagName.toLowerCase();
7865
+
7866
+ if (elemTag !== tag) {
7867
+ elem.setAttribute(tag, true);
7868
+ }
7869
+ }
7870
+
7871
+ /**
7872
+ * Validates if an element is a specific Auro component.
7873
+ * @param {Object} elem - The element to validate.
7874
+ * @param {String} tagName - The name of the Auro component to check against.
7875
+ * @returns {Boolean} - Returns true if the element is the specified Auro component.
7876
+ */
7877
+ elementMatch(elem, tagName) {
7878
+ const tag = tagName.toLowerCase();
7879
+ const elemTag = elem.tagName.toLowerCase();
7880
+
7881
+ return elemTag === tag || elem.hasAttribute(tag);
7882
+ }
7883
+ };
7884
+
7814
7885
  var styleCss$9 = i$5`:focus:not(:focus-visible){outline:3px solid transparent}.util_displayInline{display:inline}.util_displayInlineBlock{display:inline-block}.util_displayBlock{display:block}.util_displayFlex{display:flex}.util_displayHidden,:host([addSpace]) :host(:not([data-show])) .popover,:host(:not([data-show])) .popover,:host([disabled]) .popover{display:none}.util_displayHiddenVisually{position:absolute;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);width:1px;height:1px;padding:0;border:0}.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}::slotted(*){white-space:normal}::slotted(*:hover){cursor:pointer}[data-trigger-placement]::slotted(*:hover){position:relative}[data-trigger-placement]::slotted(*:hover):before{position:absolute;left:0;display:block;width:100%;height:calc(var(--ds-size-200, 1rem) + var(--ds-size-50, 0.25rem));content:""}[data-trigger-placement^=top]::slotted(*:hover):before{top:calc(-1*(var(--ds-size-200, 1rem) + var(--ds-size-50, 0.25rem)))}[data-trigger-placement^=bottom]::slotted(*:hover):before{bottom:calc(-1*(var(--ds-size-200, 1rem) + var(--ds-size-50, 0.25rem)))}:host([data-show]) .popover{z-index:var(--ds-depth-tooltip, 400)}:host([removeSpace]) .popover{margin:calc(-1*(var(--ds-size-50, 0.25rem) + 1px)) 0 !important}:host([addSpace]) .popover{margin:var(--ds-size-200, 1rem) 0 !important}:host([addSpace]) [data-trigger-placement]::slotted(*:hover):before{height:var(--ds-size-500, 2.5rem)}:host([addSpace]) [data-trigger-placement^=top]::slotted(*:hover):before{top:calc(-1*var(--ds-size-500, 2.5rem))}:host([addSpace]) [data-trigger-placement^=bottom]::slotted(*:hover):before{bottom:calc(-1*var(--ds-size-500, 2.5rem))}.popover{display:inline-block;max-width:calc(100% - var(--ds-size-400, 2rem));border-radius:var(--ds-border-radius, 0.375rem)}@media screen and (min-width: 576px){.popover{max-width:50%}}@media screen and (min-width: 768px){.popover{max-width:40%}}@media screen and (min-width: 1024px){.popover{max-width:27rem}}[data-popper-placement^=top]>.arrow{bottom:calc(-1*(var(--ds-size-100, 0.5rem) + var(--ds-size-25, 0.125rem)))}[data-popper-placement^=top]>.arrow:before{top:calc(-1*var(--ds-size-200, 1rem));left:calc(-1*var(--ds-size-75, 0.375rem));transform:rotate(45deg)}[data-popper-placement^=bottom]>.arrow{top:calc(-1*(var(--ds-size-100, 0.5rem) + var(--ds-size-25, 0.125rem)))}[data-popper-placement^=bottom]>.arrow:before{top:var(--ds-size-50, 0.25rem);right:calc(-1*var(--ds-size-200, 1rem));transform:rotate(-135deg)}.arrow{position:relative;margin-top:-var(--ds-size-100, 0.5rem)}.arrow:before{position:absolute;width:var(--ds-size-150, 0.75rem);height:var(--ds-size-150, 0.75rem);content:""}`;
7815
7886
 
7816
7887
  var colorCss$9 = i$5`::slotted(*){color:var(--ds-auro-popover-text-color)}.popover{background-color:var(--ds-auro-popover-container-color);box-shadow:var(--ds-auro-popover-boxshadow-color)}.arrow:before{background-color:var(--ds-auro-popover-container-color);box-shadow:2px 2px 1px 0 var(--ds-auro-popover-boxshadow-color)}`;
@@ -9706,7 +9777,7 @@ class AuroPopover extends i$2 {
9706
9777
  privateDefaults() {
9707
9778
  this.isPopoverVisible = false;
9708
9779
  this.id = `popover-${(Math.random() + 1).toString(36).substring(7)}`;
9709
- this.runtimeUtils = new AuroLibraryRuntimeUtils$4();
9780
+ this.runtimeUtils = new AuroLibraryRuntimeUtils$9();
9710
9781
  }
9711
9782
 
9712
9783
  // function to define props used within the scope of this component
@@ -9736,7 +9807,7 @@ class AuroPopover extends i$2 {
9736
9807
  *
9737
9808
  */
9738
9809
  static register(name = "auro-popover") {
9739
- AuroLibraryRuntimeUtils$4.prototype.registerComponent(name, AuroPopover);
9810
+ AuroLibraryRuntimeUtils$9.prototype.registerComponent(name, AuroPopover);
9740
9811
  }
9741
9812
 
9742
9813
  connectedCallback() {
@@ -9904,12 +9975,12 @@ class AuroCalendarCell extends i$2 {
9904
9975
  this.dateStr = null;
9905
9976
  this.renderForDateSlot = false; // When false, the numerical date will render vertically centered. When true, the date will render off-center to the top and leave room below for the slot content.
9906
9977
 
9907
- this.runtimeUtils = new AuroLibraryRuntimeUtils$4();
9978
+ this.runtimeUtils = new AuroLibraryRuntimeUtils$a();
9908
9979
 
9909
9980
  /**
9910
9981
  * Generate unique names for dependency components.
9911
9982
  */
9912
- const versioning = new AuroDependencyVersioning$3();
9983
+ const versioning = new AuroDependencyVersioning$5();
9913
9984
  this.popoverTag = versioning.generateTag('auro-formkit-datepicker-popover', popoverVersion, AuroPopover);
9914
9985
  }
9915
9986
 
@@ -10821,7 +10892,7 @@ var tokenCss = i$5`:host{--ds-auro-dropdownbib-header-boxshadow-color: var(--ds-
10821
10892
 
10822
10893
  /* eslint-disable line-comment-position, no-inline-comments, no-confusing-arrow, no-nested-ternary, implicit-arrow-linebreak */
10823
10894
 
10824
- let AuroLibraryRuntimeUtils$3 = class AuroLibraryRuntimeUtils {
10895
+ let AuroLibraryRuntimeUtils$2$2 = class AuroLibraryRuntimeUtils {
10825
10896
 
10826
10897
  /* eslint-disable jsdoc/require-param */
10827
10898
 
@@ -10888,7 +10959,7 @@ let AuroLibraryRuntimeUtils$3 = class AuroLibraryRuntimeUtils {
10888
10959
  // See LICENSE in the project root for license information.
10889
10960
 
10890
10961
 
10891
- let AuroDependencyVersioning$2 = class AuroDependencyVersioning {
10962
+ let AuroDependencyVersioning$4 = class AuroDependencyVersioning {
10892
10963
 
10893
10964
  /**
10894
10965
  * Generates a unique string to be used for child auro element naming.
@@ -11078,6 +11149,76 @@ var tokensCss$8 = i$5`:host{--ds-auro-icon-color:var(--ds-basic-color-texticon-d
11078
11149
 
11079
11150
  var colorCss$8 = 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)}`;
11080
11151
 
11152
+ // Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
11153
+ // See LICENSE in the project root for license information.
11154
+
11155
+ // ---------------------------------------------------------------------
11156
+
11157
+ /* eslint-disable line-comment-position, no-inline-comments, no-confusing-arrow, no-nested-ternary, implicit-arrow-linebreak */
11158
+
11159
+ let AuroLibraryRuntimeUtils$1$2 = class AuroLibraryRuntimeUtils {
11160
+
11161
+ /* eslint-disable jsdoc/require-param */
11162
+
11163
+ /**
11164
+ * This will register a new custom element with the browser.
11165
+ * @param {String} name - The name of the custom element.
11166
+ * @param {Object} componentClass - The class to register as a custom element.
11167
+ * @returns {void}
11168
+ */
11169
+ registerComponent(name, componentClass) {
11170
+ if (!customElements.get(name)) {
11171
+ customElements.define(name, class extends componentClass {});
11172
+ }
11173
+ }
11174
+
11175
+ /**
11176
+ * Finds and returns the closest HTML Element based on a selector.
11177
+ * @returns {void}
11178
+ */
11179
+ closestElement(
11180
+ selector, // selector like in .closest()
11181
+ base = this, // extra functionality to skip a parent
11182
+ __Closest = (el, found = el && el.closest(selector)) =>
11183
+ !el || el === document || el === window
11184
+ ? null // standard .closest() returns null for non-found selectors also
11185
+ : found
11186
+ ? found // found a selector INside this element
11187
+ : __Closest(el.getRootNode().host) // recursion!! break out to parent DOM
11188
+ ) {
11189
+ return __Closest(base);
11190
+ }
11191
+ /* eslint-enable jsdoc/require-param */
11192
+
11193
+ /**
11194
+ * 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.
11195
+ * @param {Object} elem - The element to check.
11196
+ * @param {String} tagName - The name of the Auro component to check for or add as an attribute.
11197
+ * @returns {void}
11198
+ */
11199
+ handleComponentTagRename(elem, tagName) {
11200
+ const tag = tagName.toLowerCase();
11201
+ const elemTag = elem.tagName.toLowerCase();
11202
+
11203
+ if (elemTag !== tag) {
11204
+ elem.setAttribute(tag, true);
11205
+ }
11206
+ }
11207
+
11208
+ /**
11209
+ * Validates if an element is a specific Auro component.
11210
+ * @param {Object} elem - The element to validate.
11211
+ * @param {String} tagName - The name of the Auro component to check against.
11212
+ * @returns {Boolean} - Returns true if the element is the specified Auro component.
11213
+ */
11214
+ elementMatch(elem, tagName) {
11215
+ const tag = tagName.toLowerCase();
11216
+ const elemTag = elem.tagName.toLowerCase();
11217
+
11218
+ return elemTag === tag || elem.hasAttribute(tag);
11219
+ }
11220
+ };
11221
+
11081
11222
  // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
11082
11223
  // See LICENSE in the project root for license information.
11083
11224
 
@@ -11097,7 +11238,7 @@ let AuroIcon$2 = class AuroIcon extends BaseIcon$2 {
11097
11238
  */
11098
11239
  privateDefaults() {
11099
11240
  this.uri = 'https://cdn.jsdelivr.net/npm/@alaskaairux/icons@latest/dist';
11100
- this.runtimeUtils = new AuroLibraryRuntimeUtils$3();
11241
+ this.runtimeUtils = new AuroLibraryRuntimeUtils$1$2();
11101
11242
  }
11102
11243
 
11103
11244
  // function to define props used within the scope of this component
@@ -11179,7 +11320,7 @@ let AuroIcon$2 = class AuroIcon extends BaseIcon$2 {
11179
11320
  *
11180
11321
  */
11181
11322
  static register(name = "auro-icon") {
11182
- AuroLibraryRuntimeUtils$3.prototype.registerComponent(name, AuroIcon);
11323
+ AuroLibraryRuntimeUtils$1$2.prototype.registerComponent(name, AuroIcon);
11183
11324
  }
11184
11325
 
11185
11326
  connectedCallback() {
@@ -11247,6 +11388,76 @@ let AuroIcon$2 = class AuroIcon extends BaseIcon$2 {
11247
11388
 
11248
11389
  var iconVersion$2 = '8.0.2';
11249
11390
 
11391
+ // Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
11392
+ // See LICENSE in the project root for license information.
11393
+
11394
+ // ---------------------------------------------------------------------
11395
+
11396
+ /* eslint-disable line-comment-position, no-inline-comments, no-confusing-arrow, no-nested-ternary, implicit-arrow-linebreak */
11397
+
11398
+ let AuroLibraryRuntimeUtils$8 = class AuroLibraryRuntimeUtils {
11399
+
11400
+ /* eslint-disable jsdoc/require-param */
11401
+
11402
+ /**
11403
+ * This will register a new custom element with the browser.
11404
+ * @param {String} name - The name of the custom element.
11405
+ * @param {Object} componentClass - The class to register as a custom element.
11406
+ * @returns {void}
11407
+ */
11408
+ registerComponent(name, componentClass) {
11409
+ if (!customElements.get(name)) {
11410
+ customElements.define(name, class extends componentClass {});
11411
+ }
11412
+ }
11413
+
11414
+ /**
11415
+ * Finds and returns the closest HTML Element based on a selector.
11416
+ * @returns {void}
11417
+ */
11418
+ closestElement(
11419
+ selector, // selector like in .closest()
11420
+ base = this, // extra functionality to skip a parent
11421
+ __Closest = (el, found = el && el.closest(selector)) =>
11422
+ !el || el === document || el === window
11423
+ ? null // standard .closest() returns null for non-found selectors also
11424
+ : found
11425
+ ? found // found a selector INside this element
11426
+ : __Closest(el.getRootNode().host) // recursion!! break out to parent DOM
11427
+ ) {
11428
+ return __Closest(base);
11429
+ }
11430
+ /* eslint-enable jsdoc/require-param */
11431
+
11432
+ /**
11433
+ * 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.
11434
+ * @param {Object} elem - The element to check.
11435
+ * @param {String} tagName - The name of the Auro component to check for or add as an attribute.
11436
+ * @returns {void}
11437
+ */
11438
+ handleComponentTagRename(elem, tagName) {
11439
+ const tag = tagName.toLowerCase();
11440
+ const elemTag = elem.tagName.toLowerCase();
11441
+
11442
+ if (elemTag !== tag) {
11443
+ elem.setAttribute(tag, true);
11444
+ }
11445
+ }
11446
+
11447
+ /**
11448
+ * Validates if an element is a specific Auro component.
11449
+ * @param {Object} elem - The element to validate.
11450
+ * @param {String} tagName - The name of the Auro component to check against.
11451
+ * @returns {Boolean} - Returns true if the element is the specified Auro component.
11452
+ */
11453
+ elementMatch(elem, tagName) {
11454
+ const tag = tagName.toLowerCase();
11455
+ const elemTag = elem.tagName.toLowerCase();
11456
+
11457
+ return elemTag === tag || elem.hasAttribute(tag);
11458
+ }
11459
+ };
11460
+
11250
11461
  var styleCss$8 = i$5`.heading{margin:1.75rem 0;letter-spacing:var(--ds-text-heading-default-spacing, -0.2px);font-weight:var(--ds-text-heading-default-weight, 500)}.heading--display{margin-top:0;font-size:var(--ds-text-heading-display-size-breakpoint-sm, 2.75rem);font-weight:var(--ds-text-heading-display-weight, 100);line-height:var(--ds-text-heading-display-height-breakpoint-sm, 3.375rem)}@media screen and (min-width: 768px){.heading--display{font-size:var(--ds-text-heading-display-size-breakpoint-md, 3rem);line-height:var(--ds-text-heading-display-height-breakpoint-md, 3.75rem)}}@media screen and (min-width: 1024px){.heading--display{font-size:var(--ds-text-heading-display-size-breakpoint-lg, 3.5rem);line-height:var(--ds-text-heading-display-height-breakpoint-lg, 4.25rem)}}.heading--800{font-size:var(--ds-text-heading-800-size-breakpoint-sm, 2rem);font-weight:var(--ds-text-heading-800-weight, 500);line-height:var(--ds-text-heading-800-height-breakpoint-sm, 2.375rem)}@media screen and (min-width: 768px){.heading--800{font-size:var(--ds-text-heading-800-size-breakpoint-md, 2.25rem);line-height:var(--ds-text-heading-800-height-breakpoint-md, 2.625rem)}}@media screen and (min-width: 1024px){.heading--800{font-size:var(--ds-text-heading-800-size-breakpoint-lg, 2.5rem);line-height:var(--ds-text-heading-800-height-breakpoint-lg, 3rem)}}.heading--700{font-size:var(--ds-text-heading-700-size-breakpoint-sm, 1.75rem);font-weight:var(--ds-text-heading-700-weight, 500);line-height:var(--ds-text-heading-700-height-breakpoint-sm, 2.125rem)}@media screen and (min-width: 768px){.heading--700{font-size:var(--ds-text-heading-700-size-breakpoint-md, 2rem);line-height:var(--ds-text-heading-700-height-breakpoint-md, 2.375rem)}}@media screen and (min-width: 1024px){.heading--700{font-size:var(--ds-text-heading-700-size-breakpoint-lg, 2.25rem);line-height:var(--ds-text-heading-700-height-breakpoint-lg, 2.75rem)}}.heading--600{margin:1rem 0;font-size:var(--ds-text-heading-600-size-breakpoint-sm, 1.625rem);font-weight:var(--ds-text-heading-600-weight, 300);line-height:var(--ds-text-heading-600-height-breakpoint-sm, 1.875rem)}@media screen and (min-width: 768px){.heading--600{font-size:var(--ds-text-heading-600-size-breakpoint-md, 1.75rem);line-height:var(--ds-text-heading-600-height-breakpoint-md, 2.125rem)}}@media screen and (min-width: 1024px){.heading--600{font-size:var(--ds-text-heading-600-size-breakpoint-lg, 1.75rem);line-height:var(--ds-text-heading-600-height-breakpoint-lg, 2.25rem)}}.heading--500{margin:1rem 0;font-size:var(--ds-text-heading-500-size-breakpoint-sm, 1.375rem);font-weight:var(--ds-text-heading-500-weight, 300);line-height:var(--ds-text-heading-500-height-breakpoint-sm, 1.625rem)}@media screen and (min-width: 768px){.heading--500{font-size:var(--ds-text-heading-500-size-breakpoint-md, 1.5rem);line-height:var(--ds-text-heading-500-height-breakpoint-md, 1.875rem)}}@media screen and (min-width: 1024px){.heading--500{font-size:var(--ds-text-heading-500-size-breakpoint-lg, 1.5rem);line-height:var(--ds-text-heading-500-height-breakpoint-lg, 2rem)}}.heading--400{margin:.75rem 0;font-size:var(--ds-text-heading-400-size, 1.25rem);font-weight:var(--ds-text-heading-400-weight, 300);line-height:var(--ds-text-heading-400-height, 1.625rem)}.heading--300{margin:.75rem 0;font-size:var(--ds-text-heading-300-size, 1.125rem);font-weight:var(--ds-text-heading-300-weight, 300);line-height:var(--ds-text-heading-300-height, 1.625rem)}:host([no-margin-block]) .heading{margin-block:0}.util_stackMarginnone--bottom{margin-bottom:0}.util_stackMargin25--bottom{margin-bottom:var(--ds-size-25, 0.125rem)}.util_stackMargin50--bottom{margin-bottom:var(--ds-size-50, 0.25rem)}.util_stackMargin100--bottom{margin-bottom:var(--ds-size-100, 0.5rem)}.util_stackMargin150--bottom{margin-bottom:var(--ds-size-150, 0.75rem)}.util_stackMargin200--bottom{margin-bottom:var(--ds-size-200, 1rem)}.util_stackMargin300--bottom{margin-bottom:var(--ds-size-300, 1.5rem)}.util_stackMargin400--bottom{margin-bottom:var(--ds-size-400, 2rem)}.util_stackMargin600--bottom{margin-bottom:var(--ds-size-600, 3rem)}.util_stackMargin800--bottom{margin-bottom:var(--ds-size-800, 4rem)}.util_stackMarginnone--top{margin-top:0}.util_stackMargin25--top{margin-top:var(--ds-size-25, 0.125rem)}.util_stackMargin50--top{margin-top:var(--ds-size-50, 0.25rem)}.util_stackMargin100--top{margin-top:var(--ds-size-100, 0.5rem)}.util_stackMargin150--top{margin-top:var(--ds-size-150, 0.75rem)}.util_stackMargin200--top{margin-top:var(--ds-size-200, 1rem)}.util_stackMargin300--top{margin-top:var(--ds-size-300, 1.5rem)}.util_stackMargin400--top{margin-top:var(--ds-size-400, 2rem)}.util_stackMargin600--top{margin-top:var(--ds-size-600, 3rem)}.util_stackMargin800--top{margin-top:var(--ds-size-800, 4rem)}`;
11251
11462
 
11252
11463
  // Copyright (c) 2020 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
@@ -11276,7 +11487,7 @@ class AuroHeader extends i$2 {
11276
11487
  /**
11277
11488
  * @private
11278
11489
  */
11279
- this.runtimeUtils = new AuroLibraryRuntimeUtils$3();
11490
+ this.runtimeUtils = new AuroLibraryRuntimeUtils$8();
11280
11491
  }
11281
11492
 
11282
11493
  // function to define props used within the scope of this component
@@ -11306,7 +11517,7 @@ class AuroHeader extends i$2 {
11306
11517
  *
11307
11518
  */
11308
11519
  static register(name = "auro-header") {
11309
- AuroLibraryRuntimeUtils$3.prototype.registerComponent(name, AuroHeader);
11520
+ AuroLibraryRuntimeUtils$8.prototype.registerComponent(name, AuroHeader);
11310
11521
  }
11311
11522
 
11312
11523
  firstUpdated() {
@@ -11402,9 +11613,9 @@ class AuroBibtemplate extends i$2 {
11402
11613
 
11403
11614
  this.large = false;
11404
11615
 
11405
- AuroLibraryRuntimeUtils$3.prototype.handleComponentTagRename(this, 'auro-bibtemplate');
11616
+ AuroLibraryRuntimeUtils$2$2.prototype.handleComponentTagRename(this, 'auro-bibtemplate');
11406
11617
 
11407
- const versioning = new AuroDependencyVersioning$2();
11618
+ const versioning = new AuroDependencyVersioning$4();
11408
11619
  this.iconTag = versioning.generateTag('auro-formkit-bibtemplate-icon', iconVersion$2, AuroIcon$2);
11409
11620
  this.headerTag = versioning.generateTag('auro-formkit-bibtemplate-header', headerVersion, AuroHeader);
11410
11621
  }
@@ -11441,7 +11652,7 @@ class AuroBibtemplate extends i$2 {
11441
11652
  *
11442
11653
  */
11443
11654
  static register(name = "auro-bibtemplate") {
11444
- AuroLibraryRuntimeUtils$3.prototype.registerComponent(name, AuroBibtemplate);
11655
+ AuroLibraryRuntimeUtils$2$2.prototype.registerComponent(name, AuroBibtemplate);
11445
11656
  }
11446
11657
 
11447
11658
  /**
@@ -11481,6 +11692,18 @@ class AuroBibtemplate extends i$2 {
11481
11692
  this.setAttribute('exportparts', 'bibtemplate:dropdownBibTemplate');
11482
11693
  }
11483
11694
 
11695
+ firstUpdated(changedProperties) {
11696
+ super.firstUpdated(changedProperties);
11697
+
11698
+ this.dispatchEvent(new CustomEvent("auro-bibtemplate-connected", {
11699
+ bubbles: true,
11700
+ composed: true,
11701
+ detail: {
11702
+ element: this
11703
+ }
11704
+ }));
11705
+ }
11706
+
11484
11707
  // function that renders the HTML and CSS into the scope of the component
11485
11708
  render() {
11486
11709
  return u$2`
@@ -11513,25 +11736,205 @@ class AuroBibtemplate extends i$2 {
11513
11736
 
11514
11737
  var bibTemplateVersion = '1.0.0';
11515
11738
 
11516
- var styleCss$7 = 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;height:var(--ds-size-300, 1.5rem);width:var(--ds-size-300, 1.5rem)}:host([variant=flat]) .auro-button{height:100%;width:100%}::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);font-family:var(--ds-basic-text-body-default-font-family, AS Circular);font-size:var(--ds-basic-text-body-default-font-size, 16px);font-weight:var(--ds-basic-text-body-default-font-weight, Book);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}.auro-button:active{transform:scale(0.95)}.auro-button:focus-visible{outline:none}.auro-button:focus-visible:not([variant=flat]){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=flat]):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=flat]{height:unset;width:unset;min-height:unset;max-height:unset;min-width:unset;max-width:unset;border:0;border-radius:unset;gap:unset;padding: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--slim{padding:var(--ds-size-100, 0.5rem) var(--ds-size-200, 1rem);font-size:var(--ds-basic-text-body-sm-font-size, 14px);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]){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:all 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{border-radius:100px}: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}`;
11517
-
11518
- var colorCss$7 = 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=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[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=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}`;
11519
-
11520
- var tokensCss$7 = i$5`:host{--ds-auro-button-border-color:var(--ds-advanced-color-button-primary-border, #01426a);--ds-auro-button-border-inset-color:var(--ds-advanced-color-state-focused-inverse, #ffffff);--ds-auro-button-container-color:var(--ds-advanced-color-button-primary-background, #01426a);--ds-auro-button-container-image:var(--ds-advanced-color-button-primary-background, #01426a);--ds-auro-button-loader-color:var(--ds-advanced-color-button-primary-text, #ffffff);--ds-auro-button-text-color:var(--ds-advanced-color-button-primary-text, #ffffff);--ds-auro-button-tap-color:transparent}`;
11739
+ // Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
11740
+ // See LICENSE in the project root for license information.
11521
11741
 
11522
- var styleCss$6 = 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}}`;
11523
11742
 
11524
- var colorCss$6 = i$5`: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}`;
11743
+ let AuroDependencyVersioning$3 = class AuroDependencyVersioning {
11525
11744
 
11526
- var tokensCss$6 = i$5`:host{--ds-auro-loader-background-color:currentcolor;--ds-auro-loader-border-color:currentcolor;--ds-auro-loader-color:currentcolor}`;
11745
+ /**
11746
+ * Generates a unique string to be used for child auro element naming.
11747
+ * @private
11748
+ * @param {string} baseName - Defines the first part of the unique element name.
11749
+ * @param {string} version - Version of the component that will be appended to the baseName.
11750
+ * @returns {string} - Unique string to be used for naming.
11751
+ */
11752
+ generateElementName(baseName, version) {
11753
+ let result = baseName;
11527
11754
 
11528
- // Copyright (c) 2020 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
11529
- // See LICENSE in the project root for license information.
11755
+ result += '-';
11756
+ result += version.replace(/[.]/g, '_');
11530
11757
 
11758
+ return result;
11759
+ }
11531
11760
 
11532
- let AuroLoader$1 = class AuroLoader extends i$2 {
11533
- constructor() {
11534
- super();
11761
+ /**
11762
+ * Generates a unique string to be used for child auro element naming.
11763
+ * @param {string} baseName - Defines the first part of the unique element name.
11764
+ * @param {string} version - Version of the component that will be appended to the baseName.
11765
+ * @returns {string} - Unique string to be used for naming.
11766
+ */
11767
+ generateTag(baseName, version, tagClass) {
11768
+ const elementName = this.generateElementName(baseName, version);
11769
+ const tag = i$1`${s$1(elementName)}`;
11770
+
11771
+ if (!customElements.get(elementName)) {
11772
+ customElements.define(elementName, class extends tagClass {});
11773
+ }
11774
+
11775
+ return tag;
11776
+ }
11777
+ };
11778
+
11779
+ // Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
11780
+ // See LICENSE in the project root for license information.
11781
+
11782
+ // ---------------------------------------------------------------------
11783
+
11784
+ /* eslint-disable line-comment-position, no-inline-comments, no-confusing-arrow, no-nested-ternary, implicit-arrow-linebreak */
11785
+
11786
+ let AuroLibraryRuntimeUtils$7 = class AuroLibraryRuntimeUtils {
11787
+
11788
+ /* eslint-disable jsdoc/require-param */
11789
+
11790
+ /**
11791
+ * This will register a new custom element with the browser.
11792
+ * @param {String} name - The name of the custom element.
11793
+ * @param {Object} componentClass - The class to register as a custom element.
11794
+ * @returns {void}
11795
+ */
11796
+ registerComponent(name, componentClass) {
11797
+ if (!customElements.get(name)) {
11798
+ customElements.define(name, class extends componentClass {});
11799
+ }
11800
+ }
11801
+
11802
+ /**
11803
+ * Finds and returns the closest HTML Element based on a selector.
11804
+ * @returns {void}
11805
+ */
11806
+ closestElement(
11807
+ selector, // selector like in .closest()
11808
+ base = this, // extra functionality to skip a parent
11809
+ __Closest = (el, found = el && el.closest(selector)) =>
11810
+ !el || el === document || el === window
11811
+ ? null // standard .closest() returns null for non-found selectors also
11812
+ : found
11813
+ ? found // found a selector INside this element
11814
+ : __Closest(el.getRootNode().host) // recursion!! break out to parent DOM
11815
+ ) {
11816
+ return __Closest(base);
11817
+ }
11818
+ /* eslint-enable jsdoc/require-param */
11819
+
11820
+ /**
11821
+ * 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.
11822
+ * @param {Object} elem - The element to check.
11823
+ * @param {String} tagName - The name of the Auro component to check for or add as an attribute.
11824
+ * @returns {void}
11825
+ */
11826
+ handleComponentTagRename(elem, tagName) {
11827
+ const tag = tagName.toLowerCase();
11828
+ const elemTag = elem.tagName.toLowerCase();
11829
+
11830
+ if (elemTag !== tag) {
11831
+ elem.setAttribute(tag, true);
11832
+ }
11833
+ }
11834
+
11835
+ /**
11836
+ * Validates if an element is a specific Auro component.
11837
+ * @param {Object} elem - The element to validate.
11838
+ * @param {String} tagName - The name of the Auro component to check against.
11839
+ * @returns {Boolean} - Returns true if the element is the specified Auro component.
11840
+ */
11841
+ elementMatch(elem, tagName) {
11842
+ const tag = tagName.toLowerCase();
11843
+ const elemTag = elem.tagName.toLowerCase();
11844
+
11845
+ return elemTag === tag || elem.hasAttribute(tag);
11846
+ }
11847
+ };
11848
+
11849
+ var styleCss$7 = 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;height:var(--ds-size-300, 1.5rem);width:var(--ds-size-300, 1.5rem)}:host([variant=flat]) .auro-button{height:100%;width:100%}::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);font-family:var(--ds-basic-text-body-default-font-family, AS Circular);font-size:var(--ds-basic-text-body-default-font-size, 16px);font-weight:var(--ds-basic-text-body-default-font-weight, Book);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}.auro-button:active{transform:scale(0.95)}.auro-button:focus-visible{outline:none}.auro-button:focus-visible:not([variant=flat]){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=flat]):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=flat]{height:unset;width:unset;min-height:unset;max-height:unset;min-width:unset;max-width:unset;border:0;border-radius:unset;gap:unset;padding: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--slim{padding:var(--ds-size-100, 0.5rem) var(--ds-size-200, 1rem);font-size:var(--ds-basic-text-body-sm-font-size, 14px);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]){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:all 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{border-radius:100px}: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}`;
11850
+
11851
+ var colorCss$7 = 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=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[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=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}`;
11852
+
11853
+ var tokensCss$7 = i$5`:host{--ds-auro-button-border-color:var(--ds-advanced-color-button-primary-border, #01426a);--ds-auro-button-border-inset-color:var(--ds-advanced-color-state-focused-inverse, #ffffff);--ds-auro-button-container-color:var(--ds-advanced-color-button-primary-background, #01426a);--ds-auro-button-container-image:var(--ds-advanced-color-button-primary-background, #01426a);--ds-auro-button-loader-color:var(--ds-advanced-color-button-primary-text, #ffffff);--ds-auro-button-text-color:var(--ds-advanced-color-button-primary-text, #ffffff);--ds-auro-button-tap-color:transparent}`;
11854
+
11855
+ // Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
11856
+ // See LICENSE in the project root for license information.
11857
+
11858
+ // ---------------------------------------------------------------------
11859
+
11860
+ /* eslint-disable line-comment-position, no-inline-comments, no-confusing-arrow, no-nested-ternary, implicit-arrow-linebreak */
11861
+
11862
+ let AuroLibraryRuntimeUtils$6 = class AuroLibraryRuntimeUtils {
11863
+
11864
+ /* eslint-disable jsdoc/require-param */
11865
+
11866
+ /**
11867
+ * This will register a new custom element with the browser.
11868
+ * @param {String} name - The name of the custom element.
11869
+ * @param {Object} componentClass - The class to register as a custom element.
11870
+ * @returns {void}
11871
+ */
11872
+ registerComponent(name, componentClass) {
11873
+ if (!customElements.get(name)) {
11874
+ customElements.define(name, class extends componentClass {});
11875
+ }
11876
+ }
11877
+
11878
+ /**
11879
+ * Finds and returns the closest HTML Element based on a selector.
11880
+ * @returns {void}
11881
+ */
11882
+ closestElement(
11883
+ selector, // selector like in .closest()
11884
+ base = this, // extra functionality to skip a parent
11885
+ __Closest = (el, found = el && el.closest(selector)) =>
11886
+ !el || el === document || el === window
11887
+ ? null // standard .closest() returns null for non-found selectors also
11888
+ : found
11889
+ ? found // found a selector INside this element
11890
+ : __Closest(el.getRootNode().host) // recursion!! break out to parent DOM
11891
+ ) {
11892
+ return __Closest(base);
11893
+ }
11894
+ /* eslint-enable jsdoc/require-param */
11895
+
11896
+ /**
11897
+ * 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.
11898
+ * @param {Object} elem - The element to check.
11899
+ * @param {String} tagName - The name of the Auro component to check for or add as an attribute.
11900
+ * @returns {void}
11901
+ */
11902
+ handleComponentTagRename(elem, tagName) {
11903
+ const tag = tagName.toLowerCase();
11904
+ const elemTag = elem.tagName.toLowerCase();
11905
+
11906
+ if (elemTag !== tag) {
11907
+ elem.setAttribute(tag, true);
11908
+ }
11909
+ }
11910
+
11911
+ /**
11912
+ * Validates if an element is a specific Auro component.
11913
+ * @param {Object} elem - The element to validate.
11914
+ * @param {String} tagName - The name of the Auro component to check against.
11915
+ * @returns {Boolean} - Returns true if the element is the specified Auro component.
11916
+ */
11917
+ elementMatch(elem, tagName) {
11918
+ const tag = tagName.toLowerCase();
11919
+ const elemTag = elem.tagName.toLowerCase();
11920
+
11921
+ return elemTag === tag || elem.hasAttribute(tag);
11922
+ }
11923
+ };
11924
+
11925
+ var styleCss$6 = 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}}`;
11926
+
11927
+ var colorCss$6 = i$5`: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}`;
11928
+
11929
+ var tokensCss$6 = i$5`:host{--ds-auro-loader-background-color:currentcolor;--ds-auro-loader-border-color:currentcolor;--ds-auro-loader-color:currentcolor}`;
11930
+
11931
+ // Copyright (c) 2020 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
11932
+ // See LICENSE in the project root for license information.
11933
+
11934
+
11935
+ let AuroLoader$1 = class AuroLoader extends i$2 {
11936
+ constructor() {
11937
+ super();
11535
11938
 
11536
11939
  /**
11537
11940
  * @private
@@ -11551,7 +11954,7 @@ let AuroLoader$1 = class AuroLoader extends i$2 {
11551
11954
  /**
11552
11955
  * @private
11553
11956
  */
11554
- this.runtimeUtils = new AuroLibraryRuntimeUtils$4();
11957
+ this.runtimeUtils = new AuroLibraryRuntimeUtils$6();
11555
11958
 
11556
11959
  this.orbit = false;
11557
11960
  this.ringworm = false;
@@ -11614,7 +12017,7 @@ let AuroLoader$1 = class AuroLoader extends i$2 {
11614
12017
  *
11615
12018
  */
11616
12019
  static register(name = "auro-loader") {
11617
- AuroLibraryRuntimeUtils$4.prototype.registerComponent(name, AuroLoader);
12020
+ AuroLibraryRuntimeUtils$6.prototype.registerComponent(name, AuroLoader);
11618
12021
  }
11619
12022
 
11620
12023
  firstUpdated() {
@@ -11845,7 +12248,7 @@ let AuroButton$1 = class AuroButton extends i$2 {
11845
12248
  *
11846
12249
  */
11847
12250
  static register(name = "auro-button") {
11848
- AuroLibraryRuntimeUtils$4.prototype.registerComponent(name, AuroButton);
12251
+ AuroLibraryRuntimeUtils$7.prototype.registerComponent(name, AuroButton);
11849
12252
  }
11850
12253
 
11851
12254
  /**
@@ -12025,7 +12428,7 @@ class AuroCalendar extends RangeDatepicker {
12025
12428
  */
12026
12429
  this.slots = {};
12027
12430
 
12028
- const versioning = new AuroDependencyVersioning$3();
12431
+ const versioning = new AuroDependencyVersioning$5();
12029
12432
 
12030
12433
  /**
12031
12434
  * @private
@@ -12317,7 +12720,7 @@ if (!customElements.get('auro-formkit-calendar')) {
12317
12720
 
12318
12721
  /* eslint-disable line-comment-position, no-inline-comments, no-confusing-arrow, no-nested-ternary, implicit-arrow-linebreak */
12319
12722
 
12320
- let AuroLibraryRuntimeUtils$1$1 = class AuroLibraryRuntimeUtils {
12723
+ let AuroLibraryRuntimeUtils$2$1 = class AuroLibraryRuntimeUtils {
12321
12724
 
12322
12725
  /* eslint-disable jsdoc/require-param */
12323
12726
 
@@ -13912,8 +14315,28 @@ class AuroFloatingUI {
13912
14315
  if (!AuroFloatingUI.isMousePressHandlerInitialized && window && window.addEventListener) {
13913
14316
  AuroFloatingUI.isMousePressHandlerInitialized = true;
13914
14317
 
14318
+ // Track timeout for isMousePressed reset to avoid race conditions
14319
+ if (!AuroFloatingUI._mousePressedTimeout) {
14320
+ AuroFloatingUI._mousePressedTimeout = null;
14321
+ }
13915
14322
  const mouseEventGlobalHandler = (event) => {
13916
- AuroFloatingUI.isMousePressed = event.type === 'mousedown';
14323
+ const isPressed = event.type === 'mousedown';
14324
+ if (isPressed) {
14325
+ // Clear any pending timeout to prevent race condition
14326
+ if (AuroFloatingUI._mousePressedTimeout !== null) {
14327
+ clearTimeout(AuroFloatingUI._mousePressedTimeout);
14328
+ AuroFloatingUI._mousePressedTimeout = null;
14329
+ }
14330
+ if (!AuroFloatingUI.isMousePressed) {
14331
+ AuroFloatingUI.isMousePressed = true;
14332
+ }
14333
+ } else if (AuroFloatingUI.isMousePressed && !isPressed) {
14334
+ // Schedule reset and track timeout ID
14335
+ AuroFloatingUI._mousePressedTimeout = setTimeout(() => {
14336
+ AuroFloatingUI.isMousePressed = false;
14337
+ AuroFloatingUI._mousePressedTimeout = null;
14338
+ }, 0);
14339
+ }
13917
14340
  };
13918
14341
 
13919
14342
  window.addEventListener('mousedown', mouseEventGlobalHandler);
@@ -14040,6 +14463,7 @@ class AuroFloatingUI {
14040
14463
 
14041
14464
  // Compute the position of the bib
14042
14465
  computePosition(this.element.trigger, this.element.bib, {
14466
+ strategy: this.element.floaterConfig?.strategy || 'fixed',
14043
14467
  placement: this.element.floaterConfig?.placement,
14044
14468
  middleware: middleware || []
14045
14469
  }).then(({ x, y }) => { // eslint-disable-line id-length
@@ -14174,8 +14598,9 @@ class AuroFloatingUI {
14174
14598
  if (this.element.contains(activeElement) || this.element.bib?.contains(activeElement)) {
14175
14599
  return;
14176
14600
  }
14177
- // if fullscreen bib is still open and the focus is missing, do not close
14178
- if (this.element.bib.hasAttribute('isfullscreen') && activeElement === document.body) {
14601
+
14602
+ // if fullscreen bib is in fullscreen mode, do not close
14603
+ if (this.element.bib.hasAttribute('isfullscreen')) {
14179
14604
  return;
14180
14605
  }
14181
14606
 
@@ -14476,8 +14901,6 @@ class AuroFloatingUI {
14476
14901
  this.element.hoverToggle = this.element.floaterConfig.hoverToggle;
14477
14902
  }
14478
14903
 
14479
- document.body.append(this.element.bib);
14480
-
14481
14904
  this.regenerateBibId();
14482
14905
  this.handleTriggerTabIndex();
14483
14906
 
@@ -14518,7 +14941,7 @@ class AuroFloatingUI {
14518
14941
  // See LICENSE in the project root for license information.
14519
14942
 
14520
14943
 
14521
- let AuroDependencyVersioning$1 = class AuroDependencyVersioning {
14944
+ let AuroDependencyVersioning$2 = class AuroDependencyVersioning {
14522
14945
 
14523
14946
  /**
14524
14947
  * Generates a unique string to be used for child auro element naming.
@@ -14708,6 +15131,76 @@ var tokensCss$2$1 = i$5`:host{--ds-auro-icon-color:var(--ds-basic-color-texticon
14708
15131
 
14709
15132
  var colorCss$3$1 = 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)}`;
14710
15133
 
15134
+ // Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
15135
+ // See LICENSE in the project root for license information.
15136
+
15137
+ // ---------------------------------------------------------------------
15138
+
15139
+ /* eslint-disable line-comment-position, no-inline-comments, no-confusing-arrow, no-nested-ternary, implicit-arrow-linebreak */
15140
+
15141
+ let AuroLibraryRuntimeUtils$1$1 = class AuroLibraryRuntimeUtils {
15142
+
15143
+ /* eslint-disable jsdoc/require-param */
15144
+
15145
+ /**
15146
+ * This will register a new custom element with the browser.
15147
+ * @param {String} name - The name of the custom element.
15148
+ * @param {Object} componentClass - The class to register as a custom element.
15149
+ * @returns {void}
15150
+ */
15151
+ registerComponent(name, componentClass) {
15152
+ if (!customElements.get(name)) {
15153
+ customElements.define(name, class extends componentClass {});
15154
+ }
15155
+ }
15156
+
15157
+ /**
15158
+ * Finds and returns the closest HTML Element based on a selector.
15159
+ * @returns {void}
15160
+ */
15161
+ closestElement(
15162
+ selector, // selector like in .closest()
15163
+ base = this, // extra functionality to skip a parent
15164
+ __Closest = (el, found = el && el.closest(selector)) =>
15165
+ !el || el === document || el === window
15166
+ ? null // standard .closest() returns null for non-found selectors also
15167
+ : found
15168
+ ? found // found a selector INside this element
15169
+ : __Closest(el.getRootNode().host) // recursion!! break out to parent DOM
15170
+ ) {
15171
+ return __Closest(base);
15172
+ }
15173
+ /* eslint-enable jsdoc/require-param */
15174
+
15175
+ /**
15176
+ * 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.
15177
+ * @param {Object} elem - The element to check.
15178
+ * @param {String} tagName - The name of the Auro component to check for or add as an attribute.
15179
+ * @returns {void}
15180
+ */
15181
+ handleComponentTagRename(elem, tagName) {
15182
+ const tag = tagName.toLowerCase();
15183
+ const elemTag = elem.tagName.toLowerCase();
15184
+
15185
+ if (elemTag !== tag) {
15186
+ elem.setAttribute(tag, true);
15187
+ }
15188
+ }
15189
+
15190
+ /**
15191
+ * Validates if an element is a specific Auro component.
15192
+ * @param {Object} elem - The element to validate.
15193
+ * @param {String} tagName - The name of the Auro component to check against.
15194
+ * @returns {Boolean} - Returns true if the element is the specified Auro component.
15195
+ */
15196
+ elementMatch(elem, tagName) {
15197
+ const tag = tagName.toLowerCase();
15198
+ const elemTag = elem.tagName.toLowerCase();
15199
+
15200
+ return elemTag === tag || elem.hasAttribute(tag);
15201
+ }
15202
+ };
15203
+
14711
15204
  // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
14712
15205
  // See LICENSE in the project root for license information.
14713
15206
 
@@ -14877,7 +15370,7 @@ let AuroIcon$1 = class AuroIcon extends BaseIcon$1 {
14877
15370
 
14878
15371
  var iconVersion$1 = '6.1.2';
14879
15372
 
14880
- var styleCss$2$1 = i$5`:host{position:absolute;z-index:var(--depth-tooltip, 400);display:none}.container{display:inline-block;overflow:auto;box-sizing:border-box;margin:var(--ds-size-50, 0.25rem) 0}:host([isfullscreen]){position:fixed;top:0;left:0}:host([isfullscreen]) .container{width:100dvw;max-width:none;height:100dvh;max-height:none;border-radius:unset;margin-top:0;box-shadow:unset;overscroll-behavior:contain}:host([data-show]){display:flex}:host([common]:not([isfullscreen])) .container,:host([rounded]:not([isfullscreen])) .container{border-radius:var(--ds-border-radius, 0.375rem)}:host([common][isfullscreen]) .container,:host([rounded][isfullscreen]) .container{border-radius:unset;box-shadow:unset}`;
15373
+ var styleCss$2$1 = i$5`:host{position:fixed;z-index:var(--depth-tooltip, 400);display:none;isolation:isolate}.container{display:inline-block;overflow:auto;box-sizing:border-box;margin:var(--ds-size-50, 0.25rem) 0}:host([isfullscreen]){position:fixed;top:0;left:0}:host([isfullscreen]) .container{width:100dvw;max-width:none;height:100dvh;max-height:none;border-radius:unset;margin-top:0;box-shadow:unset;overscroll-behavior:contain}:host([data-show]){display:flex}:host([common]:not([isfullscreen])) .container,:host([rounded]:not([isfullscreen])) .container{border-radius:var(--ds-border-radius, 0.375rem)}:host([common][isfullscreen]) .container,:host([rounded][isfullscreen]) .container{border-radius:unset;box-shadow:unset}`;
14881
15374
 
14882
15375
  var colorCss$2$1 = i$5`.container{background-color:var(--ds-auro-dropdownbib-container-color);box-shadow:var(--ds-auro-dropdownbib-boxshadow-color);color:var(--ds-auro-dropdownbib-text-color)}`;
14883
15376
 
@@ -14887,7 +15380,6 @@ var tokensCss$1$1 = i$5`:host{--ds-auro-dropdown-label-text-color: var(--ds-basi
14887
15380
  // See LICENSE in the project root for license information.
14888
15381
 
14889
15382
 
14890
-
14891
15383
  const DESIGN_TOKEN_BREAKPOINT_PREFIX = '--ds-grid-breakpoint-';
14892
15384
  const DESIGN_TOKEN_BREAKPOINT_OPTIONS = [
14893
15385
  'xl',
@@ -14912,7 +15404,7 @@ class AuroDropdownBib extends i$2 {
14912
15404
  */
14913
15405
  this._mobileBreakpointValue = undefined;
14914
15406
 
14915
- AuroLibraryRuntimeUtils$1$1.prototype.handleComponentTagRename(this, 'auro-dropdownbib');
15407
+ AuroLibraryRuntimeUtils$2$1.prototype.handleComponentTagRename(this, 'auro-dropdownbib');
14916
15408
  }
14917
15409
 
14918
15410
  static get styles() {
@@ -14957,6 +15449,13 @@ class AuroDropdownBib extends i$2 {
14957
15449
  type: Boolean,
14958
15450
  reflect: true
14959
15451
  },
15452
+
15453
+ /**
15454
+ * A reference to the associated bib template element.
15455
+ */
15456
+ bibTemplate: {
15457
+ type: Object
15458
+ }
14960
15459
  };
14961
15460
  }
14962
15461
 
@@ -14989,9 +15488,50 @@ class AuroDropdownBib extends i$2 {
14989
15488
  }
14990
15489
  }
14991
15490
  });
15491
+
15492
+ if (this.bibTemplate) {
15493
+ // If the bib template is found, set the fullscreen attribute
15494
+ if (this.isFullscreen) {
15495
+ this.bibTemplate.setAttribute('isFullscreen', 'true');
15496
+ } else {
15497
+ this.bibTemplate.removeAttribute('isFullscreen');
15498
+ }
15499
+ }
14992
15500
  }
14993
15501
  }
14994
15502
 
15503
+ connectedCallback() {
15504
+ super.connectedCallback();
15505
+
15506
+ // Listen for the auro-bibtemplate-connected event to set the fullscreen attribute
15507
+ this.addEventListener('auro-bibtemplate-connected', (event) => {
15508
+ const bibTemplate = event.detail.element;
15509
+ this.bibTemplate = bibTemplate;
15510
+
15511
+ if (bibTemplate) {
15512
+ // If the bib template is found, set the fullscreen attribute
15513
+ if (this.isFullscreen) {
15514
+ bibTemplate.setAttribute('isFullscreen', 'true');
15515
+ } else {
15516
+ bibTemplate.removeAttribute('isFullscreen');
15517
+ }
15518
+ }
15519
+ });
15520
+ }
15521
+
15522
+ firstUpdated(changedProperties) {
15523
+ super.firstUpdated(changedProperties);
15524
+
15525
+ // Dispatch a custom event when the component is connected
15526
+ this.dispatchEvent(new CustomEvent('auro-dropdownbib-connected', {
15527
+ bubbles: true,
15528
+ composed: true,
15529
+ detail: {
15530
+ element: this
15531
+ }
15532
+ }));
15533
+ }
15534
+
14995
15535
  // function that renders the HTML and CSS into the scope of the component
14996
15536
  render() {
14997
15537
  return u$2`
@@ -15021,7 +15561,7 @@ var tokensCss$5 = i$5`:host{--ds-auro-helptext-color: var(--ds-basic-color-texti
15021
15561
 
15022
15562
  /* eslint-disable line-comment-position, no-inline-comments, no-confusing-arrow, no-nested-ternary, implicit-arrow-linebreak */
15023
15563
 
15024
- let AuroLibraryRuntimeUtils$2 = class AuroLibraryRuntimeUtils {
15564
+ let AuroLibraryRuntimeUtils$5 = class AuroLibraryRuntimeUtils {
15025
15565
 
15026
15566
  /* eslint-disable jsdoc/require-param */
15027
15567
 
@@ -15102,7 +15642,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$2 {
15102
15642
  this.onDark = false;
15103
15643
  this.hasTextContent = false;
15104
15644
 
15105
- AuroLibraryRuntimeUtils$2.prototype.handleComponentTagRename(this, 'auro-helptext');
15645
+ AuroLibraryRuntimeUtils$5.prototype.handleComponentTagRename(this, 'auro-helptext');
15106
15646
  }
15107
15647
 
15108
15648
  static get styles() {
@@ -15158,7 +15698,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$2 {
15158
15698
  *
15159
15699
  */
15160
15700
  static register(name = "auro-helptext") {
15161
- AuroLibraryRuntimeUtils$2.prototype.registerComponent(name, AuroHelpText);
15701
+ AuroLibraryRuntimeUtils$5.prototype.registerComponent(name, AuroHelpText);
15162
15702
  }
15163
15703
 
15164
15704
  updated() {
@@ -15301,7 +15841,7 @@ class AuroDropdown extends i$2 {
15301
15841
  /**
15302
15842
  * @private
15303
15843
  */
15304
- this.runtimeUtils = new AuroLibraryRuntimeUtils$1$1();
15844
+ this.runtimeUtils = new AuroLibraryRuntimeUtils$2$1();
15305
15845
 
15306
15846
  /**
15307
15847
  * @private
@@ -15311,7 +15851,7 @@ class AuroDropdown extends i$2 {
15311
15851
  /**
15312
15852
  * Generate unique names for dependency components.
15313
15853
  */
15314
- const versioning = new AuroDependencyVersioning$1();
15854
+ const versioning = new AuroDependencyVersioning$2();
15315
15855
 
15316
15856
  /**
15317
15857
  * @private
@@ -15630,7 +16170,7 @@ class AuroDropdown extends i$2 {
15630
16170
  *
15631
16171
  */
15632
16172
  static register(name = "auro-dropdown") {
15633
- AuroLibraryRuntimeUtils$1$1.prototype.registerComponent(name, AuroDropdown);
16173
+ AuroLibraryRuntimeUtils$2$1.prototype.registerComponent(name, AuroDropdown);
15634
16174
  }
15635
16175
 
15636
16176
  /**
@@ -15947,8 +16487,7 @@ class AuroDropdown extends i$2 {
15947
16487
  * @param {Event} event - The event object representing the slot change.
15948
16488
  * @fires Function#onSlotChange - Optional callback invoked when the slot content changes.
15949
16489
  */
15950
- handleDefaultSlot(event) {
15951
- [...event.target.assignedNodes()].forEach((node) => this.bibContent.append(node));
16490
+ handleDefaultSlot() {
15952
16491
 
15953
16492
  if (this.onSlotChange) {
15954
16493
  this.onSlotChange();
@@ -16020,9 +16559,7 @@ class AuroDropdown extends i$2 {
16020
16559
  <${this.helpTextTag} part="helpText" ?onDark=${this.onDark} ?error="${this.error}">
16021
16560
  <slot name="helpText"></slot>
16022
16561
  </${this.helpTextTag}>
16023
- <div class="slotContent">
16024
- <slot @slotchange="${this.handleDefaultSlot}"></slot>
16025
- </div>
16562
+
16026
16563
  <div id="bibSizer" part="size"></div>
16027
16564
  <${this.dropdownBibTag}
16028
16565
  id="bib"
@@ -16032,6 +16569,9 @@ class AuroDropdown extends i$2 {
16032
16569
  ?rounded="${this.common || this.rounded}"
16033
16570
  ?inset="${this.common || this.inset}"
16034
16571
  >
16572
+ <div class="slotContent">
16573
+ <slot @slotchange="${this.handleDefaultSlot}"></slot>
16574
+ </div>
16035
16575
  </${this.dropdownBibTag}>
16036
16576
  </div>
16037
16577
  `;
@@ -20078,9 +20618,10 @@ class DateFormatter {
20078
20618
  /**
20079
20619
  * Convert a date object to string format.
20080
20620
  * @param {Object} date - Date to convert to string.
20081
- * @returns {Object} Returns the date as a string.
20621
+ * @param {String} locale - Optional locale to use for the date string. Defaults to user's locale.
20622
+ * @returns {String} Returns the date as a string.
20082
20623
  */
20083
- this.getDateAsString = (date) => date.toLocaleDateString(undefined, {
20624
+ this.getDateAsString = (date, locale = undefined) => date.toLocaleDateString(locale, {
20084
20625
  year: "numeric",
20085
20626
  month: "2-digit",
20086
20627
  day: "2-digit",
@@ -20272,7 +20813,7 @@ class AuroDateUtilities extends AuroDateUtilitiesBase {
20272
20813
  const dateObj = new Date(this.getFourDigitYear(dateParts.year), dateParts.month - 1, dateParts.day || 1);
20273
20814
 
20274
20815
  // Get the date string of the date object we created from the string date
20275
- const actualDateStr = dateFormatter.getDateAsString(dateObj);
20816
+ const actualDateStr = dateFormatter.getDateAsString(dateObj, "en-US");
20276
20817
 
20277
20818
  // Guard Clause: Generated date matches date string input
20278
20819
  if (expectedDateStr !== actualDateStr) {
@@ -20437,7 +20978,7 @@ const {
20437
20978
 
20438
20979
  /* eslint-disable line-comment-position, no-inline-comments, no-confusing-arrow, no-nested-ternary, implicit-arrow-linebreak */
20439
20980
 
20440
- let AuroLibraryRuntimeUtils$1 = class AuroLibraryRuntimeUtils {
20981
+ let AuroLibraryRuntimeUtils$4 = class AuroLibraryRuntimeUtils {
20441
20982
 
20442
20983
  /* eslint-disable jsdoc/require-param */
20443
20984
 
@@ -20507,7 +21048,7 @@ let AuroLibraryRuntimeUtils$1 = class AuroLibraryRuntimeUtils {
20507
21048
  class AuroFormValidation {
20508
21049
 
20509
21050
  constructor() {
20510
- this.runtimeUtils = new AuroLibraryRuntimeUtils$1();
21051
+ this.runtimeUtils = new AuroLibraryRuntimeUtils$4();
20511
21052
  }
20512
21053
 
20513
21054
  /**
@@ -21889,7 +22430,7 @@ class BaseInput extends i$2 {
21889
22430
  // See LICENSE in the project root for license information.
21890
22431
 
21891
22432
 
21892
- class AuroDependencyVersioning {
22433
+ let AuroDependencyVersioning$1 = class AuroDependencyVersioning {
21893
22434
 
21894
22435
  /**
21895
22436
  * Generates a unique string to be used for child auro element naming.
@@ -21923,7 +22464,7 @@ class AuroDependencyVersioning {
21923
22464
 
21924
22465
  return tag;
21925
22466
  }
21926
- }
22467
+ };
21927
22468
 
21928
22469
  // Copyright (c) 2020 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
21929
22470
  // See LICENSE in the project root for license information.
@@ -22079,6 +22620,76 @@ var tokensCss$3 = i$5`:host{--ds-auro-icon-color:var(--ds-basic-color-texticon-d
22079
22620
 
22080
22621
  var colorCss$3 = 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)}`;
22081
22622
 
22623
+ // Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
22624
+ // See LICENSE in the project root for license information.
22625
+
22626
+ // ---------------------------------------------------------------------
22627
+
22628
+ /* eslint-disable line-comment-position, no-inline-comments, no-confusing-arrow, no-nested-ternary, implicit-arrow-linebreak */
22629
+
22630
+ let AuroLibraryRuntimeUtils$3 = class AuroLibraryRuntimeUtils {
22631
+
22632
+ /* eslint-disable jsdoc/require-param */
22633
+
22634
+ /**
22635
+ * This will register a new custom element with the browser.
22636
+ * @param {String} name - The name of the custom element.
22637
+ * @param {Object} componentClass - The class to register as a custom element.
22638
+ * @returns {void}
22639
+ */
22640
+ registerComponent(name, componentClass) {
22641
+ if (!customElements.get(name)) {
22642
+ customElements.define(name, class extends componentClass {});
22643
+ }
22644
+ }
22645
+
22646
+ /**
22647
+ * Finds and returns the closest HTML Element based on a selector.
22648
+ * @returns {void}
22649
+ */
22650
+ closestElement(
22651
+ selector, // selector like in .closest()
22652
+ base = this, // extra functionality to skip a parent
22653
+ __Closest = (el, found = el && el.closest(selector)) =>
22654
+ !el || el === document || el === window
22655
+ ? null // standard .closest() returns null for non-found selectors also
22656
+ : found
22657
+ ? found // found a selector INside this element
22658
+ : __Closest(el.getRootNode().host) // recursion!! break out to parent DOM
22659
+ ) {
22660
+ return __Closest(base);
22661
+ }
22662
+ /* eslint-enable jsdoc/require-param */
22663
+
22664
+ /**
22665
+ * 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.
22666
+ * @param {Object} elem - The element to check.
22667
+ * @param {String} tagName - The name of the Auro component to check for or add as an attribute.
22668
+ * @returns {void}
22669
+ */
22670
+ handleComponentTagRename(elem, tagName) {
22671
+ const tag = tagName.toLowerCase();
22672
+ const elemTag = elem.tagName.toLowerCase();
22673
+
22674
+ if (elemTag !== tag) {
22675
+ elem.setAttribute(tag, true);
22676
+ }
22677
+ }
22678
+
22679
+ /**
22680
+ * Validates if an element is a specific Auro component.
22681
+ * @param {Object} elem - The element to validate.
22682
+ * @param {String} tagName - The name of the Auro component to check against.
22683
+ * @returns {Boolean} - Returns true if the element is the specified Auro component.
22684
+ */
22685
+ elementMatch(elem, tagName) {
22686
+ const tag = tagName.toLowerCase();
22687
+ const elemTag = elem.tagName.toLowerCase();
22688
+
22689
+ return elemTag === tag || elem.hasAttribute(tag);
22690
+ }
22691
+ };
22692
+
22082
22693
  // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
22083
22694
  // See LICENSE in the project root for license information.
22084
22695
 
@@ -22098,7 +22709,7 @@ class AuroIcon extends BaseIcon {
22098
22709
  */
22099
22710
  privateDefaults() {
22100
22711
  this.uri = 'https://cdn.jsdelivr.net/npm/@alaskaairux/icons@latest/dist';
22101
- this.runtimeUtils = new AuroLibraryRuntimeUtils$1();
22712
+ this.runtimeUtils = new AuroLibraryRuntimeUtils$3();
22102
22713
  }
22103
22714
 
22104
22715
  // function to define props used within the scope of this component
@@ -22180,7 +22791,7 @@ class AuroIcon extends BaseIcon {
22180
22791
  *
22181
22792
  */
22182
22793
  static register(name = "auro-icon") {
22183
- AuroLibraryRuntimeUtils$1.prototype.registerComponent(name, AuroIcon);
22794
+ AuroLibraryRuntimeUtils$3.prototype.registerComponent(name, AuroIcon);
22184
22795
  }
22185
22796
 
22186
22797
  connectedCallback() {
@@ -22248,12 +22859,192 @@ class AuroIcon extends BaseIcon {
22248
22859
 
22249
22860
  var iconVersion = '8.0.1';
22250
22861
 
22862
+ // Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
22863
+ // See LICENSE in the project root for license information.
22864
+
22865
+
22866
+ class AuroDependencyVersioning {
22867
+
22868
+ /**
22869
+ * Generates a unique string to be used for child auro element naming.
22870
+ * @private
22871
+ * @param {string} baseName - Defines the first part of the unique element name.
22872
+ * @param {string} version - Version of the component that will be appended to the baseName.
22873
+ * @returns {string} - Unique string to be used for naming.
22874
+ */
22875
+ generateElementName(baseName, version) {
22876
+ let result = baseName;
22877
+
22878
+ result += '-';
22879
+ result += version.replace(/[.]/g, '_');
22880
+
22881
+ return result;
22882
+ }
22883
+
22884
+ /**
22885
+ * Generates a unique string to be used for child auro element naming.
22886
+ * @param {string} baseName - Defines the first part of the unique element name.
22887
+ * @param {string} version - Version of the component that will be appended to the baseName.
22888
+ * @returns {string} - Unique string to be used for naming.
22889
+ */
22890
+ generateTag(baseName, version, tagClass) {
22891
+ const elementName = this.generateElementName(baseName, version);
22892
+ const tag = i$1`${s$1(elementName)}`;
22893
+
22894
+ if (!customElements.get(elementName)) {
22895
+ customElements.define(elementName, class extends tagClass {});
22896
+ }
22897
+
22898
+ return tag;
22899
+ }
22900
+ }
22901
+
22902
+ // Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
22903
+ // See LICENSE in the project root for license information.
22904
+
22905
+ // ---------------------------------------------------------------------
22906
+
22907
+ /* eslint-disable line-comment-position, no-inline-comments, no-confusing-arrow, no-nested-ternary, implicit-arrow-linebreak */
22908
+
22909
+ let AuroLibraryRuntimeUtils$2 = class AuroLibraryRuntimeUtils {
22910
+
22911
+ /* eslint-disable jsdoc/require-param */
22912
+
22913
+ /**
22914
+ * This will register a new custom element with the browser.
22915
+ * @param {String} name - The name of the custom element.
22916
+ * @param {Object} componentClass - The class to register as a custom element.
22917
+ * @returns {void}
22918
+ */
22919
+ registerComponent(name, componentClass) {
22920
+ if (!customElements.get(name)) {
22921
+ customElements.define(name, class extends componentClass {});
22922
+ }
22923
+ }
22924
+
22925
+ /**
22926
+ * Finds and returns the closest HTML Element based on a selector.
22927
+ * @returns {void}
22928
+ */
22929
+ closestElement(
22930
+ selector, // selector like in .closest()
22931
+ base = this, // extra functionality to skip a parent
22932
+ __Closest = (el, found = el && el.closest(selector)) =>
22933
+ !el || el === document || el === window
22934
+ ? null // standard .closest() returns null for non-found selectors also
22935
+ : found
22936
+ ? found // found a selector INside this element
22937
+ : __Closest(el.getRootNode().host) // recursion!! break out to parent DOM
22938
+ ) {
22939
+ return __Closest(base);
22940
+ }
22941
+ /* eslint-enable jsdoc/require-param */
22942
+
22943
+ /**
22944
+ * 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.
22945
+ * @param {Object} elem - The element to check.
22946
+ * @param {String} tagName - The name of the Auro component to check for or add as an attribute.
22947
+ * @returns {void}
22948
+ */
22949
+ handleComponentTagRename(elem, tagName) {
22950
+ const tag = tagName.toLowerCase();
22951
+ const elemTag = elem.tagName.toLowerCase();
22952
+
22953
+ if (elemTag !== tag) {
22954
+ elem.setAttribute(tag, true);
22955
+ }
22956
+ }
22957
+
22958
+ /**
22959
+ * Validates if an element is a specific Auro component.
22960
+ * @param {Object} elem - The element to validate.
22961
+ * @param {String} tagName - The name of the Auro component to check against.
22962
+ * @returns {Boolean} - Returns true if the element is the specified Auro component.
22963
+ */
22964
+ elementMatch(elem, tagName) {
22965
+ const tag = tagName.toLowerCase();
22966
+ const elemTag = elem.tagName.toLowerCase();
22967
+
22968
+ return elemTag === tag || elem.hasAttribute(tag);
22969
+ }
22970
+ };
22971
+
22251
22972
  var styleCss$2 = 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;height:var(--ds-size-300, 1.5rem);width:var(--ds-size-300, 1.5rem)}:host([variant=flat]) .auro-button{height:100%;width:100%}::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);font-family:var(--ds-basic-text-body-default-font-family, AS Circular);font-size:var(--ds-basic-text-body-default-font-size, 16px);font-weight:var(--ds-basic-text-body-default-font-weight, Book);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}.auro-button:active{transform:scale(0.95)}.auro-button:focus-visible{outline:none}.auro-button:focus-visible:not([variant=flat]){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=flat]):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=flat]{height:unset;width:unset;min-height:unset;max-height:unset;min-width:unset;max-width:unset;border:0;border-radius:unset;gap:unset;padding: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--slim{padding:var(--ds-size-100, 0.5rem) var(--ds-size-200, 1rem);font-size:var(--ds-basic-text-body-sm-font-size, 14px);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]){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:all 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{border-radius:100px}: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}`;
22252
22973
 
22253
22974
  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=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[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=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}`;
22254
22975
 
22255
22976
  var tokensCss$2 = i$5`:host{--ds-auro-button-border-color:var(--ds-advanced-color-button-primary-border, #01426a);--ds-auro-button-border-inset-color:var(--ds-advanced-color-state-focused-inverse, #ffffff);--ds-auro-button-container-color:var(--ds-advanced-color-button-primary-background, #01426a);--ds-auro-button-container-image:var(--ds-advanced-color-button-primary-background, #01426a);--ds-auro-button-loader-color:var(--ds-advanced-color-button-primary-text, #ffffff);--ds-auro-button-text-color:var(--ds-advanced-color-button-primary-text, #ffffff);--ds-auro-button-tap-color:transparent}`;
22256
22977
 
22978
+ // Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
22979
+ // See LICENSE in the project root for license information.
22980
+
22981
+ // ---------------------------------------------------------------------
22982
+
22983
+ /* eslint-disable line-comment-position, no-inline-comments, no-confusing-arrow, no-nested-ternary, implicit-arrow-linebreak */
22984
+
22985
+ let AuroLibraryRuntimeUtils$1 = class AuroLibraryRuntimeUtils {
22986
+
22987
+ /* eslint-disable jsdoc/require-param */
22988
+
22989
+ /**
22990
+ * This will register a new custom element with the browser.
22991
+ * @param {String} name - The name of the custom element.
22992
+ * @param {Object} componentClass - The class to register as a custom element.
22993
+ * @returns {void}
22994
+ */
22995
+ registerComponent(name, componentClass) {
22996
+ if (!customElements.get(name)) {
22997
+ customElements.define(name, class extends componentClass {});
22998
+ }
22999
+ }
23000
+
23001
+ /**
23002
+ * Finds and returns the closest HTML Element based on a selector.
23003
+ * @returns {void}
23004
+ */
23005
+ closestElement(
23006
+ selector, // selector like in .closest()
23007
+ base = this, // extra functionality to skip a parent
23008
+ __Closest = (el, found = el && el.closest(selector)) =>
23009
+ !el || el === document || el === window
23010
+ ? null // standard .closest() returns null for non-found selectors also
23011
+ : found
23012
+ ? found // found a selector INside this element
23013
+ : __Closest(el.getRootNode().host) // recursion!! break out to parent DOM
23014
+ ) {
23015
+ return __Closest(base);
23016
+ }
23017
+ /* eslint-enable jsdoc/require-param */
23018
+
23019
+ /**
23020
+ * 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.
23021
+ * @param {Object} elem - The element to check.
23022
+ * @param {String} tagName - The name of the Auro component to check for or add as an attribute.
23023
+ * @returns {void}
23024
+ */
23025
+ handleComponentTagRename(elem, tagName) {
23026
+ const tag = tagName.toLowerCase();
23027
+ const elemTag = elem.tagName.toLowerCase();
23028
+
23029
+ if (elemTag !== tag) {
23030
+ elem.setAttribute(tag, true);
23031
+ }
23032
+ }
23033
+
23034
+ /**
23035
+ * Validates if an element is a specific Auro component.
23036
+ * @param {Object} elem - The element to validate.
23037
+ * @param {String} tagName - The name of the Auro component to check against.
23038
+ * @returns {Boolean} - Returns true if the element is the specified Auro component.
23039
+ */
23040
+ elementMatch(elem, tagName) {
23041
+ const tag = tagName.toLowerCase();
23042
+ const elemTag = elem.tagName.toLowerCase();
23043
+
23044
+ return elemTag === tag || elem.hasAttribute(tag);
23045
+ }
23046
+ };
23047
+
22257
23048
  var styleCss$1 = 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}}`;
22258
23049
 
22259
23050
  var colorCss$1 = i$5`: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}`;
@@ -22580,7 +23371,7 @@ class AuroButton extends i$2 {
22580
23371
  *
22581
23372
  */
22582
23373
  static register(name = "auro-button") {
22583
- AuroLibraryRuntimeUtils$1.prototype.registerComponent(name, AuroButton);
23374
+ AuroLibraryRuntimeUtils$2.prototype.registerComponent(name, AuroButton);
22584
23375
  }
22585
23376
 
22586
23377
  /**
@@ -22910,7 +23701,7 @@ class AuroInput extends BaseInput {
22910
23701
  /**
22911
23702
  * Generate unique names for dependency components.
22912
23703
  */
22913
- const versioning = new AuroDependencyVersioning();
23704
+ const versioning = new AuroDependencyVersioning$1();
22914
23705
 
22915
23706
  /**
22916
23707
  * @private
@@ -22937,7 +23728,7 @@ class AuroInput extends BaseInput {
22937
23728
  *
22938
23729
  */
22939
23730
  static register(name = "auro-input") {
22940
- AuroLibraryRuntimeUtils$1.prototype.registerComponent(name, AuroInput);
23731
+ AuroLibraryRuntimeUtils$4.prototype.registerComponent(name, AuroInput);
22941
23732
  }
22942
23733
 
22943
23734
  /**
@@ -23214,7 +24005,7 @@ class AuroDatePicker extends i$2 {
23214
24005
  /**
23215
24006
  * @private
23216
24007
  */
23217
- this.runtimeUtils = new AuroLibraryRuntimeUtils$4();
24008
+ this.runtimeUtils = new AuroLibraryRuntimeUtils$a();
23218
24009
 
23219
24010
  /**
23220
24011
  * @private
@@ -23224,7 +24015,7 @@ class AuroDatePicker extends i$2 {
23224
24015
  /**
23225
24016
  * Generate unique names for dependency components.
23226
24017
  */
23227
- const versioning = new AuroDependencyVersioning$3();
24018
+ const versioning = new AuroDependencyVersioning$5();
23228
24019
 
23229
24020
  /**
23230
24021
  * @private
@@ -23533,7 +24324,7 @@ class AuroDatePicker extends i$2 {
23533
24324
  *
23534
24325
  */
23535
24326
  static register(name = "auro-datepicker") {
23536
- AuroLibraryRuntimeUtils$4.prototype.registerComponent(name, AuroDatePicker);
24327
+ AuroLibraryRuntimeUtils$a.prototype.registerComponent(name, AuroDatePicker);
23537
24328
  }
23538
24329
 
23539
24330
  /**