@aurodesignsystem/auro-formkit 2.0.3-beta.1 → 2.1.0-beta.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +19 -0
- package/components/bibtemplate/dist/index.js +148 -8
- package/components/bibtemplate/dist/registered.js +148 -8
- package/components/checkbox/README.md +1 -1
- package/components/checkbox/demo/api.min.js +1 -1
- package/components/checkbox/demo/index.min.js +1 -1
- package/components/checkbox/demo/readme.md +1 -1
- package/components/checkbox/dist/index.js +1 -1
- package/components/checkbox/dist/registered.js +1 -1
- package/components/combobox/README.md +1 -1
- package/components/combobox/demo/api.min.js +644 -113
- package/components/combobox/demo/index.min.js +644 -113
- package/components/combobox/demo/readme.md +1 -1
- package/components/combobox/dist/index.js +511 -50
- package/components/combobox/dist/registered.js +511 -50
- package/components/counter/README.md +1 -1
- package/components/counter/demo/api.min.js +500 -39
- package/components/counter/demo/index.js +1 -0
- package/components/counter/demo/index.min.js +501 -39
- package/components/counter/demo/readme.md +1 -1
- package/components/counter/dist/index.js +500 -39
- package/components/counter/dist/registered.js +500 -39
- package/components/datepicker/README.md +1 -1
- package/components/datepicker/demo/api.md +30 -0
- package/components/datepicker/demo/api.min.js +1281 -207
- package/components/datepicker/demo/index.min.js +1281 -207
- package/components/datepicker/demo/readme.md +1 -1
- package/components/datepicker/dist/auro-calendar.d.ts +5 -1
- package/components/datepicker/dist/auro-datepicker.d.ts +7 -0
- package/components/datepicker/dist/buttonVersion.d.ts +2 -0
- package/components/datepicker/dist/index.js +1281 -207
- package/components/datepicker/dist/popoverVersion.d.ts +1 -1
- package/components/datepicker/dist/registered.js +1281 -207
- package/components/dropdown/README.md +1 -1
- package/components/dropdown/demo/api.min.js +81 -10
- package/components/dropdown/demo/index.min.js +81 -10
- package/components/dropdown/demo/readme.md +1 -1
- package/components/dropdown/dist/index.js +81 -10
- package/components/dropdown/dist/registered.js +81 -10
- package/components/form/README.md +1 -1
- package/components/form/demo/readme.md +1 -1
- package/components/input/README.md +1 -1
- package/components/input/demo/api.min.js +263 -13
- package/components/input/demo/index.min.js +263 -13
- package/components/input/demo/readme.md +1 -1
- package/components/input/dist/index.js +263 -13
- package/components/input/dist/registered.js +263 -13
- package/components/menu/README.md +1 -1
- package/components/menu/demo/api.min.js +77 -7
- package/components/menu/demo/index.min.js +77 -7
- package/components/menu/demo/readme.md +1 -1
- package/components/menu/dist/index.js +77 -7
- package/components/menu/dist/registered.js +77 -7
- package/components/radio/README.md +1 -1
- package/components/radio/demo/api.min.js +1 -1
- package/components/radio/demo/index.min.js +1 -1
- package/components/radio/demo/readme.md +1 -1
- package/components/radio/dist/index.js +1 -1
- package/components/radio/dist/registered.js +1 -1
- package/components/select/README.md +1 -1
- package/components/select/demo/api.min.js +319 -38
- package/components/select/demo/index.min.js +319 -38
- package/components/select/demo/readme.md +1 -1
- package/components/select/dist/index.js +240 -29
- package/components/select/dist/registered.js +240 -29
- package/package.json +2 -2
|
@@ -12,7 +12,7 @@ import { repeat } from 'lit/directives/repeat.js';
|
|
|
12
12
|
|
|
13
13
|
/* eslint-disable line-comment-position, no-inline-comments, no-confusing-arrow, no-nested-ternary, implicit-arrow-linebreak */
|
|
14
14
|
|
|
15
|
-
let AuroLibraryRuntimeUtils$
|
|
15
|
+
let AuroLibraryRuntimeUtils$9 = class AuroLibraryRuntimeUtils {
|
|
16
16
|
|
|
17
17
|
/* eslint-disable jsdoc/require-param */
|
|
18
18
|
|
|
@@ -81,7 +81,7 @@ let AuroLibraryRuntimeUtils$4 = class AuroLibraryRuntimeUtils {
|
|
|
81
81
|
|
|
82
82
|
let AuroFormValidation$1 = class AuroFormValidation {
|
|
83
83
|
constructor() {
|
|
84
|
-
this.runtimeUtils = new AuroLibraryRuntimeUtils$
|
|
84
|
+
this.runtimeUtils = new AuroLibraryRuntimeUtils$9();
|
|
85
85
|
}
|
|
86
86
|
|
|
87
87
|
/**
|
|
@@ -390,7 +390,7 @@ let AuroFormValidation$1 = class AuroFormValidation {
|
|
|
390
390
|
// See LICENSE in the project root for license information.
|
|
391
391
|
|
|
392
392
|
|
|
393
|
-
let AuroDependencyVersioning$
|
|
393
|
+
let AuroDependencyVersioning$5 = class AuroDependencyVersioning {
|
|
394
394
|
|
|
395
395
|
/**
|
|
396
396
|
* Generates a unique string to be used for child auro element naming.
|
|
@@ -749,7 +749,7 @@ class UtilitiesCalendarRender {
|
|
|
749
749
|
*/
|
|
750
750
|
renderCalendar(elem, month, year) {
|
|
751
751
|
return html`
|
|
752
|
-
<auro-calendar-month
|
|
752
|
+
<auro-formkit-calendar-month
|
|
753
753
|
id="${`month-${month}-${year}`}"
|
|
754
754
|
.disabledDays="${elem.disabledDays}"
|
|
755
755
|
.min="${elem.min}"
|
|
@@ -767,24 +767,24 @@ class UtilitiesCalendarRender {
|
|
|
767
767
|
@date-from-changed="${elem.dateFromChanged}"
|
|
768
768
|
@date-to-changed="${elem.dateToChanged}"
|
|
769
769
|
>
|
|
770
|
-
</auro-calendar-month>
|
|
770
|
+
</auro-formkit-calendar-month>
|
|
771
771
|
`;
|
|
772
772
|
}
|
|
773
773
|
}
|
|
774
774
|
|
|
775
|
-
var styleCss$
|
|
775
|
+
var styleCss$d = css`.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){border-width:0 !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}}`;
|
|
776
776
|
|
|
777
|
-
var colorCss$
|
|
777
|
+
var colorCss$d = css`.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)}.placeholderDate{color:var(--ds-auro-datepicker-placeholder-color)}`;
|
|
778
778
|
|
|
779
|
-
var tokensCss$
|
|
779
|
+
var tokensCss$a = css`:host{--ds-auro-datepicker-placeholder-color: var(--ds-color-text-secondary-default, #525252);--ds-auro-datepicker-range-input-divider-color: var(--ds-color-border-primary-default, #585e67);--ds-auro-calendar-mobile-header-container-color: var(--ds-color-container-primary-default, #ffffff);--ds-auro-calendar-mobile-header-divider-color: var(--ds-color-border-divider-default, rgba(0, 0, 0, 0.12));--ds-auro-calendar-mobile-header-text-color: var(--ds-color-text-secondary-default, #525252);--ds-auro-calendar-nav-btn-border-color: transparent;--ds-auro-calendar-nav-btn-chevron-color: var(--ds-color-icon-ui-primary-default-default, #2c67b5);--ds-auro-calendar-nav-btn-container-color: transparent;--ds-auro-calendar-month-container-color: var(--ds-color-container-primary-default, #ffffff);--ds-auro-calendar-month-divider-color: var(--ds-color-border-divider-default, rgba(0, 0, 0, 0.12));--ds-auro-calendar-month-header-color: var(--ds-color-text-primary-default, #2a2a2a);--ds-auro-calendar-cell-border-color: transparent;--ds-auro-calendar-cell-boxshadow-color: var(--ds-elevation-200, 0px 0px 10px rgba(0, 0, 0, 0.15));--ds-auro-calendar-cell-container-color: transparent;--ds-auro-calendar-cell-in-range-color: var(--ds-color-container-secondary-default, #f7f7f7);--ds-auro-calendar-cell-price-text-color: var(--ds-color-text-primary-default, #2a2a2a);--ds-auro-calendar-cell-text-color: var(--ds-color-text-primary-default, #2a2a2a)}`;
|
|
780
780
|
|
|
781
|
-
var styleCss$
|
|
781
|
+
var styleCss$c = css`:host{--calendar-width: 336px;--mobile-footer-height: 150px;--mobile-header-height: 68px;height:100vh;height:100dvh}.calendars{display:flex;flex-direction:row}.calendarNavButtons{position:absolute;top:var(--ds-size-200, 1rem);right:var(--ds-size-50, 0.25rem);left:var(--ds-size-50, 0.25rem)}.calendarNavBtn{display:flex;width:var(--ds-size-500, 2.5rem);height:var(--ds-size-500, 2.5rem);align-items:center;justify-content:center;border-width:1px;border-style:solid;border-radius:50%;cursor:pointer}.prevMonth,.nextMonth{position:absolute;top:0}.prevMonth{left:0}.nextMonth{right:0}.headerActions{padding:0 var(--ds-size-200, 1rem)}.mobileHeader{width:100%;height:var(--mobile-header-height);z-index:1;align-items:center;flex-direction:row}.headerDateFrom{display:flex;height:var(--mobile-header-height);flex:1;flex-direction:column;justify-content:center;padding:0 var(--ds-size-150, 0.75rem) 0 var(--ds-size-200, 1rem)}.mobileDateLabel{font-size:var(--ds-text-body-size-xs, 0.75rem)}.headerDateTo{height:calc(var(--mobile-header-height) - var(--ds-size-300, 1.5rem));padding:var(--ds-size-300, 1.5rem) var(--ds-size-100, 0.5rem) 0 var(--ds-size-200, 1rem)}:host(:not([noRange])) .headerDateTo{position:relative;display:flex;flex:1;flex-direction:column;justify-content:center}:host(:not([noRange])) .headerDateTo:after{position:absolute;top:calc(50% + 10px);left:0;display:block;width:1px;height:var(--ds-size-300, 1.5rem);content:"";transform:translateY(-50%)}.mobileFooter{display:none;width:100%;align-items:flex-end;flex-direction:column;justify-content:flex-end}.mobileFooterActions{position:relative;bottom:0;left:50%;display:none;width:calc(100% - var(--ds-size-200, 1rem)*2);align-items:flex-end;flex-direction:column;justify-content:flex-end;padding:var(--ds-size-150) calc(var(--ds-size-200, 1rem));transform:translateX(-50%)}.mobileFooterActions auro-button{width:100%}:host([isfullscreen]){width:100%;max-height:100dvh;overflow:hidden}:host([isfullscreen]) .prevMonth,:host([isfullscreen]) .nextMonth{display:none}:host([isfullscreen]) .mobileHeader,:host([isfullscreen]) .mobileFooter,:host([isfullscreen]) .mobileFooterActions{display:flex}:host([isfullscreen]) .calendarWrapper{display:flex;flex-direction:column}:host([isfullscreen]) .calendars{display:flex;flex-direction:column;flex:1;align-items:center;width:100%;overscroll-behavior:contain}:host([isfullscreen]) .calendars:after{display:block;width:100%;height:var(--mobile-footer-height);content:""}`;
|
|
782
782
|
|
|
783
|
-
var colorCss$
|
|
783
|
+
var colorCss$c = css`.calendarNavBtn{border-color:var(--ds-auro-calendar-nav-btn-border-color);background-color:var(--ds-auro-calendar-nav-btn-container-color);color:var(--ds-auro-calendar-nav-btn-chevron-color)}.calendarNavBtn:hover,.calendarNavBtn:focus{--ds-auro-calendar-nav-btn-border-color: var(--ds-color-border-ui-default-default, #2c67b5)}.calendarNavBtn:active{--ds-auro-calendar-nav-btn-border-color: var(--ds-color-border-ui-default-default, #2c67b5);box-shadow:inset 0 0 0 1px var(--ds-auro-calendar-nav-btn-border-color)}.mobileHeader{background-color:var(--ds-auro-calendar-mobile-header-container-color)}.mobileDateLabel{color:var(--ds-auro-calendar-mobile-header-text-color)}:host(:not([noRange])) .headerDateTo:after{background-color:var(--ds-auro-calendar-mobile-header-divider-color)}@media screen and (max-width: 576px){.calendarNavBtn{--ds-auro-calendar-nav-btn-border-color: var(--ds-color-border-ui-default-default, #2c67b5)}}`;
|
|
784
784
|
|
|
785
|
-
var styleCss$
|
|
785
|
+
var styleCss$b = css`*,*:before,*:after{box-sizing:border-box}@media(prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}}*:focus-visible{outline:0}*:focus-visible{outline:0}:focus:not(:focus-visible){outline:3px solid transparent}:host{position:relative;display:block;width:calc(100% - var(--ds-size-200, 1rem) - var(--ds-size-200, 1rem));margin:0 var(--ds-size-200, 1rem)}@media screen and (min-width: 576px){:host{width:336px;padding:var(--ds-size-200, 1rem)}}@media screen and (min-width: 576px){:host(:not(:last-of-type)):after{position:absolute;top:var(--ds-size-200, 1rem);right:calc(-1*var(--ds-size-200, 1rem));height:calc(100% - var(--ds-size-200, 1rem) - var(--ds-size-200, 1rem));display:block;width:1px;content:""}}.header{display:flex;height:var(--ds-size-500, 2.5rem);margin-bottom:var(--ds-size-150, 0.75rem);align-items:center;flex-direction:row;text-align:center}.headerTitle{display:flex;align-items:center;flex:1;flex-direction:row;justify-content:center;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)}.headerTitle div:first-child{margin-right:var(--ds-size-100, 0.5rem)}.calendarNavBtn{position:relative;display:flex;width:var(--ds-size-500, 2.5rem);height:var(--ds-size-500, 2.5rem);align-items:center;justify-content:center;border-width:1px;border-style:solid;border-radius:50%;cursor:pointer}.table{width:100%;border-collapse:collapse}.thead{margin-bottom:var(--ds-size-100, 0.5rem)}.th{display:flex;flex:1;align-items:center;justify-content:center;font-weight:700}.tbody{width:100%;transition:all 0ms;transform:translateX(0)}@media screen and (min-width: 576px){.tbody{height:384px}}.td{flex:1;margin:0;padding:0}.tr{display:flex;flex-direction:row;width:100%}`;
|
|
786
786
|
|
|
787
|
-
var colorCss$
|
|
787
|
+
var colorCss$b = css`*,*:before,*:after{box-sizing:border-box}@media(prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}}*:focus-visible{outline:0}*:focus-visible{outline:0}:focus:not(:focus-visible){outline:3px solid transparent}:host{background-color:var(--ds-auro-calendar-month-container-color)}@media screen and (min-width: 576px){:host(:not(:last-of-type)):after{background-color:var(--ds-auro-calendar-month-divider-color)}}.header{color:var(--ds-auro-calendar-month-header-color)}`;
|
|
788
788
|
|
|
789
789
|
/******************************************************************************
|
|
790
790
|
Copyright (c) Microsoft Corporation.
|
|
@@ -6770,7 +6770,7 @@ __decorate([property({ type: Array })], RangeDatepickerCell.prototype, "disabled
|
|
|
6770
6770
|
__decorate([property({ type: String })], RangeDatepickerCell.prototype, "hoveredDate", void 0);
|
|
6771
6771
|
__decorate([property({ type: Boolean })], RangeDatepickerCell.prototype, "isCurrentDate", void 0);
|
|
6772
6772
|
__decorate([property({ type: Object })], RangeDatepickerCell.prototype, "locale", null);
|
|
6773
|
-
AuroLibraryRuntimeUtils$
|
|
6773
|
+
AuroLibraryRuntimeUtils$9.prototype.registerComponent('wc-range-datepicker-cell', RangeDatepickerCell);
|
|
6774
6774
|
|
|
6775
6775
|
class Day {
|
|
6776
6776
|
constructor(date) {
|
|
@@ -7288,17 +7288,17 @@ __decorate([property({ type: Array })], RangeDatepickerCalendar.prototype, "year
|
|
|
7288
7288
|
__decorate([property({ type: Array })], RangeDatepickerCalendar.prototype, "monthsList", void 0);
|
|
7289
7289
|
__decorate([property({ type: Array })], RangeDatepickerCalendar.prototype, "dayNamesOfTheWeek", void 0);
|
|
7290
7290
|
__decorate([property({ type: Array })], RangeDatepickerCalendar.prototype, "daysOfMonth", void 0);
|
|
7291
|
-
AuroLibraryRuntimeUtils$
|
|
7291
|
+
AuroLibraryRuntimeUtils$9.prototype.registerComponent('wc-range-datepicker-calendar', RangeDatepickerCalendar);
|
|
7292
7292
|
|
|
7293
|
-
var styleCss$
|
|
7293
|
+
var styleCss$a = css`@media screen and (max-width: 576px){:host{display:flex;justify-content:center}}.day{position:relative;width:var(--ds-size-500, 2.5rem);height:calc(var(--ds-size-700, 3.5rem) - 2px);padding:0;border-width:1px;border-style:solid;border-radius:var(--ds-size-300, 1.5rem);cursor:pointer;font-family:var(--ds-font-family-default, "AS Circular", Helvetica Neue, Arial, sans-serif);font-size:var(--ds-text-body-size-default, 1rem);user-select:none}.day.disabled{cursor:default !important}.day.inRange::before{position:absolute;z-index:-1;top:50%;left:50%;display:block;width:14.2857142857vw;height:var(--ds-size-600, 3rem);content:"";transform:translate(-50%, -50%)}@media screen and (min-width: 576px){.day.inRange::before{width:var(--ds-size-600, 3rem)}}.day.rangeDepartDate::before{position:absolute;z-index:-1;top:50%;left:50%;display:block;width:14.2857142857vw;height:var(--ds-size-600, 3rem);content:"";transform:translate(-50%, -50%);width:7.1428571429vw;transform:translate(0%, -50%)}@media screen and (min-width: 576px){.day.rangeDepartDate::before{width:calc(var(--ds-size-600, 3rem)/2)}}.day.rangeReturnDate::before,.day.lastHoveredDate::before{position:absolute;z-index:-1;top:50%;left:50%;display:block;width:14.2857142857vw;height:var(--ds-size-600, 3rem);content:"";transform:translate(-50%, -50%);width:7.1428571429vw;transform:translate(-100%, -50%)}@media screen and (min-width: 576px){.day.rangeReturnDate::before,.day.lastHoveredDate::before{width:calc(var(--ds-size-600, 3rem)/2)}}.dateSlot{display:flex;flex-direction:column;font-size:var(--ds-text-body-size-xxs, 0.625rem)}::slotted([slot^=date_]){position:absolute;top:80%;left:50%;width:80%;overflow:hidden;white-space:nowrap;transform:translate(-50%, -50%)}::slotted(auro-icon){max-height:24px;max-width:24px}:host([renderForDateSlot]) .buttonWrapper{position:relative;width:100%;top:5px}:host([renderForDateSlot]) .currentDayMarker{position:relative;padding-bottom:5px;top:-8px}@media screen and (min-width: 576px){.day{width:var(--ds-size-600, 3rem);height:var(--ds-size-800, 4rem);font-size:var(--ds-text-body-size-lg, 1.125rem)}.day:hover{cursor:pointer}.dateSlot{font-size:var(--ds-text-body-size-xs, 0.75rem)}}`;
|
|
7294
7294
|
|
|
7295
|
-
var colorCss$
|
|
7295
|
+
var colorCss$a = css`: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-color-text-success-default, #0b6f4d)}.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)}.day.selected{--ds-auro-calendar-border-color: var(--ds-color-border-ui-active-default, #225296);--ds-auro-calendar-cell-container-color: var(--ds-color-container-ui-primary-active-default, #225296);--ds-auro-calendar-cell-text-color: var(--ds-color-text-primary-inverse, #ffffff);box-shadow:var(--ds-auro-calendar-boxshadow-color)}.day.selected:hover{--ds-auro-calendar-cell-container-color: var(--ds-color-container-primary-default, #ffffff);--ds-auro-calendar-cell-border-color: var(--ds-color-border-ui-focus-default, #2c67b5);box-shadow:unset}.day.selected:not(:hover){--ds-auro-calendar-cell-price-text-color: var(--ds-color-text-primary-inverse, #ffffff)}.day:hover{--ds-auro-calendar-cell-container-color: var(--ds-color-brand-neutral-200, #e4e8ec);--ds-auro-calendar-cell-text-color: var(--ds-color-text-primary-default, #2a2a2a)}.day.disabled{--ds-auro-calendar-cell-text-color: var(--ds-color-text-ui-disabled-default, #adadad);--ds-auro-calendar-cell-container-color: var(--ds-color-container-primary-default, #ffffff)}.day.inRange:before,.day.rangeDepartDate:before,.day.rangeReturnDate:before,.day.lastHoveredDate:before{background-color:var(--ds-auro-calendar-cell-in-range-color)}.day.sameDateTrip:before{--ds-auro-calendar-cell-in-range-color: transparent}:host([disabled]){--ds-auro-calendar-cell-price-text-color: var(--ds-color-text-ui-disabled-default, #adadad)}`;
|
|
7296
7296
|
|
|
7297
|
-
var styleCss$7 = css`:root{--ds-asset-font-circular-family-name: "AS Circular";--ds-asset-font-circular-filename: "ASCircularWeb";--ds-asset-font-circular-weight-light: "-Light";--ds-asset-font-circular-weight-medium: "-Medium";--ds-asset-font-circular-weight-book: "-Book";--ds-border-radius: 0.375rem;--ds-size-25: 0.125rem;--ds-size-50: 0.25rem;--ds-size-75: 0.375rem;--ds-size-100: 0.5rem;--ds-size-150: 0.75rem;--ds-size-200: 1rem;--ds-size-250: 1.25rem;--ds-size-300: 1.5rem;--ds-size-400: 2rem;--ds-size-500: 2.5rem;--ds-size-600: 3rem;--ds-size-700: 3.5rem;--ds-size-800: 4rem;--ds-size-900: 4.5rem;--ds-size-1000: 5rem;--ds-unitless-scale-20: 0.25;--ds-unitless-scale-50: 0.5;--ds-unitless-scale-100: 1;--ds-unitless-scale-140: 1.4;--ds-unitless-scale-150: 1.5;--ds-unitless-scale-200: 2;--ds-unitless-scale-300: 3;--ds-unitless-scale-350: 3.5;--ds-animation-default-property: all;--ds-animation-default-duration: 0.3s;--ds-animation-default-timing: ease-out;--ds-depth-overlay: 200;--ds-depth-modal: 300;--ds-depth-tooltip: 400;--ds-elevation-100: 0px 0px 5px rgba(0, 0, 0, 0.15);--ds-elevation-200: 0px 0px 10px rgba(0, 0, 0, 0.15);--ds-elevation-300: 0px 0px 15px rgba(0, 0, 0, 0.2);--ds-grid-breakpoint-xs: 320px;--ds-grid-breakpoint-sm: 576px;--ds-grid-breakpoint-md: 768px;--ds-grid-breakpoint-lg: 1024px;--ds-grid-breakpoint-xl: 1232px;--ds-grid-column-xs: 6;--ds-grid-column-sm: 12;--ds-grid-column-md: 12;--ds-grid-column-lg: 12;--ds-grid-column-xl: 12;--ds-grid-gutter-xs: 0.5rem;--ds-grid-gutter-sm: 1rem;--ds-grid-gutter-md: 1.5rem;--ds-grid-gutter-lg: 1.5rem;--ds-grid-gutter-xl: 2rem;--ds-grid-margin-xs: 1rem;--ds-grid-margin-sm: 1rem;--ds-grid-margin-md: 1.5rem;--ds-grid-margin-lg: 2rem;--ds-grid-margin-xl: 2rem;--ds-font-family-default: "AS Circular", Helvetica Neue, Arial, sans-serif;--ds-font-family-mono: Menlo, Monaco, Consolas, "Courier New", monospace;--ds-text-heading-300-weight: 300;--ds-text-heading-300-px: 18px;--ds-text-heading-300-size: 1.125rem;--ds-text-heading-300-height: 1.625rem;--ds-text-heading-300-height-px: 26px;--ds-text-heading-400-weight: 300;--ds-text-heading-400-px: 20px;--ds-text-heading-400-size: 1.25rem;--ds-text-heading-400-height: 1.625rem;--ds-text-heading-400-height-px: 26px;--ds-text-heading-500-weight: 300;--ds-text-heading-500-px-breakpoint-sm: 22px;--ds-text-heading-500-px-breakpoint-md: 24px;--ds-text-heading-500-px-breakpoint-lg: 24px;--ds-text-heading-500-size-breakpoint-sm: 1.375rem;--ds-text-heading-500-size-breakpoint-md: 1.5rem;--ds-text-heading-500-size-breakpoint-lg: 1.5rem;--ds-text-heading-500-height-breakpoint-sm: 1.625rem;--ds-text-heading-500-height-breakpoint-px-sm: 26px;--ds-text-heading-500-height-breakpoint-md: 1.875rem;--ds-text-heading-500-height-breakpoint-px-md: 30px;--ds-text-heading-500-height-breakpoint-lg: 2rem;--ds-text-heading-500-height-breakpoint-px-lg: 32px;--ds-text-heading-600-weight: 300;--ds-text-heading-600-px-breakpoint-sm: 26px;--ds-text-heading-600-px-breakpoint-md: 28px;--ds-text-heading-600-px-breakpoint-lg: 28px;--ds-text-heading-600-size-breakpoint-sm: 1.625rem;--ds-text-heading-600-size-breakpoint-md: 1.75rem;--ds-text-heading-600-size-breakpoint-lg: 1.75rem;--ds-text-heading-600-height-breakpoint-sm: 1.875rem;--ds-text-heading-600-height-breakpoint-px-sm: 30px;--ds-text-heading-600-height-breakpoint-md: 2.125rem;--ds-text-heading-600-height-breakpoint-px-md: 34px;--ds-text-heading-600-height-breakpoint-lg: 2.25rem;--ds-text-heading-600-height-breakpoint-px-lg: 36px;--ds-text-heading-700-weight: 500;--ds-text-heading-700-px-breakpoint-sm: 28px;--ds-text-heading-700-px-breakpoint-md: 32px;--ds-text-heading-700-px-breakpoint-lg: 36px;--ds-text-heading-700-size-breakpoint-sm: 1.75rem;--ds-text-heading-700-size-breakpoint-md: 2rem;--ds-text-heading-700-size-breakpoint-lg: 2.25rem;--ds-text-heading-700-height-breakpoint-sm: 2.125rem;--ds-text-heading-700-height-breakpoint-px-sm: 34px;--ds-text-heading-700-height-breakpoint-md: 2.375rem;--ds-text-heading-700-height-breakpoint-px-md: 38px;--ds-text-heading-700-height-breakpoint-lg: 2.75rem;--ds-text-heading-700-height-breakpoint-px-lg: 44px;--ds-text-heading-800-weight: 500;--ds-text-heading-800-px-breakpoint-sm: 32px;--ds-text-heading-800-px-breakpoint-md: 36px;--ds-text-heading-800-px-breakpoint-lg: 40px;--ds-text-heading-800-size-breakpoint-sm: 2rem;--ds-text-heading-800-size-breakpoint-md: 2.25rem;--ds-text-heading-800-size-breakpoint-lg: 2.5rem;--ds-text-heading-800-height-breakpoint-sm: 2.375rem;--ds-text-heading-800-height-breakpoint-px-sm: 38px;--ds-text-heading-800-height-breakpoint-md: 2.625rem;--ds-text-heading-800-height-breakpoint-px-md: 42px;--ds-text-heading-800-height-breakpoint-lg: 3rem;--ds-text-heading-800-height-breakpoint-px-lg: 48px;--ds-text-heading-default-weight: 500;--ds-text-heading-default-margin: 0;--ds-text-heading-default-spacing: -0.2px;--ds-text-heading-medium-weight: 300;--ds-text-heading-display-weight: 100;--ds-text-heading-display-px-breakpoint-sm: 44px;--ds-text-heading-display-px-breakpoint-md: 48px;--ds-text-heading-display-px-breakpoint-lg: 56px;--ds-text-heading-display-size-breakpoint-sm: 2.75rem;--ds-text-heading-display-size-breakpoint-md: 3rem;--ds-text-heading-display-size-breakpoint-lg: 3.5rem;--ds-text-heading-display-height-breakpoint-sm: 3.375rem;--ds-text-heading-display-height-breakpoint-px-sm: 54px;--ds-text-heading-display-height-breakpoint-md: 3.75rem;--ds-text-heading-display-height-breakpoint-px-md: 60px;--ds-text-heading-display-height-breakpoint-lg: 4.25rem;--ds-text-heading-display-height-breakpoint-px-lg: 68px;--ds-text-body-default-weight: 500;--ds-text-body-size-xxs: 0.625rem;--ds-text-body-size-xs: 0.75rem;--ds-text-body-size-sm: 0.875rem;--ds-text-body-size-default: 1rem;--ds-text-body-size-lg: 1.125rem;--ds-text-body-height-xs: 1rem;--ds-text-body-height-sm: 1.25rem;--ds-text-body-height-default: 1.5rem;--ds-text-body-height-lg: 1.625rem;--ds-color-alert-notification-default: #0074c8;--ds-color-alert-warning-default: #de750c;--ds-color-alert-error-default: #df0b37;--ds-color-alert-success-default: #00805d;--ds-color-alert-advisory-default: #fff0cd;--ds-color-alert-bkg-success-default: #ddf6e8;--ds-color-alert-bkg-error-default: #ffedf1;--ds-color-background-primary-100-default: #ffffff;--ds-color-background-primary-100-inverse: #0e2b4f;--ds-color-background-primary-200-default: #f7f7f7;--ds-color-background-primary-200-inverse: #194069;--ds-color-background-primary-300-default: #e4e8ec;--ds-color-background-primary-300-inverse: #265688;--ds-color-background-primary-400-default: #dddddd;--ds-color-background-primary-400-inverse: #326aa5;--ds-color-background-success-default: #eef8f5;--ds-color-background-success-inverse: #173c30;--ds-color-background-error-default: #fff4f4;--ds-color-background-error-inverse: #74110e;--ds-color-background-warning-default: #fef8e9;--ds-color-background-warning-inverse: #5d4514;--ds-color-background-info-default: #f0f7fd;--ds-color-background-info-inverse: #193d73;--ds-color-background-subtle-default: #f7f8fa;--ds-color-background-subtle-inverse: #2a2a2a;--ds-color-background-accent-default: #ebfafd;--ds-color-background-accent-inverse: #275b72;--ds-color-background-emphasis-default: #c9e0f7;--ds-color-background-emphasis-inverse: #225296;--ds-color-background-scrimmed-default: rgba(0, 0, 0, 0.5);--ds-color-background-lightest: #ffffff;--ds-color-background-lighter: #f7f7f7;--ds-color-background-darker: #01426a;--ds-color-background-darkest: #00274a;--ds-color-background-gradient-default: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5));--ds-color-base-white: #ffffff;--ds-color-base-white-100: rgba(255, 255, 255, 0.03);--ds-color-base-white-200: rgba(255, 255, 255, 0.06);--ds-color-base-white-300: rgba(255, 255, 255, 0.12);--ds-color-base-white-400: rgba(255, 255, 255, 0.25);--ds-color-base-white-500: rgba(255, 255, 255, 0.5);--ds-color-base-white-opacity-50: rgba(255, 255, 255, 0.5);--ds-color-base-white-opacity-40: rgba(255, 255, 255, 0.4);--ds-color-base-white-opacity-0: rgba(255, 255, 255, 0);--ds-color-base-black: #000000;--ds-color-base-black-100: rgba(0, 0, 0, 0.03);--ds-color-base-black-200: rgba(0, 0, 0, 0.06);--ds-color-base-black-300: rgba(0, 0, 0, 0.12);--ds-color-base-black-400: rgba(0, 0, 0, 0.25);--ds-color-base-black-500: rgba(0, 0, 0, 0.5);--ds-color-base-black-opacity-15: rgba(0, 0, 0, 0.15);--ds-color-base-blue-100: #f0f7fd;--ds-color-base-blue-200: #c9e0f7;--ds-color-base-blue-300: #a0c9f1;--ds-color-base-blue-400: #79b2ec;--ds-color-base-blue-500: #5398e6;--ds-color-base-blue-600: #3b7fd2;--ds-color-base-blue-700: #2c67b5;--ds-color-base-blue-800: #225296;--ds-color-base-blue-900: #193d73;--ds-color-base-blue-1000: #102a51;--ds-color-base-cyan-100: #ebfafd;--ds-color-base-cyan-200: #a8e9f7;--ds-color-base-cyan-300: #6ad5ef;--ds-color-base-cyan-400: #56bbde;--ds-color-base-cyan-500: #4aa2c7;--ds-color-base-cyan-600: #3e89aa;--ds-color-base-cyan-700: #32718e;--ds-color-base-cyan-800: #275b72;--ds-color-base-cyan-900: #1d4658;--ds-color-base-cyan-1000: #12303d;--ds-color-base-error-100: #fff4f4;--ds-color-base-error-200: #f9aca6;--ds-color-base-error-300: #f16359;--ds-color-base-error-400: #cc1816;--ds-color-base-error-500: #74110e;--ds-color-base-gray-100: #f7f7f7;--ds-color-base-gray-200: #d4d4d4;--ds-color-base-gray-300: #c5c5c5;--ds-color-base-gray-400: #adadad;--ds-color-base-gray-500: #959595;--ds-color-base-gray-600: #7e7e7e;--ds-color-base-gray-700: #676767;--ds-color-base-gray-800: #525252;--ds-color-base-gray-900: #3d3d3d;--ds-color-base-gray-1000: #2a2a2a;--ds-color-base-green-100: #f3faf7;--ds-color-base-green-200: #000000;--ds-color-base-green-300: #addbca;--ds-color-base-green-400: #7ec6ac;--ds-color-base-green-500: #51ae8c;--ds-color-base-green-600: #459578;--ds-color-base-green-700: #3a7d64;--ds-color-base-green-800: #306854;--ds-color-base-green-900: #285545;--ds-color-base-green-1000: #1f4436;--ds-color-base-lime-100: #f5fbeb;--ds-color-base-lime-200: #d8efb4;--ds-color-base-lime-300: #badd81;--ds-color-base-lime-400: #a2c270;--ds-color-base-lime-500: #8ca761;--ds-color-base-lime-600: #778f53;--ds-color-base-lime-700: #647845;--ds-color-base-lime-800: #53643a;--ds-color-base-lime-900: #44522f;--ds-color-base-lime-1000: #364126;--ds-color-base-navy-100: #f2f7fb;--ds-color-base-navy-200: #cfe0ef;--ds-color-base-navy-300: #acc9e2;--ds-color-base-navy-400: #89b2d4;--ds-color-base-navy-500: #6899c6;--ds-color-base-navy-600: #4a82b7;--ds-color-base-navy-700: #326aa5;--ds-color-base-navy-800: #265688;--ds-color-base-navy-900: #194069;--ds-color-base-navy-1000: #0e2b4f;--ds-color-base-neutral-100: #f7f8fa;--ds-color-base-neutral-200: #e4e8ec;--ds-color-base-neutral-300: #ccd2db;--ds-color-base-neutral-400: #afb9c6;--ds-color-base-neutral-500: #939fad;--ds-color-base-neutral-600: #7e8894;--ds-color-base-neutral-700: #6a717c;--ds-color-base-neutral-800: #585e67;--ds-color-base-neutral-900: #484d55;--ds-color-base-neutral-1000: #393d43;--ds-color-base-pink-100: #fff7f8;--ds-color-base-pink-200: #fde0e6;--ds-color-base-pink-300: #fcc2ce;--ds-color-base-pink-400: #fa9db0;--ds-color-base-pink-500: #f7738e;--ds-color-base-pink-600: #e45472;--ds-color-base-pink-700: #bf475f;--ds-color-base-pink-800: #a03b50;--ds-color-base-pink-900: #833142;--ds-color-base-pink-1000: #692734;--ds-color-base-purple-100: #fbf8fe;--ds-color-base-purple-200: #ede3fd;--ds-color-base-purple-300: #ddc9fb;--ds-color-base-purple-400: #c9a9f8;--ds-color-base-purple-500: #b588f5;--ds-color-base-purple-600: #a268f3;--ds-color-base-purple-700: #8d47f0;--ds-color-base-purple-800: #7633d7;--ds-color-base-purple-900: #622ab2;--ds-color-base-purple-1000: #4e228d;--ds-color-base-red-100: #fef7f5;--ds-color-base-red-200: #fae2da;--ds-color-base-red-300: #f5c7b8;--ds-color-base-red-400: #f0a68d;--ds-color-base-red-500: #e9815e;--ds-color-base-red-600: #e35c2f;--ds-color-base-red-700: #d03a08;--ds-color-base-red-800: #ae3007;--ds-color-base-red-900: #902806;--ds-color-base-red-1000: #732005;--ds-color-base-success-100: #eef8f5;--ds-color-base-success-200: #8eceb9;--ds-color-base-success-300: #40a080;--ds-color-base-success-400: #0b6f4d;--ds-color-base-success-500: #173c30;--ds-color-base-turquoise-100: #f7fafa;--ds-color-base-turquoise-200: #dfe9ea;--ds-color-base-turquoise-300: #c2d5d6;--ds-color-base-turquoise-400: #9fbdbe;--ds-color-base-turquoise-500: #7ba5a6;--ds-color-base-turquoise-600: #5c8f91;--ds-color-base-turquoise-700: #3d7a7d;--ds-color-base-turquoise-800: #21686a;--ds-color-base-turquoise-900: #085659;--ds-color-base-turquoise-1000: #004447;--ds-color-base-yellow-100: #fff9df;--ds-color-base-yellow-200: #ffe87e;--ds-color-base-yellow-300: #f9ce06;--ds-color-base-yellow-400: #d6b622;--ds-color-base-yellow-500: #b49d35;--ds-color-base-yellow-600: #96873e;--ds-color-base-yellow-700: #7c7140;--ds-color-base-yellow-800: #665e3d;--ds-color-base-yellow-900: #524e38;--ds-color-base-yellow-1000: #403d30;--ds-color-base-warning-100: #fef8e9;--ds-color-base-warning-200: #f2c153;--ds-color-base-warning-300: #c49432;--ds-color-base-warning-400: #8e6b22;--ds-color-base-warning-500: #5d4514;--ds-color-state-error-100: #ff999b;--ds-color-state-error-500: #df0b37;--ds-color-state-success-100: #69cf96;--ds-color-state-success-500: #00805d;--ds-color-state-warning-500: #de750c;--ds-color-border-primary-default: #585e67;--ds-color-border-primary-inverse: #afb9c6;--ds-color-border-secondary-default: #939fad;--ds-color-border-secondary-inverse: #7e8894;--ds-color-border-tertiary-default: #dddddd;--ds-color-border-tertiary-inverse: #676767;--ds-color-border-error-default: #cc1816;--ds-color-border-error-inverse: #f9aca6;--ds-color-border-divider-default: rgba(0, 0, 0, 0.12);--ds-color-border-divider-inverse: rgba(255, 255, 255, 0.25);--ds-color-border-subtle-default: #f0f7fd;--ds-color-border-subtle-inverse: #326aa5;--ds-color-border-emphasis-default: #194069;--ds-color-border-emphasis-inverse: #f2f7fb;--ds-color-border-accent-default: #badd81;--ds-color-border-accent-inverse: #a2c270;--ds-color-border-success-default: #0b6f4d;--ds-color-border-success-inverse: #8eceb9;--ds-color-border-warning-default: #c49432;--ds-color-border-warning-inverse: #f2c153;--ds-color-border-info-default: #326aa5;--ds-color-border-info-inverse: #89b2d4;--ds-color-border-ui-default-default: #2c67b5;--ds-color-border-ui-default-inverse: #56bbde;--ds-color-border-ui-hover-default: #193d73;--ds-color-border-ui-hover-inverse: #a8e9f7;--ds-color-border-ui-active-default: #225296;--ds-color-border-ui-active-inverse: #6ad5ef;--ds-color-border-ui-focus-default: #2c67b5;--ds-color-border-ui-focus-inverse: #56bbde;--ds-color-border-ui-disabled-default: #adadad;--ds-color-border-ui-disabled-inverse: #7e7e7e;--ds-color-border-active-default: #0074c8;--ds-color-border-active-inverse: #00cff0;--ds-color-border-disabled-default: #d4d4d4;--ds-color-border-focus-default: #959595;--ds-color-brand-neutral-100: #f7f8fa;--ds-color-brand-neutral-200: #e4e8ec;--ds-color-brand-neutral-300: #ccd2db;--ds-color-brand-neutral-400: #afb9c6;--ds-color-brand-neutral-500: #939fad;--ds-color-brand-neutral-600: #7e8894;--ds-color-brand-neutral-700: #6a717c;--ds-color-brand-neutral-800: #585e67;--ds-color-brand-neutral-900: #484d55;--ds-color-brand-neutral-1000: #393d43;--ds-color-brand-gray-100: #f7f7f7;--ds-color-brand-gray-200: #dddddd;--ds-color-brand-gray-300: #c5c5c5;--ds-color-brand-gray-400: #adadad;--ds-color-brand-gray-500: #959595;--ds-color-brand-gray-600: #7e7e7e;--ds-color-brand-gray-700: #676767;--ds-color-brand-gray-800: #525252;--ds-color-brand-gray-900: #3d3d3d;--ds-color-brand-gray-1000: #2a2a2a;--ds-color-brand-red-100: #fef7f5;--ds-color-brand-red-200: #fae2da;--ds-color-brand-red-300: #f5c7b8;--ds-color-brand-red-400: #f0a68d;--ds-color-brand-red-500: #e9815e;--ds-color-brand-red-600: #e35c2f;--ds-color-brand-red-700: #d03a08;--ds-color-brand-red-800: #ae3007;--ds-color-brand-red-900: #902806;--ds-color-brand-red-1000: #732005;--ds-color-brand-yellow-100: #fff9df;--ds-color-brand-yellow-200: #ffe87e;--ds-color-brand-yellow-300: #f9ce06;--ds-color-brand-yellow-400: #d6b622;--ds-color-brand-yellow-500: #b49d35;--ds-color-brand-yellow-600: #96873e;--ds-color-brand-yellow-700: #7c7140;--ds-color-brand-yellow-800: #665e3d;--ds-color-brand-yellow-900: #524e38;--ds-color-brand-yellow-1000: #403d30;--ds-color-brand-lime-100: #f5fbeb;--ds-color-brand-lime-200: #d8efb4;--ds-color-brand-lime-300: #badd81;--ds-color-brand-lime-400: #a2c270;--ds-color-brand-lime-500: #8ca761;--ds-color-brand-lime-600: #778f53;--ds-color-brand-lime-700: #647845;--ds-color-brand-lime-800: #53643a;--ds-color-brand-lime-900: #44522f;--ds-color-brand-lime-1000: #364126;--ds-color-brand-green-100: #f3faf7;--ds-color-brand-green-200: #d4ece4;--ds-color-brand-green-300: #addbca;--ds-color-brand-green-400: #7ec6ac;--ds-color-brand-green-500: #51ae8c;--ds-color-brand-green-600: #459578;--ds-color-brand-green-700: #3a7d64;--ds-color-brand-green-800: #306854;--ds-color-brand-green-900: #285545;--ds-color-brand-green-1000: #1f4436;--ds-color-brand-turquoise-100: #f7fafa;--ds-color-brand-turquoise-200: #dfe9ea;--ds-color-brand-turquoise-300: #c2d5d6;--ds-color-brand-turquoise-400: #9fbdbe;--ds-color-brand-turquoise-500: #7ba5a6;--ds-color-brand-turquoise-600: #5c8f91;--ds-color-brand-turquoise-700: #3d7a7d;--ds-color-brand-turquoise-800: #21686a;--ds-color-brand-turquoise-900: #085659;--ds-color-brand-turquoise-1000: #004447;--ds-color-brand-cyan-100: #ebfafd;--ds-color-brand-cyan-200: #a8e9f7;--ds-color-brand-cyan-300: #6ad5ef;--ds-color-brand-cyan-400: #56bbde;--ds-color-brand-cyan-500: #4aa2c7;--ds-color-brand-cyan-600: #3e89aa;--ds-color-brand-cyan-700: #32718e;--ds-color-brand-cyan-800: #275b72;--ds-color-brand-cyan-900: #1d4658;--ds-color-brand-cyan-1000: #12303d;--ds-color-brand-blue-100: #f0f7fd;--ds-color-brand-blue-200: #c9e0f7;--ds-color-brand-blue-300: #a0c9f1;--ds-color-brand-blue-400: #79b2ec;--ds-color-brand-blue-500: #5398e6;--ds-color-brand-blue-600: #3b7fd2;--ds-color-brand-blue-700: #2c67b5;--ds-color-brand-blue-800: #225296;--ds-color-brand-blue-900: #193d73;--ds-color-brand-blue-1000: #102a51;--ds-color-brand-navy-100: #f2f7fb;--ds-color-brand-navy-200: #cfe0ef;--ds-color-brand-navy-300: #acc9e2;--ds-color-brand-navy-400: #89b2d4;--ds-color-brand-navy-500: #6899c6;--ds-color-brand-navy-600: #4a82b7;--ds-color-brand-navy-700: #326aa5;--ds-color-brand-navy-800: #265688;--ds-color-brand-navy-900: #194069;--ds-color-brand-navy-1000: #0e2b4f;--ds-color-brand-purple-100: #fbf8fe;--ds-color-brand-purple-200: #ede3fd;--ds-color-brand-purple-300: #ddc9fb;--ds-color-brand-purple-400: #c9a9f8;--ds-color-brand-purple-500: #b588f5;--ds-color-brand-purple-600: #a268f3;--ds-color-brand-purple-700: #8d47f0;--ds-color-brand-purple-800: #7633d7;--ds-color-brand-purple-900: #622ab2;--ds-color-brand-purple-1000: #4e228d;--ds-color-brand-pink-100: #fff7f8;--ds-color-brand-pink-200: #fde0e6;--ds-color-brand-pink-300: #fcc2ce;--ds-color-brand-pink-400: #fa9db0;--ds-color-brand-pink-500: #f7738e;--ds-color-brand-pink-600: #e45472;--ds-color-brand-pink-700: #bf475f;--ds-color-brand-pink-800: #a03b50;--ds-color-brand-pink-900: #833142;--ds-color-brand-pink-1000: #692734;--ds-color-brand-midnight-100: #c1daf0;--ds-color-brand-midnight-200: #569ed7;--ds-color-brand-midnight-300: #156fad;--ds-color-brand-midnight-400: #01426a;--ds-color-brand-midnight-500: #00274a;--ds-color-brand-atlas-100: #cde6ff;--ds-color-brand-atlas-200: #6bb7fb;--ds-color-brand-atlas-300: #2492eb;--ds-color-brand-atlas-400: #0074c8;--ds-color-brand-atlas-500: #054687;--ds-color-brand-atlas-400-opacity-20: rgba(0, 116, 200, 0.2);--ds-color-brand-breeze-100: #c0f7ff;--ds-color-brand-breeze-200: #5de3f7;--ds-color-brand-breeze-300: #00cff0;--ds-color-brand-breeze-400: #099dc5;--ds-color-brand-breeze-500: #0b5575;--ds-color-brand-breeze-300-opacity-30: rgba(0, 207, 240, 0.3);--ds-color-brand-tropical-100: #e2ffcd;--ds-color-brand-tropical-200: #d0fba6;--ds-color-brand-tropical-300: #c0e585;--ds-color-brand-tropical-400: #91be62;--ds-color-brand-tropical-500: #5e8741;--ds-color-brand-alpine-100: #bcaae6;--ds-color-brand-alpine-200: #9e73ea;--ds-color-brand-alpine-300: #8439ef;--ds-color-brand-alpine-400: #631db8;--ds-color-brand-alpine-500: #39115c;--ds-color-brand-flamingo-100: #ffebee;--ds-color-brand-flamingo-200: #ffc0ca;--ds-color-brand-flamingo-300: #ff94a7;--ds-color-brand-flamingo-400: #f65b7b;--ds-color-brand-flamingo-500: #b82b47;--ds-color-brand-canyon-100: #ffcab6;--ds-color-brand-canyon-200: #f99574;--ds-color-brand-canyon-300: #f26135;--ds-color-brand-canyon-400: #de3e09;--ds-color-brand-canyon-500: #b83302;--ds-color-brand-goldcoast-100: #fff0cd;--ds-color-brand-goldcoast-200: #ffdb67;--ds-color-brand-goldcoast-300: #ffd200;--ds-color-brand-goldcoast-400: #e5ad07;--ds-color-brand-goldcoast-500: #b88624;--ds-color-brand-goldgray-100: #c5c1bf;--ds-color-brand-goldgray-200: #726e6c;--ds-color-brand-gold-100: #ccbc94;--ds-color-brand-gold-200: #7f682e;--ds-color-brand-emerald: #139142;--ds-color-brand-sapphire: #015daa;--ds-color-brand-ruby: #a41d4a;--ds-color-brand-lounge: #01426a;--ds-color-brand-loungeplus: #53b390;--ds-color-container-accent-default: #f5fbeb;--ds-color-container-accent-inverse: #badd81;--ds-color-container-emphasis-default: #ebfafd;--ds-color-container-emphasis-inverse: #6ad5ef;--ds-color-container-error-default: #fff4f4;--ds-color-container-error-inverse: #74110e;--ds-color-container-info-default: #f0f7fd;--ds-color-container-info-inverse: #193d73;--ds-color-container-primary-default: #ffffff;--ds-color-container-primary-inverse: #0e2b4f;--ds-color-container-secondary-default: #f7f7f7;--ds-color-container-secondary-inverse: #194069;--ds-color-container-subtle-default: #f7f8fa;--ds-color-container-subtle-inverse: #393d43;--ds-color-container-success-default: #eef8f5;--ds-color-container-success-inverse: #173c30;--ds-color-container-tertiary-default: rgba(0, 0, 0, 0.03);--ds-color-container-tertiary-inverse: rgba(255, 255, 255, 0.06);--ds-color-container-warning-default: #fef8e9;--ds-color-container-warning-inverse: #5d4514;--ds-color-container-ui-primary-active-default: #225296;--ds-color-container-ui-primary-active-inverse: #6ad5ef;--ds-color-container-ui-primary-default-default: #2c67b5;--ds-color-container-ui-primary-default-inverse: #56bbde;--ds-color-container-ui-primary-disabled-default: #a0c9f1;--ds-color-container-ui-primary-disabled-inverse: #275b72;--ds-color-container-ui-primary-focus-default: #2c67b5;--ds-color-container-ui-primary-focus-inverse: #56bbde;--ds-color-container-ui-primary-hover-default: #193d73;--ds-color-container-ui-primary-hover-inverse: #a8e9f7;--ds-color-container-ui-secondary-active-default: #f0f7fd;--ds-color-container-ui-secondary-active-inverse: rgba(255, 255, 255, 0.06);--ds-color-container-ui-secondary-default-default: #ffffff;--ds-color-container-ui-secondary-default-inverse: rgba(255, 255, 255, 0.03);--ds-color-container-ui-secondary-disabled-default: #f7f7f7;--ds-color-container-ui-secondary-disabled-inverse: rgba(255, 255, 255, 0.12);--ds-color-container-ui-secondary-focus-default: #ffffff;--ds-color-container-ui-secondary-focus-inverse: rgba(255, 255, 255, 0.03);--ds-color-container-ui-secondary-hover-default: rgba(0, 0, 0, 0.03);--ds-color-container-ui-secondary-hover-inverse: rgba(255, 255, 255, 0.12);--ds-color-container-ui-tertiary-active-default: rgba(0, 0, 0, 0.06);--ds-color-container-ui-tertiary-active-inverse: rgba(255, 255, 255, 0.06);--ds-color-container-ui-tertiary-default-default: rgba(0, 0, 0, 0.03);--ds-color-container-ui-tertiary-default-inverse: rgba(255, 255, 255, 0.12);--ds-color-container-ui-tertiary-disabled-default: rgba(0, 0, 0, 0.03);--ds-color-container-ui-tertiary-disabled-inverse: rgba(255, 255, 255, 0.25);--ds-color-container-ui-tertiary-focus-default: rgba(0, 0, 0, 0.03);--ds-color-container-ui-tertiary-focus-inverse: rgba(255, 255, 255, 0.12);--ds-color-container-ui-tertiary-hover-default: rgba(0, 0, 0, 0.12);--ds-color-container-ui-tertiary-hover-inverse: rgba(255, 255, 255, 0.25);--ds-color-icon-primary-default: #676767;--ds-color-icon-primary-inverse: #f7f7f7;--ds-color-icon-secondary-default: #7e8894;--ds-color-icon-secondary-inverse: #ccd2db;--ds-color-icon-tertiary-default: #afb9c6;--ds-color-icon-tertiary-inverse: #939fad;--ds-color-icon-emphasis-default: #2a2a2a;--ds-color-icon-emphasis-inverse: #ffffff;--ds-color-icon-accent-default: #a2c270;--ds-color-icon-accent-inverse: #badd81;--ds-color-icon-info-default: #326aa5;--ds-color-icon-info-inverse: #89b2d4;--ds-color-icon-error-default: #cc1816;--ds-color-icon-error-inverse: #f9aca6;--ds-color-icon-warning-default: #c49432;--ds-color-icon-warning-inverse: #f2c153;--ds-color-icon-success-default: #40a080;--ds-color-icon-success-inverse: #8eceb9;--ds-color-icon-subtle-default: #a0c9f1;--ds-color-icon-subtle-inverse: #326aa5;--ds-color-icon-ui-primary-default-default: #2c67b5;--ds-color-icon-ui-primary-default-inverse: #56bbde;--ds-color-icon-ui-primary-hover-default: #193d73;--ds-color-icon-ui-primary-hover-inverse: #a8e9f7;--ds-color-icon-ui-primary-active-default: #225296;--ds-color-icon-ui-primary-active-inverse: #6ad5ef;--ds-color-icon-ui-primary-disabled-default: #adadad;--ds-color-icon-ui-primary-disabled-inverse: #7e7e7e;--ds-color-icon-ui-primary-focus-default: #2c67b5;--ds-color-icon-ui-primary-focus-inverse: #56bbde;--ds-color-icon-ui-secondary-active-default: #676767;--ds-color-icon-ui-secondary-active-inverse: #c5c5c5;--ds-color-icon-ui-secondary-default-default: #7e7e7e;--ds-color-icon-ui-secondary-default-inverse: #adadad;--ds-color-icon-ui-secondary-disabled-default: #adadad;--ds-color-icon-ui-secondary-disabled-inverse: #7e7e7e;--ds-color-icon-ui-secondary-focus-default: #7e7e7e;--ds-color-icon-ui-secondary-focus-inverse: #adadad;--ds-color-icon-ui-secondary-hover-default: #525252;--ds-color-icon-ui-secondary-hover-inverse: #dddddd;--ds-color-icon-brand-red-default: #d03a08;--ds-color-icon-brand-red-inverse: #e9815e;--ds-color-icon-brand-yellow-default: #7c7140;--ds-color-icon-brand-yellow-inverse: #f9ce06;--ds-color-icon-brand-pink-default: #bf475f;--ds-color-icon-brand-pink-inverse: #f7738e;--ds-color-icon-brand-purple-default: #8d47f0;--ds-color-icon-brand-purple-inverse: #b588f5;--ds-color-icon-brand-lime-default: #647845;--ds-color-icon-brand-lime-inverse: #badd81;--ds-color-icon-brand-green-default: #3a7d64;--ds-color-icon-brand-green-inverse: #51ae8c;--ds-color-icon-brand-turquoise-default: #3d7a7d;--ds-color-icon-brand-turquoise-inverse: #7ba5a6;--ds-color-icon-brand-navy-default: #265688;--ds-color-icon-brand-navy-inverse: #6899c6;--ds-color-icon-brand-blue-default: #2c67b5;--ds-color-icon-brand-blue-inverse: #5398e6;--ds-color-icon-brand-cyan-default: #32718e;--ds-color-icon-brand-cyan-inverse: #6ad5ef;--ds-color-icon-brand-gray-default: #676767;--ds-color-icon-brand-gray-inverse: #c5c5c5;--ds-color-icon-brand-neutral-default: #6a717c;--ds-color-icon-brand-neutral-inverse: #afb9c6;--ds-color-icon-disabled-default: rgba(0, 0, 0, 0.15);--ds-color-text-primary-default: #2a2a2a;--ds-color-text-primary-inverse: #ffffff;--ds-color-text-secondary-default: #525252;--ds-color-text-secondary-inverse: #dddddd;--ds-color-text-tertiary-default: #6a717c;--ds-color-text-tertiary-inverse: #adadad;--ds-color-text-error-default: #cc1816;--ds-color-text-error-inverse: #f9aca6;--ds-color-text-emphasis-default: #265688;--ds-color-text-emphasis-inverse: #cfe0ef;--ds-color-text-accent-default: #647845;--ds-color-text-accent-inverse: #badd81;--ds-color-text-info-default: #326aa5;--ds-color-text-info-inverse: #acc9e2;--ds-color-text-subtle-default: #32718e;--ds-color-text-subtle-inverse: #56bbde;--ds-color-text-success-default: #0b6f4d;--ds-color-text-success-inverse: #8eceb9;--ds-color-text-ui-active-default: #225296;--ds-color-text-ui-active-inverse: #6ad5ef;--ds-color-text-ui-default-default: #2c67b5;--ds-color-text-ui-default-inverse: #56bbde;--ds-color-text-ui-disabled-default: #adadad;--ds-color-text-ui-disabled-inverse: #7e7e7e;--ds-color-text-ui-focus-default: #2c67b5;--ds-color-text-ui-focus-inverse: #56bbde;--ds-color-text-ui-hover-default: #193d73;--ds-color-text-ui-hover-inverse: #a8e9f7;--ds-color-text-link-default: #0074c8;--ds-color-text-link-inverse: #00cff0;--ds-color-tier-alaska-mvp-default: #726e6c;--ds-color-tier-alaska-mvp-inverse: #c5c1bf;--ds-color-tier-alaska-mvpgold-default: #7f682e;--ds-color-tier-alaska-mvpgold-inverse: #c5c1bf;--ds-color-tier-alaska-mvpgold75k-default: #7f682e;--ds-color-tier-alaska-mvpgold75k-inverse: #c5c1bf;--ds-color-tier-alaska-mvpgold100k-default: #7f682e;--ds-color-tier-alaska-mvpgold100k-inverse: #c5c1bf;--ds-color-tier-alaska-lounge: #01426a;--ds-color-tier-alaska-loungeplus: #53b390;--ds-color-tier-fare-business-default: #005154;--ds-color-tier-fare-business-inverse: #9fbdbe;--ds-color-tier-fare-economy-default: #2c67b5;--ds-color-tier-fare-economy-inverse: #a0c9f1;--ds-color-tier-fare-first-class-default: #002c4e;--ds-color-tier-fare-first-class-inverse: #89b2d4;--ds-color-tier-fare-saver-default: #4aa2c7;--ds-color-tier-fare-saver-inverse: #a8e9f7;--ds-color-tier-oneworld-emerald: #139142;--ds-color-tier-oneworld-sapphire: #015daa;--ds-color-tier-oneworld-ruby: #a41d4a;--ds-color-ui-default-default: #0074c8;--ds-color-ui-default-inverse: #00cff0;--ds-color-ui-hover-default: #054687;--ds-color-ui-hover-inverse: #5de3f7;--ds-color-ui-active-default: #054687;--ds-color-ui-active-inverse: #5de3f7;--ds-color-ui-disabled-default: rgba(0, 116, 200, 0.2);--ds-color-ui-bkg-default-default: rgba(0, 0, 0, 0.03);--ds-color-ui-bkg-default-inverse: rgba(255, 255, 255, 0.03);--ds-color-ui-bkg-hover-default: rgba(0, 0, 0, 0.06);--ds-color-ui-bkg-hover-inverse: rgba(255, 255, 255, 0.06);--ds-color-utility-blue-default: #79b2ec;--ds-color-utility-blue-inverse: #c9e0f7;--ds-color-utility-cyan-default: #6ad5ef;--ds-color-utility-cyan-inverse: #a8e9f7;--ds-color-utility-green-default: #7ec6ac;--ds-color-utility-green-inverse: #addbca;--ds-color-utility-gray-default: #adadad;--ds-color-utility-gray-inverse: #dddddd;--ds-color-utility-lime-default: #badd81;--ds-color-utility-lime-inverse: #d8efb4;--ds-color-utility-navy-default: #265688;--ds-color-utility-navy-inverse: #acc9e2;--ds-color-utility-neutral-default: #7e8894;--ds-color-utility-neutral-inverse: #ccd2db;--ds-color-utility-pink-default: #f7738e;--ds-color-utility-pink-inverse: #fcc2ce;--ds-color-utility-purple-default: #8d47f0;--ds-color-utility-purple-inverse: #ddc9fb;--ds-color-utility-red-default: #e35c2f;--ds-color-utility-red-inverse: #f0a68d;--ds-color-utility-turquoise-default: #5c8f91;--ds-color-utility-turquoise-inverse: #9fbdbe;--ds-color-utility-yellow-default: #f9ce06;--ds-color-utility-yellow-inverse: #ffe87e;--ds-color-utility-error-default: #cc1816;--ds-color-utility-error-inverse: #f9aca6;--ds-color-utility-warning-default: #f2c153;--ds-color-utility-warning-inverse: #f2c153;--ds-color-utility-success-default: #0b6f4d;--ds-color-utility-success-inverse: #8eceb9}: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:""}`;
|
|
7297
|
+
var styleCss$9 = css`:root{--ds-asset-font-circular-family-name: "AS Circular";--ds-asset-font-circular-filename: "ASCircularWeb";--ds-asset-font-circular-weight-light: "-Light";--ds-asset-font-circular-weight-medium: "-Medium";--ds-asset-font-circular-weight-book: "-Book";--ds-border-radius: 0.375rem;--ds-size-25: 0.125rem;--ds-size-50: 0.25rem;--ds-size-75: 0.375rem;--ds-size-100: 0.5rem;--ds-size-150: 0.75rem;--ds-size-200: 1rem;--ds-size-250: 1.25rem;--ds-size-300: 1.5rem;--ds-size-400: 2rem;--ds-size-500: 2.5rem;--ds-size-600: 3rem;--ds-size-700: 3.5rem;--ds-size-800: 4rem;--ds-size-900: 4.5rem;--ds-size-1000: 5rem;--ds-unitless-scale-20: 0.25;--ds-unitless-scale-50: 0.5;--ds-unitless-scale-100: 1;--ds-unitless-scale-140: 1.4;--ds-unitless-scale-150: 1.5;--ds-unitless-scale-200: 2;--ds-unitless-scale-300: 3;--ds-unitless-scale-350: 3.5;--ds-animation-default-property: all;--ds-animation-default-duration: 0.3s;--ds-animation-default-timing: ease-out;--ds-depth-overlay: 200;--ds-depth-modal: 300;--ds-depth-tooltip: 400;--ds-elevation-100: 0px 0px 5px rgba(0, 0, 0, 0.15);--ds-elevation-200: 0px 0px 10px rgba(0, 0, 0, 0.15);--ds-elevation-300: 0px 0px 15px rgba(0, 0, 0, 0.2);--ds-grid-breakpoint-xs: 320px;--ds-grid-breakpoint-sm: 576px;--ds-grid-breakpoint-md: 768px;--ds-grid-breakpoint-lg: 1024px;--ds-grid-breakpoint-xl: 1232px;--ds-grid-column-xs: 6;--ds-grid-column-sm: 12;--ds-grid-column-md: 12;--ds-grid-column-lg: 12;--ds-grid-column-xl: 12;--ds-grid-gutter-xs: 0.5rem;--ds-grid-gutter-sm: 1rem;--ds-grid-gutter-md: 1.5rem;--ds-grid-gutter-lg: 1.5rem;--ds-grid-gutter-xl: 2rem;--ds-grid-margin-xs: 1rem;--ds-grid-margin-sm: 1rem;--ds-grid-margin-md: 1.5rem;--ds-grid-margin-lg: 2rem;--ds-grid-margin-xl: 2rem;--ds-font-family-default: "AS Circular", Helvetica Neue, Arial, sans-serif;--ds-font-family-mono: Menlo, Monaco, Consolas, "Courier New", monospace;--ds-text-heading-300-weight: 300;--ds-text-heading-300-px: 18px;--ds-text-heading-300-size: 1.125rem;--ds-text-heading-300-height: 1.625rem;--ds-text-heading-300-height-px: 26px;--ds-text-heading-400-weight: 300;--ds-text-heading-400-px: 20px;--ds-text-heading-400-size: 1.25rem;--ds-text-heading-400-height: 1.625rem;--ds-text-heading-400-height-px: 26px;--ds-text-heading-500-weight: 300;--ds-text-heading-500-px-breakpoint-sm: 22px;--ds-text-heading-500-px-breakpoint-md: 24px;--ds-text-heading-500-px-breakpoint-lg: 24px;--ds-text-heading-500-size-breakpoint-sm: 1.375rem;--ds-text-heading-500-size-breakpoint-md: 1.5rem;--ds-text-heading-500-size-breakpoint-lg: 1.5rem;--ds-text-heading-500-height-breakpoint-sm: 1.625rem;--ds-text-heading-500-height-breakpoint-px-sm: 26px;--ds-text-heading-500-height-breakpoint-md: 1.875rem;--ds-text-heading-500-height-breakpoint-px-md: 30px;--ds-text-heading-500-height-breakpoint-lg: 2rem;--ds-text-heading-500-height-breakpoint-px-lg: 32px;--ds-text-heading-600-weight: 300;--ds-text-heading-600-px-breakpoint-sm: 26px;--ds-text-heading-600-px-breakpoint-md: 28px;--ds-text-heading-600-px-breakpoint-lg: 28px;--ds-text-heading-600-size-breakpoint-sm: 1.625rem;--ds-text-heading-600-size-breakpoint-md: 1.75rem;--ds-text-heading-600-size-breakpoint-lg: 1.75rem;--ds-text-heading-600-height-breakpoint-sm: 1.875rem;--ds-text-heading-600-height-breakpoint-px-sm: 30px;--ds-text-heading-600-height-breakpoint-md: 2.125rem;--ds-text-heading-600-height-breakpoint-px-md: 34px;--ds-text-heading-600-height-breakpoint-lg: 2.25rem;--ds-text-heading-600-height-breakpoint-px-lg: 36px;--ds-text-heading-700-weight: 500;--ds-text-heading-700-px-breakpoint-sm: 28px;--ds-text-heading-700-px-breakpoint-md: 32px;--ds-text-heading-700-px-breakpoint-lg: 36px;--ds-text-heading-700-size-breakpoint-sm: 1.75rem;--ds-text-heading-700-size-breakpoint-md: 2rem;--ds-text-heading-700-size-breakpoint-lg: 2.25rem;--ds-text-heading-700-height-breakpoint-sm: 2.125rem;--ds-text-heading-700-height-breakpoint-px-sm: 34px;--ds-text-heading-700-height-breakpoint-md: 2.375rem;--ds-text-heading-700-height-breakpoint-px-md: 38px;--ds-text-heading-700-height-breakpoint-lg: 2.75rem;--ds-text-heading-700-height-breakpoint-px-lg: 44px;--ds-text-heading-800-weight: 500;--ds-text-heading-800-px-breakpoint-sm: 32px;--ds-text-heading-800-px-breakpoint-md: 36px;--ds-text-heading-800-px-breakpoint-lg: 40px;--ds-text-heading-800-size-breakpoint-sm: 2rem;--ds-text-heading-800-size-breakpoint-md: 2.25rem;--ds-text-heading-800-size-breakpoint-lg: 2.5rem;--ds-text-heading-800-height-breakpoint-sm: 2.375rem;--ds-text-heading-800-height-breakpoint-px-sm: 38px;--ds-text-heading-800-height-breakpoint-md: 2.625rem;--ds-text-heading-800-height-breakpoint-px-md: 42px;--ds-text-heading-800-height-breakpoint-lg: 3rem;--ds-text-heading-800-height-breakpoint-px-lg: 48px;--ds-text-heading-default-weight: 500;--ds-text-heading-default-margin: 0;--ds-text-heading-default-spacing: -0.2px;--ds-text-heading-medium-weight: 300;--ds-text-heading-display-weight: 100;--ds-text-heading-display-px-breakpoint-sm: 44px;--ds-text-heading-display-px-breakpoint-md: 48px;--ds-text-heading-display-px-breakpoint-lg: 56px;--ds-text-heading-display-size-breakpoint-sm: 2.75rem;--ds-text-heading-display-size-breakpoint-md: 3rem;--ds-text-heading-display-size-breakpoint-lg: 3.5rem;--ds-text-heading-display-height-breakpoint-sm: 3.375rem;--ds-text-heading-display-height-breakpoint-px-sm: 54px;--ds-text-heading-display-height-breakpoint-md: 3.75rem;--ds-text-heading-display-height-breakpoint-px-md: 60px;--ds-text-heading-display-height-breakpoint-lg: 4.25rem;--ds-text-heading-display-height-breakpoint-px-lg: 68px;--ds-text-body-default-weight: 500;--ds-text-body-size-xxs: 0.625rem;--ds-text-body-size-xs: 0.75rem;--ds-text-body-size-sm: 0.875rem;--ds-text-body-size-default: 1rem;--ds-text-body-size-lg: 1.125rem;--ds-text-body-height-xs: 1rem;--ds-text-body-height-sm: 1.25rem;--ds-text-body-height-default: 1.5rem;--ds-text-body-height-lg: 1.625rem;--ds-color-alert-notification-default: #0074c8;--ds-color-alert-warning-default: #de750c;--ds-color-alert-error-default: #df0b37;--ds-color-alert-success-default: #00805d;--ds-color-alert-advisory-default: #fff0cd;--ds-color-alert-bkg-success-default: #ddf6e8;--ds-color-alert-bkg-error-default: #ffedf1;--ds-color-background-primary-100-default: #ffffff;--ds-color-background-primary-100-inverse: #0e2b4f;--ds-color-background-primary-200-default: #f7f7f7;--ds-color-background-primary-200-inverse: #194069;--ds-color-background-primary-300-default: #e4e8ec;--ds-color-background-primary-300-inverse: #265688;--ds-color-background-primary-400-default: #dddddd;--ds-color-background-primary-400-inverse: #326aa5;--ds-color-background-success-default: #eef8f5;--ds-color-background-success-inverse: #173c30;--ds-color-background-error-default: #fff4f4;--ds-color-background-error-inverse: #74110e;--ds-color-background-warning-default: #fef8e9;--ds-color-background-warning-inverse: #5d4514;--ds-color-background-info-default: #f0f7fd;--ds-color-background-info-inverse: #193d73;--ds-color-background-subtle-default: #f7f8fa;--ds-color-background-subtle-inverse: #2a2a2a;--ds-color-background-accent-default: #ebfafd;--ds-color-background-accent-inverse: #275b72;--ds-color-background-emphasis-default: #c9e0f7;--ds-color-background-emphasis-inverse: #225296;--ds-color-background-scrimmed-default: rgba(0, 0, 0, 0.5);--ds-color-background-lightest: #ffffff;--ds-color-background-lighter: #f7f7f7;--ds-color-background-darker: #01426a;--ds-color-background-darkest: #00274a;--ds-color-background-gradient-default: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5));--ds-color-base-white: #ffffff;--ds-color-base-white-100: rgba(255, 255, 255, 0.03);--ds-color-base-white-200: rgba(255, 255, 255, 0.06);--ds-color-base-white-300: rgba(255, 255, 255, 0.12);--ds-color-base-white-400: rgba(255, 255, 255, 0.25);--ds-color-base-white-500: rgba(255, 255, 255, 0.5);--ds-color-base-white-opacity-50: rgba(255, 255, 255, 0.5);--ds-color-base-white-opacity-40: rgba(255, 255, 255, 0.4);--ds-color-base-white-opacity-0: rgba(255, 255, 255, 0);--ds-color-base-black: #000000;--ds-color-base-black-100: rgba(0, 0, 0, 0.03);--ds-color-base-black-200: rgba(0, 0, 0, 0.06);--ds-color-base-black-300: rgba(0, 0, 0, 0.12);--ds-color-base-black-400: rgba(0, 0, 0, 0.25);--ds-color-base-black-500: rgba(0, 0, 0, 0.5);--ds-color-base-black-opacity-15: rgba(0, 0, 0, 0.15);--ds-color-base-blue-100: #f0f7fd;--ds-color-base-blue-200: #c9e0f7;--ds-color-base-blue-300: #a0c9f1;--ds-color-base-blue-400: #79b2ec;--ds-color-base-blue-500: #5398e6;--ds-color-base-blue-600: #3b7fd2;--ds-color-base-blue-700: #2c67b5;--ds-color-base-blue-800: #225296;--ds-color-base-blue-900: #193d73;--ds-color-base-blue-1000: #102a51;--ds-color-base-cyan-100: #ebfafd;--ds-color-base-cyan-200: #a8e9f7;--ds-color-base-cyan-300: #6ad5ef;--ds-color-base-cyan-400: #56bbde;--ds-color-base-cyan-500: #4aa2c7;--ds-color-base-cyan-600: #3e89aa;--ds-color-base-cyan-700: #32718e;--ds-color-base-cyan-800: #275b72;--ds-color-base-cyan-900: #1d4658;--ds-color-base-cyan-1000: #12303d;--ds-color-base-error-100: #fff4f4;--ds-color-base-error-200: #f9aca6;--ds-color-base-error-300: #f16359;--ds-color-base-error-400: #cc1816;--ds-color-base-error-500: #74110e;--ds-color-base-gray-100: #f7f7f7;--ds-color-base-gray-200: #d4d4d4;--ds-color-base-gray-300: #c5c5c5;--ds-color-base-gray-400: #adadad;--ds-color-base-gray-500: #959595;--ds-color-base-gray-600: #7e7e7e;--ds-color-base-gray-700: #676767;--ds-color-base-gray-800: #525252;--ds-color-base-gray-900: #3d3d3d;--ds-color-base-gray-1000: #2a2a2a;--ds-color-base-green-100: #f3faf7;--ds-color-base-green-200: #000000;--ds-color-base-green-300: #addbca;--ds-color-base-green-400: #7ec6ac;--ds-color-base-green-500: #51ae8c;--ds-color-base-green-600: #459578;--ds-color-base-green-700: #3a7d64;--ds-color-base-green-800: #306854;--ds-color-base-green-900: #285545;--ds-color-base-green-1000: #1f4436;--ds-color-base-lime-100: #f5fbeb;--ds-color-base-lime-200: #d8efb4;--ds-color-base-lime-300: #badd81;--ds-color-base-lime-400: #a2c270;--ds-color-base-lime-500: #8ca761;--ds-color-base-lime-600: #778f53;--ds-color-base-lime-700: #647845;--ds-color-base-lime-800: #53643a;--ds-color-base-lime-900: #44522f;--ds-color-base-lime-1000: #364126;--ds-color-base-navy-100: #f2f7fb;--ds-color-base-navy-200: #cfe0ef;--ds-color-base-navy-300: #acc9e2;--ds-color-base-navy-400: #89b2d4;--ds-color-base-navy-500: #6899c6;--ds-color-base-navy-600: #4a82b7;--ds-color-base-navy-700: #326aa5;--ds-color-base-navy-800: #265688;--ds-color-base-navy-900: #194069;--ds-color-base-navy-1000: #0e2b4f;--ds-color-base-neutral-100: #f7f8fa;--ds-color-base-neutral-200: #e4e8ec;--ds-color-base-neutral-300: #ccd2db;--ds-color-base-neutral-400: #afb9c6;--ds-color-base-neutral-500: #939fad;--ds-color-base-neutral-600: #7e8894;--ds-color-base-neutral-700: #6a717c;--ds-color-base-neutral-800: #585e67;--ds-color-base-neutral-900: #484d55;--ds-color-base-neutral-1000: #393d43;--ds-color-base-pink-100: #fff7f8;--ds-color-base-pink-200: #fde0e6;--ds-color-base-pink-300: #fcc2ce;--ds-color-base-pink-400: #fa9db0;--ds-color-base-pink-500: #f7738e;--ds-color-base-pink-600: #e45472;--ds-color-base-pink-700: #bf475f;--ds-color-base-pink-800: #a03b50;--ds-color-base-pink-900: #833142;--ds-color-base-pink-1000: #692734;--ds-color-base-purple-100: #fbf8fe;--ds-color-base-purple-200: #ede3fd;--ds-color-base-purple-300: #ddc9fb;--ds-color-base-purple-400: #c9a9f8;--ds-color-base-purple-500: #b588f5;--ds-color-base-purple-600: #a268f3;--ds-color-base-purple-700: #8d47f0;--ds-color-base-purple-800: #7633d7;--ds-color-base-purple-900: #622ab2;--ds-color-base-purple-1000: #4e228d;--ds-color-base-red-100: #fef7f5;--ds-color-base-red-200: #fae2da;--ds-color-base-red-300: #f5c7b8;--ds-color-base-red-400: #f0a68d;--ds-color-base-red-500: #e9815e;--ds-color-base-red-600: #e35c2f;--ds-color-base-red-700: #d03a08;--ds-color-base-red-800: #ae3007;--ds-color-base-red-900: #902806;--ds-color-base-red-1000: #732005;--ds-color-base-success-100: #eef8f5;--ds-color-base-success-200: #8eceb9;--ds-color-base-success-300: #40a080;--ds-color-base-success-400: #0b6f4d;--ds-color-base-success-500: #173c30;--ds-color-base-turquoise-100: #f7fafa;--ds-color-base-turquoise-200: #dfe9ea;--ds-color-base-turquoise-300: #c2d5d6;--ds-color-base-turquoise-400: #9fbdbe;--ds-color-base-turquoise-500: #7ba5a6;--ds-color-base-turquoise-600: #5c8f91;--ds-color-base-turquoise-700: #3d7a7d;--ds-color-base-turquoise-800: #21686a;--ds-color-base-turquoise-900: #085659;--ds-color-base-turquoise-1000: #004447;--ds-color-base-yellow-100: #fff9df;--ds-color-base-yellow-200: #ffe87e;--ds-color-base-yellow-300: #f9ce06;--ds-color-base-yellow-400: #d6b622;--ds-color-base-yellow-500: #b49d35;--ds-color-base-yellow-600: #96873e;--ds-color-base-yellow-700: #7c7140;--ds-color-base-yellow-800: #665e3d;--ds-color-base-yellow-900: #524e38;--ds-color-base-yellow-1000: #403d30;--ds-color-base-warning-100: #fef8e9;--ds-color-base-warning-200: #f2c153;--ds-color-base-warning-300: #c49432;--ds-color-base-warning-400: #8e6b22;--ds-color-base-warning-500: #5d4514;--ds-color-state-error-100: #ff999b;--ds-color-state-error-500: #df0b37;--ds-color-state-success-100: #69cf96;--ds-color-state-success-500: #00805d;--ds-color-state-warning-500: #de750c;--ds-color-border-primary-default: #585e67;--ds-color-border-primary-inverse: #afb9c6;--ds-color-border-secondary-default: #939fad;--ds-color-border-secondary-inverse: #7e8894;--ds-color-border-tertiary-default: #dddddd;--ds-color-border-tertiary-inverse: #676767;--ds-color-border-error-default: #cc1816;--ds-color-border-error-inverse: #f9aca6;--ds-color-border-divider-default: rgba(0, 0, 0, 0.12);--ds-color-border-divider-inverse: rgba(255, 255, 255, 0.25);--ds-color-border-subtle-default: #f0f7fd;--ds-color-border-subtle-inverse: #326aa5;--ds-color-border-emphasis-default: #194069;--ds-color-border-emphasis-inverse: #f2f7fb;--ds-color-border-accent-default: #badd81;--ds-color-border-accent-inverse: #a2c270;--ds-color-border-success-default: #0b6f4d;--ds-color-border-success-inverse: #8eceb9;--ds-color-border-warning-default: #c49432;--ds-color-border-warning-inverse: #f2c153;--ds-color-border-info-default: #326aa5;--ds-color-border-info-inverse: #89b2d4;--ds-color-border-ui-default-default: #2c67b5;--ds-color-border-ui-default-inverse: #56bbde;--ds-color-border-ui-hover-default: #193d73;--ds-color-border-ui-hover-inverse: #a8e9f7;--ds-color-border-ui-active-default: #225296;--ds-color-border-ui-active-inverse: #6ad5ef;--ds-color-border-ui-focus-default: #2c67b5;--ds-color-border-ui-focus-inverse: #56bbde;--ds-color-border-ui-disabled-default: #adadad;--ds-color-border-ui-disabled-inverse: #7e7e7e;--ds-color-border-active-default: #0074c8;--ds-color-border-active-inverse: #00cff0;--ds-color-border-disabled-default: #d4d4d4;--ds-color-border-focus-default: #959595;--ds-color-brand-neutral-100: #f7f8fa;--ds-color-brand-neutral-200: #e4e8ec;--ds-color-brand-neutral-300: #ccd2db;--ds-color-brand-neutral-400: #afb9c6;--ds-color-brand-neutral-500: #939fad;--ds-color-brand-neutral-600: #7e8894;--ds-color-brand-neutral-700: #6a717c;--ds-color-brand-neutral-800: #585e67;--ds-color-brand-neutral-900: #484d55;--ds-color-brand-neutral-1000: #393d43;--ds-color-brand-gray-100: #f7f7f7;--ds-color-brand-gray-200: #dddddd;--ds-color-brand-gray-300: #c5c5c5;--ds-color-brand-gray-400: #adadad;--ds-color-brand-gray-500: #959595;--ds-color-brand-gray-600: #7e7e7e;--ds-color-brand-gray-700: #676767;--ds-color-brand-gray-800: #525252;--ds-color-brand-gray-900: #3d3d3d;--ds-color-brand-gray-1000: #2a2a2a;--ds-color-brand-red-100: #fef7f5;--ds-color-brand-red-200: #fae2da;--ds-color-brand-red-300: #f5c7b8;--ds-color-brand-red-400: #f0a68d;--ds-color-brand-red-500: #e9815e;--ds-color-brand-red-600: #e35c2f;--ds-color-brand-red-700: #d03a08;--ds-color-brand-red-800: #ae3007;--ds-color-brand-red-900: #902806;--ds-color-brand-red-1000: #732005;--ds-color-brand-yellow-100: #fff9df;--ds-color-brand-yellow-200: #ffe87e;--ds-color-brand-yellow-300: #f9ce06;--ds-color-brand-yellow-400: #d6b622;--ds-color-brand-yellow-500: #b49d35;--ds-color-brand-yellow-600: #96873e;--ds-color-brand-yellow-700: #7c7140;--ds-color-brand-yellow-800: #665e3d;--ds-color-brand-yellow-900: #524e38;--ds-color-brand-yellow-1000: #403d30;--ds-color-brand-lime-100: #f5fbeb;--ds-color-brand-lime-200: #d8efb4;--ds-color-brand-lime-300: #badd81;--ds-color-brand-lime-400: #a2c270;--ds-color-brand-lime-500: #8ca761;--ds-color-brand-lime-600: #778f53;--ds-color-brand-lime-700: #647845;--ds-color-brand-lime-800: #53643a;--ds-color-brand-lime-900: #44522f;--ds-color-brand-lime-1000: #364126;--ds-color-brand-green-100: #f3faf7;--ds-color-brand-green-200: #d4ece4;--ds-color-brand-green-300: #addbca;--ds-color-brand-green-400: #7ec6ac;--ds-color-brand-green-500: #51ae8c;--ds-color-brand-green-600: #459578;--ds-color-brand-green-700: #3a7d64;--ds-color-brand-green-800: #306854;--ds-color-brand-green-900: #285545;--ds-color-brand-green-1000: #1f4436;--ds-color-brand-turquoise-100: #f7fafa;--ds-color-brand-turquoise-200: #dfe9ea;--ds-color-brand-turquoise-300: #c2d5d6;--ds-color-brand-turquoise-400: #9fbdbe;--ds-color-brand-turquoise-500: #7ba5a6;--ds-color-brand-turquoise-600: #5c8f91;--ds-color-brand-turquoise-700: #3d7a7d;--ds-color-brand-turquoise-800: #21686a;--ds-color-brand-turquoise-900: #085659;--ds-color-brand-turquoise-1000: #004447;--ds-color-brand-cyan-100: #ebfafd;--ds-color-brand-cyan-200: #a8e9f7;--ds-color-brand-cyan-300: #6ad5ef;--ds-color-brand-cyan-400: #56bbde;--ds-color-brand-cyan-500: #4aa2c7;--ds-color-brand-cyan-600: #3e89aa;--ds-color-brand-cyan-700: #32718e;--ds-color-brand-cyan-800: #275b72;--ds-color-brand-cyan-900: #1d4658;--ds-color-brand-cyan-1000: #12303d;--ds-color-brand-blue-100: #f0f7fd;--ds-color-brand-blue-200: #c9e0f7;--ds-color-brand-blue-300: #a0c9f1;--ds-color-brand-blue-400: #79b2ec;--ds-color-brand-blue-500: #5398e6;--ds-color-brand-blue-600: #3b7fd2;--ds-color-brand-blue-700: #2c67b5;--ds-color-brand-blue-800: #225296;--ds-color-brand-blue-900: #193d73;--ds-color-brand-blue-1000: #102a51;--ds-color-brand-navy-100: #f2f7fb;--ds-color-brand-navy-200: #cfe0ef;--ds-color-brand-navy-300: #acc9e2;--ds-color-brand-navy-400: #89b2d4;--ds-color-brand-navy-500: #6899c6;--ds-color-brand-navy-600: #4a82b7;--ds-color-brand-navy-700: #326aa5;--ds-color-brand-navy-800: #265688;--ds-color-brand-navy-900: #194069;--ds-color-brand-navy-1000: #0e2b4f;--ds-color-brand-purple-100: #fbf8fe;--ds-color-brand-purple-200: #ede3fd;--ds-color-brand-purple-300: #ddc9fb;--ds-color-brand-purple-400: #c9a9f8;--ds-color-brand-purple-500: #b588f5;--ds-color-brand-purple-600: #a268f3;--ds-color-brand-purple-700: #8d47f0;--ds-color-brand-purple-800: #7633d7;--ds-color-brand-purple-900: #622ab2;--ds-color-brand-purple-1000: #4e228d;--ds-color-brand-pink-100: #fff7f8;--ds-color-brand-pink-200: #fde0e6;--ds-color-brand-pink-300: #fcc2ce;--ds-color-brand-pink-400: #fa9db0;--ds-color-brand-pink-500: #f7738e;--ds-color-brand-pink-600: #e45472;--ds-color-brand-pink-700: #bf475f;--ds-color-brand-pink-800: #a03b50;--ds-color-brand-pink-900: #833142;--ds-color-brand-pink-1000: #692734;--ds-color-brand-midnight-100: #c1daf0;--ds-color-brand-midnight-200: #569ed7;--ds-color-brand-midnight-300: #156fad;--ds-color-brand-midnight-400: #01426a;--ds-color-brand-midnight-500: #00274a;--ds-color-brand-atlas-100: #cde6ff;--ds-color-brand-atlas-200: #6bb7fb;--ds-color-brand-atlas-300: #2492eb;--ds-color-brand-atlas-400: #0074c8;--ds-color-brand-atlas-500: #054687;--ds-color-brand-atlas-400-opacity-20: rgba(0, 116, 200, 0.2);--ds-color-brand-breeze-100: #c0f7ff;--ds-color-brand-breeze-200: #5de3f7;--ds-color-brand-breeze-300: #00cff0;--ds-color-brand-breeze-400: #099dc5;--ds-color-brand-breeze-500: #0b5575;--ds-color-brand-breeze-300-opacity-30: rgba(0, 207, 240, 0.3);--ds-color-brand-tropical-100: #e2ffcd;--ds-color-brand-tropical-200: #d0fba6;--ds-color-brand-tropical-300: #c0e585;--ds-color-brand-tropical-400: #91be62;--ds-color-brand-tropical-500: #5e8741;--ds-color-brand-alpine-100: #bcaae6;--ds-color-brand-alpine-200: #9e73ea;--ds-color-brand-alpine-300: #8439ef;--ds-color-brand-alpine-400: #631db8;--ds-color-brand-alpine-500: #39115c;--ds-color-brand-flamingo-100: #ffebee;--ds-color-brand-flamingo-200: #ffc0ca;--ds-color-brand-flamingo-300: #ff94a7;--ds-color-brand-flamingo-400: #f65b7b;--ds-color-brand-flamingo-500: #b82b47;--ds-color-brand-canyon-100: #ffcab6;--ds-color-brand-canyon-200: #f99574;--ds-color-brand-canyon-300: #f26135;--ds-color-brand-canyon-400: #de3e09;--ds-color-brand-canyon-500: #b83302;--ds-color-brand-goldcoast-100: #fff0cd;--ds-color-brand-goldcoast-200: #ffdb67;--ds-color-brand-goldcoast-300: #ffd200;--ds-color-brand-goldcoast-400: #e5ad07;--ds-color-brand-goldcoast-500: #b88624;--ds-color-brand-goldgray-100: #c5c1bf;--ds-color-brand-goldgray-200: #726e6c;--ds-color-brand-gold-100: #ccbc94;--ds-color-brand-gold-200: #7f682e;--ds-color-brand-emerald: #139142;--ds-color-brand-sapphire: #015daa;--ds-color-brand-ruby: #a41d4a;--ds-color-brand-lounge: #01426a;--ds-color-brand-loungeplus: #53b390;--ds-color-container-accent-default: #f5fbeb;--ds-color-container-accent-inverse: #badd81;--ds-color-container-emphasis-default: #ebfafd;--ds-color-container-emphasis-inverse: #6ad5ef;--ds-color-container-error-default: #fff4f4;--ds-color-container-error-inverse: #74110e;--ds-color-container-info-default: #f0f7fd;--ds-color-container-info-inverse: #193d73;--ds-color-container-primary-default: #ffffff;--ds-color-container-primary-inverse: #0e2b4f;--ds-color-container-secondary-default: #f7f7f7;--ds-color-container-secondary-inverse: #194069;--ds-color-container-subtle-default: #f7f8fa;--ds-color-container-subtle-inverse: #393d43;--ds-color-container-success-default: #eef8f5;--ds-color-container-success-inverse: #173c30;--ds-color-container-tertiary-default: rgba(0, 0, 0, 0.03);--ds-color-container-tertiary-inverse: rgba(255, 255, 255, 0.06);--ds-color-container-warning-default: #fef8e9;--ds-color-container-warning-inverse: #5d4514;--ds-color-container-ui-primary-active-default: #225296;--ds-color-container-ui-primary-active-inverse: #6ad5ef;--ds-color-container-ui-primary-default-default: #2c67b5;--ds-color-container-ui-primary-default-inverse: #56bbde;--ds-color-container-ui-primary-disabled-default: #a0c9f1;--ds-color-container-ui-primary-disabled-inverse: #275b72;--ds-color-container-ui-primary-focus-default: #2c67b5;--ds-color-container-ui-primary-focus-inverse: #56bbde;--ds-color-container-ui-primary-hover-default: #193d73;--ds-color-container-ui-primary-hover-inverse: #a8e9f7;--ds-color-container-ui-secondary-active-default: #f0f7fd;--ds-color-container-ui-secondary-active-inverse: rgba(255, 255, 255, 0.06);--ds-color-container-ui-secondary-default-default: #ffffff;--ds-color-container-ui-secondary-default-inverse: rgba(255, 255, 255, 0.03);--ds-color-container-ui-secondary-disabled-default: #f7f7f7;--ds-color-container-ui-secondary-disabled-inverse: rgba(255, 255, 255, 0.12);--ds-color-container-ui-secondary-focus-default: #ffffff;--ds-color-container-ui-secondary-focus-inverse: rgba(255, 255, 255, 0.03);--ds-color-container-ui-secondary-hover-default: rgba(0, 0, 0, 0.03);--ds-color-container-ui-secondary-hover-inverse: rgba(255, 255, 255, 0.12);--ds-color-container-ui-tertiary-active-default: rgba(0, 0, 0, 0.06);--ds-color-container-ui-tertiary-active-inverse: rgba(255, 255, 255, 0.06);--ds-color-container-ui-tertiary-default-default: rgba(0, 0, 0, 0.03);--ds-color-container-ui-tertiary-default-inverse: rgba(255, 255, 255, 0.12);--ds-color-container-ui-tertiary-disabled-default: rgba(0, 0, 0, 0.03);--ds-color-container-ui-tertiary-disabled-inverse: rgba(255, 255, 255, 0.25);--ds-color-container-ui-tertiary-focus-default: rgba(0, 0, 0, 0.03);--ds-color-container-ui-tertiary-focus-inverse: rgba(255, 255, 255, 0.12);--ds-color-container-ui-tertiary-hover-default: rgba(0, 0, 0, 0.12);--ds-color-container-ui-tertiary-hover-inverse: rgba(255, 255, 255, 0.25);--ds-color-icon-primary-default: #676767;--ds-color-icon-primary-inverse: #f7f7f7;--ds-color-icon-secondary-default: #7e8894;--ds-color-icon-secondary-inverse: #ccd2db;--ds-color-icon-tertiary-default: #afb9c6;--ds-color-icon-tertiary-inverse: #939fad;--ds-color-icon-emphasis-default: #2a2a2a;--ds-color-icon-emphasis-inverse: #ffffff;--ds-color-icon-accent-default: #a2c270;--ds-color-icon-accent-inverse: #badd81;--ds-color-icon-info-default: #326aa5;--ds-color-icon-info-inverse: #89b2d4;--ds-color-icon-error-default: #cc1816;--ds-color-icon-error-inverse: #f9aca6;--ds-color-icon-warning-default: #c49432;--ds-color-icon-warning-inverse: #f2c153;--ds-color-icon-success-default: #40a080;--ds-color-icon-success-inverse: #8eceb9;--ds-color-icon-subtle-default: #a0c9f1;--ds-color-icon-subtle-inverse: #326aa5;--ds-color-icon-ui-primary-default-default: #2c67b5;--ds-color-icon-ui-primary-default-inverse: #56bbde;--ds-color-icon-ui-primary-hover-default: #193d73;--ds-color-icon-ui-primary-hover-inverse: #a8e9f7;--ds-color-icon-ui-primary-active-default: #225296;--ds-color-icon-ui-primary-active-inverse: #6ad5ef;--ds-color-icon-ui-primary-disabled-default: #adadad;--ds-color-icon-ui-primary-disabled-inverse: #7e7e7e;--ds-color-icon-ui-primary-focus-default: #2c67b5;--ds-color-icon-ui-primary-focus-inverse: #56bbde;--ds-color-icon-ui-secondary-active-default: #676767;--ds-color-icon-ui-secondary-active-inverse: #c5c5c5;--ds-color-icon-ui-secondary-default-default: #7e7e7e;--ds-color-icon-ui-secondary-default-inverse: #adadad;--ds-color-icon-ui-secondary-disabled-default: #adadad;--ds-color-icon-ui-secondary-disabled-inverse: #7e7e7e;--ds-color-icon-ui-secondary-focus-default: #7e7e7e;--ds-color-icon-ui-secondary-focus-inverse: #adadad;--ds-color-icon-ui-secondary-hover-default: #525252;--ds-color-icon-ui-secondary-hover-inverse: #dddddd;--ds-color-icon-brand-red-default: #d03a08;--ds-color-icon-brand-red-inverse: #e9815e;--ds-color-icon-brand-yellow-default: #7c7140;--ds-color-icon-brand-yellow-inverse: #f9ce06;--ds-color-icon-brand-pink-default: #bf475f;--ds-color-icon-brand-pink-inverse: #f7738e;--ds-color-icon-brand-purple-default: #8d47f0;--ds-color-icon-brand-purple-inverse: #b588f5;--ds-color-icon-brand-lime-default: #647845;--ds-color-icon-brand-lime-inverse: #badd81;--ds-color-icon-brand-green-default: #3a7d64;--ds-color-icon-brand-green-inverse: #51ae8c;--ds-color-icon-brand-turquoise-default: #3d7a7d;--ds-color-icon-brand-turquoise-inverse: #7ba5a6;--ds-color-icon-brand-navy-default: #265688;--ds-color-icon-brand-navy-inverse: #6899c6;--ds-color-icon-brand-blue-default: #2c67b5;--ds-color-icon-brand-blue-inverse: #5398e6;--ds-color-icon-brand-cyan-default: #32718e;--ds-color-icon-brand-cyan-inverse: #6ad5ef;--ds-color-icon-brand-gray-default: #676767;--ds-color-icon-brand-gray-inverse: #c5c5c5;--ds-color-icon-brand-neutral-default: #6a717c;--ds-color-icon-brand-neutral-inverse: #afb9c6;--ds-color-icon-disabled-default: rgba(0, 0, 0, 0.15);--ds-color-text-primary-default: #2a2a2a;--ds-color-text-primary-inverse: #ffffff;--ds-color-text-secondary-default: #525252;--ds-color-text-secondary-inverse: #dddddd;--ds-color-text-tertiary-default: #6a717c;--ds-color-text-tertiary-inverse: #adadad;--ds-color-text-error-default: #cc1816;--ds-color-text-error-inverse: #f9aca6;--ds-color-text-emphasis-default: #265688;--ds-color-text-emphasis-inverse: #cfe0ef;--ds-color-text-accent-default: #647845;--ds-color-text-accent-inverse: #badd81;--ds-color-text-info-default: #326aa5;--ds-color-text-info-inverse: #acc9e2;--ds-color-text-subtle-default: #32718e;--ds-color-text-subtle-inverse: #56bbde;--ds-color-text-success-default: #0b6f4d;--ds-color-text-success-inverse: #8eceb9;--ds-color-text-ui-active-default: #225296;--ds-color-text-ui-active-inverse: #6ad5ef;--ds-color-text-ui-default-default: #2c67b5;--ds-color-text-ui-default-inverse: #56bbde;--ds-color-text-ui-disabled-default: #adadad;--ds-color-text-ui-disabled-inverse: #7e7e7e;--ds-color-text-ui-focus-default: #2c67b5;--ds-color-text-ui-focus-inverse: #56bbde;--ds-color-text-ui-hover-default: #193d73;--ds-color-text-ui-hover-inverse: #a8e9f7;--ds-color-text-link-default: #0074c8;--ds-color-text-link-inverse: #00cff0;--ds-color-tier-alaska-mvp-default: #726e6c;--ds-color-tier-alaska-mvp-inverse: #c5c1bf;--ds-color-tier-alaska-mvpgold-default: #7f682e;--ds-color-tier-alaska-mvpgold-inverse: #c5c1bf;--ds-color-tier-alaska-mvpgold75k-default: #7f682e;--ds-color-tier-alaska-mvpgold75k-inverse: #c5c1bf;--ds-color-tier-alaska-mvpgold100k-default: #7f682e;--ds-color-tier-alaska-mvpgold100k-inverse: #c5c1bf;--ds-color-tier-alaska-lounge: #01426a;--ds-color-tier-alaska-loungeplus: #53b390;--ds-color-tier-fare-business-default: #005154;--ds-color-tier-fare-business-inverse: #9fbdbe;--ds-color-tier-fare-economy-default: #2c67b5;--ds-color-tier-fare-economy-inverse: #a0c9f1;--ds-color-tier-fare-first-class-default: #002c4e;--ds-color-tier-fare-first-class-inverse: #89b2d4;--ds-color-tier-fare-saver-default: #4aa2c7;--ds-color-tier-fare-saver-inverse: #a8e9f7;--ds-color-tier-oneworld-emerald: #139142;--ds-color-tier-oneworld-sapphire: #015daa;--ds-color-tier-oneworld-ruby: #a41d4a;--ds-color-ui-default-default: #0074c8;--ds-color-ui-default-inverse: #00cff0;--ds-color-ui-hover-default: #054687;--ds-color-ui-hover-inverse: #5de3f7;--ds-color-ui-active-default: #054687;--ds-color-ui-active-inverse: #5de3f7;--ds-color-ui-disabled-default: rgba(0, 116, 200, 0.2);--ds-color-ui-bkg-default-default: rgba(0, 0, 0, 0.03);--ds-color-ui-bkg-default-inverse: rgba(255, 255, 255, 0.03);--ds-color-ui-bkg-hover-default: rgba(0, 0, 0, 0.06);--ds-color-ui-bkg-hover-inverse: rgba(255, 255, 255, 0.06);--ds-color-utility-blue-default: #79b2ec;--ds-color-utility-blue-inverse: #c9e0f7;--ds-color-utility-cyan-default: #6ad5ef;--ds-color-utility-cyan-inverse: #a8e9f7;--ds-color-utility-green-default: #7ec6ac;--ds-color-utility-green-inverse: #addbca;--ds-color-utility-gray-default: #adadad;--ds-color-utility-gray-inverse: #dddddd;--ds-color-utility-lime-default: #badd81;--ds-color-utility-lime-inverse: #d8efb4;--ds-color-utility-navy-default: #265688;--ds-color-utility-navy-inverse: #acc9e2;--ds-color-utility-neutral-default: #7e8894;--ds-color-utility-neutral-inverse: #ccd2db;--ds-color-utility-pink-default: #f7738e;--ds-color-utility-pink-inverse: #fcc2ce;--ds-color-utility-purple-default: #8d47f0;--ds-color-utility-purple-inverse: #ddc9fb;--ds-color-utility-red-default: #e35c2f;--ds-color-utility-red-inverse: #f0a68d;--ds-color-utility-turquoise-default: #5c8f91;--ds-color-utility-turquoise-inverse: #9fbdbe;--ds-color-utility-yellow-default: #f9ce06;--ds-color-utility-yellow-inverse: #ffe87e;--ds-color-utility-error-default: #cc1816;--ds-color-utility-error-inverse: #f9aca6;--ds-color-utility-warning-default: #f2c153;--ds-color-utility-warning-inverse: #f2c153;--ds-color-utility-success-default: #0b6f4d;--ds-color-utility-success-inverse: #8eceb9}: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:""}`;
|
|
7298
7298
|
|
|
7299
|
-
var colorCss$
|
|
7299
|
+
var colorCss$9 = css`::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)}`;
|
|
7300
7300
|
|
|
7301
|
-
var tokensCss$
|
|
7301
|
+
var tokensCss$9 = css`:host{--ds-auro-popover-boxshadow-color: var(--ds-elevation-200, 0px 0px 10px rgba(0, 0, 0, 0.15));--ds-auro-popover-container-color: var(--ds-color-container-primary-default, #ffffff);--ds-auro-popover-text-color: var(--ds-color-text-primary-default, #2a2a2a)}`;
|
|
7302
7302
|
|
|
7303
7303
|
var top = 'top';
|
|
7304
7304
|
var bottom = 'bottom';
|
|
@@ -9189,7 +9189,7 @@ class AuroPopover extends LitElement {
|
|
|
9189
9189
|
privateDefaults() {
|
|
9190
9190
|
this.isPopoverVisible = false;
|
|
9191
9191
|
this.id = `popover-${(Math.random() + 1).toString(36).substring(7)}`;
|
|
9192
|
-
this.runtimeUtils = new AuroLibraryRuntimeUtils$
|
|
9192
|
+
this.runtimeUtils = new AuroLibraryRuntimeUtils$9();
|
|
9193
9193
|
}
|
|
9194
9194
|
|
|
9195
9195
|
// function to define props used within the scope of this component
|
|
@@ -9204,9 +9204,9 @@ class AuroPopover extends LitElement {
|
|
|
9204
9204
|
|
|
9205
9205
|
static get styles() {
|
|
9206
9206
|
return [
|
|
9207
|
-
css`${styleCss$
|
|
9208
|
-
css`${colorCss$
|
|
9209
|
-
css`${tokensCss$
|
|
9207
|
+
css`${styleCss$9}`,
|
|
9208
|
+
css`${colorCss$9}`,
|
|
9209
|
+
css`${tokensCss$9}`
|
|
9210
9210
|
];
|
|
9211
9211
|
}
|
|
9212
9212
|
|
|
@@ -9219,7 +9219,7 @@ class AuroPopover extends LitElement {
|
|
|
9219
9219
|
*
|
|
9220
9220
|
*/
|
|
9221
9221
|
static register(name = "auro-popover") {
|
|
9222
|
-
AuroLibraryRuntimeUtils$
|
|
9222
|
+
AuroLibraryRuntimeUtils$9.prototype.registerComponent(name, AuroPopover);
|
|
9223
9223
|
}
|
|
9224
9224
|
|
|
9225
9225
|
connectedCallback() {
|
|
@@ -9363,7 +9363,7 @@ class AuroPopover extends LitElement {
|
|
|
9363
9363
|
}
|
|
9364
9364
|
}
|
|
9365
9365
|
|
|
9366
|
-
var popoverVersion = '4.1.
|
|
9366
|
+
var popoverVersion = '4.1.3';
|
|
9367
9367
|
|
|
9368
9368
|
/* eslint-disable max-lines, no-underscore-dangle, no-magic-numbers, no-underscore-dangle, max-params, no-void, init-declarations, no-extra-parens, arrow-parens, max-lines, line-comment-position, no-inline-comments, lit/binding-positions, lit/no-invalid-html */
|
|
9369
9369
|
|
|
@@ -9387,13 +9387,13 @@ class AuroCalendarCell extends LitElement {
|
|
|
9387
9387
|
this.dateStr = null;
|
|
9388
9388
|
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.
|
|
9389
9389
|
|
|
9390
|
-
this.runtimeUtils = new AuroLibraryRuntimeUtils$
|
|
9390
|
+
this.runtimeUtils = new AuroLibraryRuntimeUtils$9();
|
|
9391
9391
|
|
|
9392
9392
|
/**
|
|
9393
9393
|
* Generate unique names for dependency components.
|
|
9394
9394
|
*/
|
|
9395
|
-
const versioning = new AuroDependencyVersioning$
|
|
9396
|
-
this.popoverTag = versioning.generateTag('auro-popover', popoverVersion, AuroPopover);
|
|
9395
|
+
const versioning = new AuroDependencyVersioning$5();
|
|
9396
|
+
this.popoverTag = versioning.generateTag('auro-formkit-datepicker-popover', popoverVersion, AuroPopover);
|
|
9397
9397
|
}
|
|
9398
9398
|
|
|
9399
9399
|
// This function is to define props used within the scope of this component
|
|
@@ -9433,9 +9433,9 @@ class AuroCalendarCell extends LitElement {
|
|
|
9433
9433
|
static get styles() {
|
|
9434
9434
|
return [
|
|
9435
9435
|
// ...super.styles,
|
|
9436
|
-
styleCss$
|
|
9437
|
-
colorCss$
|
|
9438
|
-
tokensCss$
|
|
9436
|
+
styleCss$a,
|
|
9437
|
+
colorCss$a,
|
|
9438
|
+
tokensCss$a
|
|
9439
9439
|
];
|
|
9440
9440
|
}
|
|
9441
9441
|
|
|
@@ -9662,8 +9662,8 @@ class AuroCalendarCell extends LitElement {
|
|
|
9662
9662
|
}
|
|
9663
9663
|
|
|
9664
9664
|
firstUpdated() {
|
|
9665
|
-
const calendarMonth = this.runtimeUtils.closestElement('auro-calendar-month', this);
|
|
9666
|
-
const calendar = this.runtimeUtils.closestElement('auro-calendar', calendarMonth);
|
|
9665
|
+
const calendarMonth = this.runtimeUtils.closestElement('auro-formkit-calendar-month', this);
|
|
9666
|
+
const calendar = this.runtimeUtils.closestElement('auro-formkit-calendar', calendarMonth);
|
|
9667
9667
|
|
|
9668
9668
|
if (!calendar) {
|
|
9669
9669
|
setTimeout(() => this.firstUpdated(), 0);
|
|
@@ -9726,8 +9726,8 @@ class AuroCalendarCell extends LitElement {
|
|
|
9726
9726
|
}
|
|
9727
9727
|
}
|
|
9728
9728
|
|
|
9729
|
-
if (!customElements.get('auro-calendar-cell')) {
|
|
9730
|
-
customElements.define('auro-calendar-cell', AuroCalendarCell);
|
|
9729
|
+
if (!customElements.get('auro-formkit-calendar-cell')) {
|
|
9730
|
+
customElements.define('auro-formkit-calendar-cell', AuroCalendarCell);
|
|
9731
9731
|
}
|
|
9732
9732
|
|
|
9733
9733
|
// See https://git.io/JJ6SJ for "How to document your components using JSDoc"
|
|
@@ -9738,9 +9738,9 @@ class AuroCalendarMonth extends RangeDatepickerCalendar {
|
|
|
9738
9738
|
static get styles() {
|
|
9739
9739
|
return [
|
|
9740
9740
|
// ...super.styles,
|
|
9741
|
-
styleCss$
|
|
9742
|
-
colorCss$
|
|
9743
|
-
tokensCss$
|
|
9741
|
+
styleCss$b,
|
|
9742
|
+
colorCss$b,
|
|
9743
|
+
tokensCss$a
|
|
9744
9744
|
];
|
|
9745
9745
|
}
|
|
9746
9746
|
|
|
@@ -9815,7 +9815,7 @@ class AuroCalendarMonth extends RangeDatepickerCalendar {
|
|
|
9815
9815
|
<div class="td ${this.tdIsEnabled(day)}">
|
|
9816
9816
|
${day
|
|
9817
9817
|
? html`
|
|
9818
|
-
<auro-calendar-cell
|
|
9818
|
+
<auro-formkit-calendar-cell
|
|
9819
9819
|
.disabledDays="${this.disabledDays}"
|
|
9820
9820
|
.min="${this.min}"
|
|
9821
9821
|
.max="${this.max}"
|
|
@@ -9829,7 +9829,7 @@ class AuroCalendarMonth extends RangeDatepickerCalendar {
|
|
|
9829
9829
|
@date-is-selected="${this.handleDateSelected}"
|
|
9830
9830
|
@date-is-hovered="${this.handleDateHovered}"
|
|
9831
9831
|
>
|
|
9832
|
-
</auro-calendar-cell>
|
|
9832
|
+
</auro-formkit-calendar-cell>
|
|
9833
9833
|
`
|
|
9834
9834
|
: null}
|
|
9835
9835
|
</div>
|
|
@@ -9873,8 +9873,8 @@ class AuroCalendarMonth extends RangeDatepickerCalendar {
|
|
|
9873
9873
|
/* eslint-enable */
|
|
9874
9874
|
}
|
|
9875
9875
|
|
|
9876
|
-
if (!customElements.get('auro-calendar-month')) {
|
|
9877
|
-
customElements.define('auro-calendar-month', AuroCalendarMonth);
|
|
9876
|
+
if (!customElements.get('auro-formkit-calendar-month')) {
|
|
9877
|
+
customElements.define('auro-formkit-calendar-month', AuroCalendarMonth);
|
|
9878
9878
|
}
|
|
9879
9879
|
|
|
9880
9880
|
/* eslint-disable no-underscore-dangle, no-magic-numbers, no-underscore-dangle, no-void, init-declarations, no-extra-parens, no-unused-expressions */
|
|
@@ -10281,7 +10281,7 @@ var tokenCss = css`:host{--ds-auro-dropdownbib-header-boxshadow-color: var(--ds-
|
|
|
10281
10281
|
|
|
10282
10282
|
/* eslint-disable line-comment-position, no-inline-comments, no-confusing-arrow, no-nested-ternary, implicit-arrow-linebreak */
|
|
10283
10283
|
|
|
10284
|
-
let AuroLibraryRuntimeUtils$
|
|
10284
|
+
let AuroLibraryRuntimeUtils$2$2 = class AuroLibraryRuntimeUtils {
|
|
10285
10285
|
|
|
10286
10286
|
/* eslint-disable jsdoc/require-param */
|
|
10287
10287
|
|
|
@@ -10348,7 +10348,7 @@ let AuroLibraryRuntimeUtils$3 = class AuroLibraryRuntimeUtils {
|
|
|
10348
10348
|
// See LICENSE in the project root for license information.
|
|
10349
10349
|
|
|
10350
10350
|
|
|
10351
|
-
let AuroDependencyVersioning$
|
|
10351
|
+
let AuroDependencyVersioning$4 = class AuroDependencyVersioning {
|
|
10352
10352
|
|
|
10353
10353
|
/**
|
|
10354
10354
|
* Generates a unique string to be used for child auro element naming.
|
|
@@ -10531,9 +10531,79 @@ let BaseIcon$2 = class BaseIcon extends AuroElement$2 {
|
|
|
10531
10531
|
}
|
|
10532
10532
|
};
|
|
10533
10533
|
|
|
10534
|
-
var tokensCss$
|
|
10534
|
+
var tokensCss$8 = css`:host{--ds-auro-icon-color:var(--ds-color-icon-primary-default, #676767);--ds-auro-icon-size:var(--ds-size-300, 1.5rem)}`;
|
|
10535
|
+
|
|
10536
|
+
var colorCss$8 = css`:host{color:var(--ds-auro-icon-color)}:host([customColor]){color:inherit}:host(:not([onDark])[accent]){--ds-auro-icon-color:var(--ds-color-icon-accent-default, #a2c270)}:host(:not([onDark])[disabled]){--ds-auro-icon-color:var(--ds-color-icon-ui-primary-disabled-default, #adadad)}:host(:not([onDark])[emphasis]){--ds-auro-icon-color:var(--ds-color-icon-emphasis-default, #2a2a2a)}:host(:not([onDark])[error]){--ds-auro-icon-color:var(--ds-color-icon-error-default, #cc1816)}:host(:not([onDark])[info]){--ds-auro-icon-color:var(--ds-color-icon-info-default, #326aa5)}:host(:not([onDark])[secondary]){--ds-auro-icon-color:var(--ds-color-icon-secondary-default, #7e8894)}:host(:not([onDark])[subtle]){--ds-auro-icon-color:var(--ds-color-icon-subtle-default, #a0c9f1)}:host(:not([onDark])[success]){--ds-auro-icon-color:var(--ds-color-icon-success-default, #40a080)}:host(:not([onDark])[tertiary]){--ds-auro-icon-color:var(--ds-color-icon-tertiary-default, #afb9c6)}:host(:not([onDark])[warning]){--ds-auro-icon-color:var(--ds-color-icon-warning-default, #c49432)}:host([onDark]){--ds-auro-icon-color:var(--ds-color-icon-primary-inverse, #f7f7f7)}:host([onDark][accent]){--ds-auro-icon-color:var(--ds-color-icon-accent-inverse, #badd81)}:host([onDark][disabled]){--ds-auro-icon-color:var(--ds-color-icon-ui-primary-disabled-inverse, #7e7e7e)}:host([onDark][emphasis]){--ds-auro-icon-color:var(--ds-color-icon-emphasis-inverse, #ffffff)}:host([onDark][error]){--ds-auro-icon-color:var(--ds-color-icon-error-inverse, #f9aca6)}:host([onDark][info]){--ds-auro-icon-color:var(--ds-color-icon-info-inverse, #89b2d4)}:host([onDark][secondary]){--ds-auro-icon-color:var(--ds-color-icon-secondary-inverse, #ccd2db)}:host([onDark][subtle]){--ds-auro-icon-color:var(--ds-color-icon-subtle-inverse, #326aa5)}:host([onDark][success]){--ds-auro-icon-color:var(--ds-color-icon-success-inverse, #8eceb9)}:host([onDark][tertiary]){--ds-auro-icon-color:var(--ds-color-icon-tertiary-inverse, #939fad)}:host([onDark][warning]){--ds-auro-icon-color:var(--ds-color-icon-warning-inverse, #f2c153)}`;
|
|
10537
|
+
|
|
10538
|
+
// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
|
|
10539
|
+
// See LICENSE in the project root for license information.
|
|
10540
|
+
|
|
10541
|
+
// ---------------------------------------------------------------------
|
|
10542
|
+
|
|
10543
|
+
/* eslint-disable line-comment-position, no-inline-comments, no-confusing-arrow, no-nested-ternary, implicit-arrow-linebreak */
|
|
10544
|
+
|
|
10545
|
+
let AuroLibraryRuntimeUtils$1$2 = class AuroLibraryRuntimeUtils {
|
|
10546
|
+
|
|
10547
|
+
/* eslint-disable jsdoc/require-param */
|
|
10548
|
+
|
|
10549
|
+
/**
|
|
10550
|
+
* This will register a new custom element with the browser.
|
|
10551
|
+
* @param {String} name - The name of the custom element.
|
|
10552
|
+
* @param {Object} componentClass - The class to register as a custom element.
|
|
10553
|
+
* @returns {void}
|
|
10554
|
+
*/
|
|
10555
|
+
registerComponent(name, componentClass) {
|
|
10556
|
+
if (!customElements.get(name)) {
|
|
10557
|
+
customElements.define(name, class extends componentClass {});
|
|
10558
|
+
}
|
|
10559
|
+
}
|
|
10560
|
+
|
|
10561
|
+
/**
|
|
10562
|
+
* Finds and returns the closest HTML Element based on a selector.
|
|
10563
|
+
* @returns {void}
|
|
10564
|
+
*/
|
|
10565
|
+
closestElement(
|
|
10566
|
+
selector, // selector like in .closest()
|
|
10567
|
+
base = this, // extra functionality to skip a parent
|
|
10568
|
+
__Closest = (el, found = el && el.closest(selector)) =>
|
|
10569
|
+
!el || el === document || el === window
|
|
10570
|
+
? null // standard .closest() returns null for non-found selectors also
|
|
10571
|
+
: found
|
|
10572
|
+
? found // found a selector INside this element
|
|
10573
|
+
: __Closest(el.getRootNode().host) // recursion!! break out to parent DOM
|
|
10574
|
+
) {
|
|
10575
|
+
return __Closest(base);
|
|
10576
|
+
}
|
|
10577
|
+
/* eslint-enable jsdoc/require-param */
|
|
10578
|
+
|
|
10579
|
+
/**
|
|
10580
|
+
* 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.
|
|
10581
|
+
* @param {Object} elem - The element to check.
|
|
10582
|
+
* @param {String} tagName - The name of the Auro component to check for or add as an attribute.
|
|
10583
|
+
* @returns {void}
|
|
10584
|
+
*/
|
|
10585
|
+
handleComponentTagRename(elem, tagName) {
|
|
10586
|
+
const tag = tagName.toLowerCase();
|
|
10587
|
+
const elemTag = elem.tagName.toLowerCase();
|
|
10588
|
+
|
|
10589
|
+
if (elemTag !== tag) {
|
|
10590
|
+
elem.setAttribute(tag, true);
|
|
10591
|
+
}
|
|
10592
|
+
}
|
|
10593
|
+
|
|
10594
|
+
/**
|
|
10595
|
+
* Validates if an element is a specific Auro component.
|
|
10596
|
+
* @param {Object} elem - The element to validate.
|
|
10597
|
+
* @param {String} tagName - The name of the Auro component to check against.
|
|
10598
|
+
* @returns {Boolean} - Returns true if the element is the specified Auro component.
|
|
10599
|
+
*/
|
|
10600
|
+
elementMatch(elem, tagName) {
|
|
10601
|
+
const tag = tagName.toLowerCase();
|
|
10602
|
+
const elemTag = elem.tagName.toLowerCase();
|
|
10535
10603
|
|
|
10536
|
-
|
|
10604
|
+
return elemTag === tag || elem.hasAttribute(tag);
|
|
10605
|
+
}
|
|
10606
|
+
};
|
|
10537
10607
|
|
|
10538
10608
|
// Copyright (c) 2020 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
10539
10609
|
// See LICENSE in the project root for license information.
|
|
@@ -10567,7 +10637,7 @@ let AuroIcon$2 = class AuroIcon extends BaseIcon$2 {
|
|
|
10567
10637
|
this.tertiary = false;
|
|
10568
10638
|
this.warning = false;
|
|
10569
10639
|
this.uri = 'https://cdn.jsdelivr.net/npm/@alaskaairux/icons@latest/dist';
|
|
10570
|
-
this.runtimeUtils = new AuroLibraryRuntimeUtils$
|
|
10640
|
+
this.runtimeUtils = new AuroLibraryRuntimeUtils$1$2();
|
|
10571
10641
|
}
|
|
10572
10642
|
|
|
10573
10643
|
// function to define props used within the scope of this component
|
|
@@ -10714,9 +10784,9 @@ let AuroIcon$2 = class AuroIcon extends BaseIcon$2 {
|
|
|
10714
10784
|
static get styles() {
|
|
10715
10785
|
return [
|
|
10716
10786
|
super.styles,
|
|
10717
|
-
css`${tokensCss$
|
|
10787
|
+
css`${tokensCss$8}`,
|
|
10718
10788
|
css`${styleCss$1$2}`,
|
|
10719
|
-
css`${colorCss$
|
|
10789
|
+
css`${colorCss$8}`
|
|
10720
10790
|
];
|
|
10721
10791
|
}
|
|
10722
10792
|
|
|
@@ -10729,7 +10799,7 @@ let AuroIcon$2 = class AuroIcon extends BaseIcon$2 {
|
|
|
10729
10799
|
*
|
|
10730
10800
|
*/
|
|
10731
10801
|
static register(name = "auro-icon") {
|
|
10732
|
-
AuroLibraryRuntimeUtils$
|
|
10802
|
+
AuroLibraryRuntimeUtils$1$2.prototype.registerComponent(name, AuroIcon);
|
|
10733
10803
|
}
|
|
10734
10804
|
|
|
10735
10805
|
connectedCallback() {
|
|
@@ -10797,7 +10867,77 @@ let AuroIcon$2 = class AuroIcon extends BaseIcon$2 {
|
|
|
10797
10867
|
|
|
10798
10868
|
var iconVersion$2 = '7.0.1';
|
|
10799
10869
|
|
|
10800
|
-
|
|
10870
|
+
// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
|
|
10871
|
+
// See LICENSE in the project root for license information.
|
|
10872
|
+
|
|
10873
|
+
// ---------------------------------------------------------------------
|
|
10874
|
+
|
|
10875
|
+
/* eslint-disable line-comment-position, no-inline-comments, no-confusing-arrow, no-nested-ternary, implicit-arrow-linebreak */
|
|
10876
|
+
|
|
10877
|
+
let AuroLibraryRuntimeUtils$8 = class AuroLibraryRuntimeUtils {
|
|
10878
|
+
|
|
10879
|
+
/* eslint-disable jsdoc/require-param */
|
|
10880
|
+
|
|
10881
|
+
/**
|
|
10882
|
+
* This will register a new custom element with the browser.
|
|
10883
|
+
* @param {String} name - The name of the custom element.
|
|
10884
|
+
* @param {Object} componentClass - The class to register as a custom element.
|
|
10885
|
+
* @returns {void}
|
|
10886
|
+
*/
|
|
10887
|
+
registerComponent(name, componentClass) {
|
|
10888
|
+
if (!customElements.get(name)) {
|
|
10889
|
+
customElements.define(name, class extends componentClass {});
|
|
10890
|
+
}
|
|
10891
|
+
}
|
|
10892
|
+
|
|
10893
|
+
/**
|
|
10894
|
+
* Finds and returns the closest HTML Element based on a selector.
|
|
10895
|
+
* @returns {void}
|
|
10896
|
+
*/
|
|
10897
|
+
closestElement(
|
|
10898
|
+
selector, // selector like in .closest()
|
|
10899
|
+
base = this, // extra functionality to skip a parent
|
|
10900
|
+
__Closest = (el, found = el && el.closest(selector)) =>
|
|
10901
|
+
!el || el === document || el === window
|
|
10902
|
+
? null // standard .closest() returns null for non-found selectors also
|
|
10903
|
+
: found
|
|
10904
|
+
? found // found a selector INside this element
|
|
10905
|
+
: __Closest(el.getRootNode().host) // recursion!! break out to parent DOM
|
|
10906
|
+
) {
|
|
10907
|
+
return __Closest(base);
|
|
10908
|
+
}
|
|
10909
|
+
/* eslint-enable jsdoc/require-param */
|
|
10910
|
+
|
|
10911
|
+
/**
|
|
10912
|
+
* 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.
|
|
10913
|
+
* @param {Object} elem - The element to check.
|
|
10914
|
+
* @param {String} tagName - The name of the Auro component to check for or add as an attribute.
|
|
10915
|
+
* @returns {void}
|
|
10916
|
+
*/
|
|
10917
|
+
handleComponentTagRename(elem, tagName) {
|
|
10918
|
+
const tag = tagName.toLowerCase();
|
|
10919
|
+
const elemTag = elem.tagName.toLowerCase();
|
|
10920
|
+
|
|
10921
|
+
if (elemTag !== tag) {
|
|
10922
|
+
elem.setAttribute(tag, true);
|
|
10923
|
+
}
|
|
10924
|
+
}
|
|
10925
|
+
|
|
10926
|
+
/**
|
|
10927
|
+
* Validates if an element is a specific Auro component.
|
|
10928
|
+
* @param {Object} elem - The element to validate.
|
|
10929
|
+
* @param {String} tagName - The name of the Auro component to check against.
|
|
10930
|
+
* @returns {Boolean} - Returns true if the element is the specified Auro component.
|
|
10931
|
+
*/
|
|
10932
|
+
elementMatch(elem, tagName) {
|
|
10933
|
+
const tag = tagName.toLowerCase();
|
|
10934
|
+
const elemTag = elem.tagName.toLowerCase();
|
|
10935
|
+
|
|
10936
|
+
return elemTag === tag || elem.hasAttribute(tag);
|
|
10937
|
+
}
|
|
10938
|
+
};
|
|
10939
|
+
|
|
10940
|
+
var styleCss$8 = css`.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)}`;
|
|
10801
10941
|
|
|
10802
10942
|
// Copyright (c) 2020 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
10803
10943
|
// See LICENSE in the project root for license information.
|
|
@@ -10826,7 +10966,7 @@ class AuroHeader extends LitElement {
|
|
|
10826
10966
|
/**
|
|
10827
10967
|
* @private
|
|
10828
10968
|
*/
|
|
10829
|
-
this.runtimeUtils = new AuroLibraryRuntimeUtils$
|
|
10969
|
+
this.runtimeUtils = new AuroLibraryRuntimeUtils$8();
|
|
10830
10970
|
}
|
|
10831
10971
|
|
|
10832
10972
|
// function to define props used within the scope of this component
|
|
@@ -10844,7 +10984,7 @@ class AuroHeader extends LitElement {
|
|
|
10844
10984
|
}
|
|
10845
10985
|
|
|
10846
10986
|
static get styles() {
|
|
10847
|
-
return [styleCss$
|
|
10987
|
+
return [styleCss$8];
|
|
10848
10988
|
}
|
|
10849
10989
|
|
|
10850
10990
|
/**
|
|
@@ -10856,7 +10996,7 @@ class AuroHeader extends LitElement {
|
|
|
10856
10996
|
*
|
|
10857
10997
|
*/
|
|
10858
10998
|
static register(name = "auro-header") {
|
|
10859
|
-
AuroLibraryRuntimeUtils$
|
|
10999
|
+
AuroLibraryRuntimeUtils$8.prototype.registerComponent(name, AuroHeader);
|
|
10860
11000
|
}
|
|
10861
11001
|
|
|
10862
11002
|
firstUpdated() {
|
|
@@ -10950,11 +11090,11 @@ class AuroBibtemplate extends LitElement {
|
|
|
10950
11090
|
constructor() {
|
|
10951
11091
|
super();
|
|
10952
11092
|
|
|
10953
|
-
AuroLibraryRuntimeUtils$
|
|
11093
|
+
AuroLibraryRuntimeUtils$2$2.prototype.handleComponentTagRename(this, 'auro-bibtemplate');
|
|
10954
11094
|
|
|
10955
|
-
const versioning = new AuroDependencyVersioning$
|
|
10956
|
-
this.iconTag = versioning.generateTag('auro-icon', iconVersion$2, AuroIcon$2);
|
|
10957
|
-
this.headerTag = versioning.generateTag('auro-header', headerVersion, AuroHeader);
|
|
11095
|
+
const versioning = new AuroDependencyVersioning$4();
|
|
11096
|
+
this.iconTag = versioning.generateTag('auro-formkit-bibtemplate-icon', iconVersion$2, AuroIcon$2);
|
|
11097
|
+
this.headerTag = versioning.generateTag('auro-formkit-bibtemplate-header', headerVersion, AuroHeader);
|
|
10958
11098
|
}
|
|
10959
11099
|
|
|
10960
11100
|
static get styles() {
|
|
@@ -10989,7 +11129,7 @@ class AuroBibtemplate extends LitElement {
|
|
|
10989
11129
|
*
|
|
10990
11130
|
*/
|
|
10991
11131
|
static register(name = "auro-bibtemplate") {
|
|
10992
|
-
AuroLibraryRuntimeUtils$
|
|
11132
|
+
AuroLibraryRuntimeUtils$2$2.prototype.registerComponent(name, AuroBibtemplate);
|
|
10993
11133
|
}
|
|
10994
11134
|
|
|
10995
11135
|
/**
|
|
@@ -11061,95 +11201,697 @@ class AuroBibtemplate extends LitElement {
|
|
|
11061
11201
|
|
|
11062
11202
|
var bibTemplateVersion = '1.0.0';
|
|
11063
11203
|
|
|
11064
|
-
//
|
|
11065
|
-
|
|
11066
|
-
* @prop {Object} firstDayOfWeek - Weekday that will be displayed in first column of month grid.
|
|
11067
|
-
* 0: sunday, 1: monday, 2: tuesday, 3: wednesday , 4: thursday, 5: friday, 6: saturday
|
|
11068
|
-
* Default is 0.
|
|
11069
|
-
* @prop {Date | null} focusedDate - The currently focused date (if any).
|
|
11070
|
-
* @prop {Date} maxDate - Maximum date. All dates after will be disabled.
|
|
11071
|
-
* @prop {Date} minDate - Minimum date. All dates before will be disabled.
|
|
11072
|
-
* @prop {Date | undefined} selectedDate - The selected date, usually synchronized with datepicker-input.
|
|
11073
|
-
* Not to be confused with the focused date (therefore not necessarily in active month view).
|
|
11074
|
-
* @prop {string} weekdayHeaderNotation - Weekday header notation, based on Intl DatetimeFormat:.
|
|
11075
|
-
* @prop {Boolean} visible - Flag indicating if the calendar is visible.
|
|
11076
|
-
* - 'short' (e.g., Thu)
|
|
11077
|
-
* - 'narrow' (e.g., T).
|
|
11078
|
-
* Default is 'short'.
|
|
11079
|
-
* @event auroCalendar-dateSelected - Notifies that a date has been selected in the calendar.
|
|
11080
|
-
* @event auroCalendar-monthChanged - Notifies that the visible calendar month(s) have changed.
|
|
11081
|
-
*/
|
|
11082
|
-
|
|
11083
|
-
/* eslint-disable no-magic-numbers, no-undef-init, max-lines, lit/binding-positions, lit/no-invalid-html */
|
|
11084
|
-
|
|
11085
|
-
// class AuroCalendar extends LitElement {
|
|
11086
|
-
class AuroCalendar extends RangeDatepicker {
|
|
11087
|
-
constructor() {
|
|
11088
|
-
super();
|
|
11204
|
+
// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
|
|
11205
|
+
// See LICENSE in the project root for license information.
|
|
11089
11206
|
|
|
11090
|
-
/**
|
|
11091
|
-
* @private
|
|
11092
|
-
*/
|
|
11093
|
-
this.util = new AuroDatepickerUtilities();
|
|
11094
11207
|
|
|
11095
|
-
|
|
11096
|
-
* @private
|
|
11097
|
-
*/
|
|
11098
|
-
this.utilCal = new CalendarUtilities();
|
|
11208
|
+
let AuroDependencyVersioning$3 = class AuroDependencyVersioning {
|
|
11099
11209
|
|
|
11100
|
-
|
|
11101
|
-
|
|
11102
|
-
|
|
11103
|
-
|
|
11210
|
+
/**
|
|
11211
|
+
* Generates a unique string to be used for child auro element naming.
|
|
11212
|
+
* @private
|
|
11213
|
+
* @param {string} baseName - Defines the first part of the unique element name.
|
|
11214
|
+
* @param {string} version - Version of the component that will be appended to the baseName.
|
|
11215
|
+
* @returns {string} - Unique string to be used for naming.
|
|
11216
|
+
*/
|
|
11217
|
+
generateElementName(baseName, version) {
|
|
11218
|
+
let result = baseName;
|
|
11104
11219
|
|
|
11105
|
-
|
|
11106
|
-
|
|
11107
|
-
this.centralDate = undefined;
|
|
11108
|
-
this.showPrevMonthBtn = true;
|
|
11109
|
-
this.showNextMonthBtn = true;
|
|
11220
|
+
result += '-';
|
|
11221
|
+
result += version.replace(/[.]/g, '_');
|
|
11110
11222
|
|
|
11111
|
-
|
|
11112
|
-
|
|
11113
|
-
*/
|
|
11114
|
-
this.firstMonthRenderable = undefined;
|
|
11223
|
+
return result;
|
|
11224
|
+
}
|
|
11115
11225
|
|
|
11116
|
-
|
|
11117
|
-
|
|
11118
|
-
|
|
11119
|
-
|
|
11226
|
+
/**
|
|
11227
|
+
* Generates a unique string to be used for child auro element naming.
|
|
11228
|
+
* @param {string} baseName - Defines the first part of the unique element name.
|
|
11229
|
+
* @param {string} version - Version of the component that will be appended to the baseName.
|
|
11230
|
+
* @returns {string} - Unique string to be used for naming.
|
|
11231
|
+
*/
|
|
11232
|
+
generateTag(baseName, version, tagClass) {
|
|
11233
|
+
const elementName = this.generateElementName(baseName, version);
|
|
11234
|
+
const tag = literal`${unsafeStatic(elementName)}`;
|
|
11120
11235
|
|
|
11121
|
-
|
|
11122
|
-
|
|
11123
|
-
|
|
11124
|
-
this.numCalendars = undefined;
|
|
11236
|
+
if (!customElements.get(elementName)) {
|
|
11237
|
+
customElements.define(elementName, class extends tagClass {});
|
|
11238
|
+
}
|
|
11125
11239
|
|
|
11240
|
+
return tag;
|
|
11241
|
+
}
|
|
11242
|
+
};
|
|
11126
11243
|
|
|
11127
|
-
|
|
11244
|
+
// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
|
|
11245
|
+
// See LICENSE in the project root for license information.
|
|
11128
11246
|
|
|
11247
|
+
// ---------------------------------------------------------------------
|
|
11129
11248
|
|
|
11130
|
-
|
|
11131
|
-
* @private
|
|
11132
|
-
*/
|
|
11133
|
-
this.slots = {};
|
|
11249
|
+
/* eslint-disable line-comment-position, no-inline-comments, no-confusing-arrow, no-nested-ternary, implicit-arrow-linebreak */
|
|
11134
11250
|
|
|
11135
|
-
|
|
11251
|
+
let AuroLibraryRuntimeUtils$7 = class AuroLibraryRuntimeUtils {
|
|
11136
11252
|
|
|
11137
|
-
|
|
11138
|
-
|
|
11139
|
-
|
|
11140
|
-
|
|
11253
|
+
/* eslint-disable jsdoc/require-param */
|
|
11254
|
+
|
|
11255
|
+
/**
|
|
11256
|
+
* This will register a new custom element with the browser.
|
|
11257
|
+
* @param {String} name - The name of the custom element.
|
|
11258
|
+
* @param {Object} componentClass - The class to register as a custom element.
|
|
11259
|
+
* @returns {void}
|
|
11260
|
+
*/
|
|
11261
|
+
registerComponent(name, componentClass) {
|
|
11262
|
+
if (!customElements.get(name)) {
|
|
11263
|
+
customElements.define(name, class extends componentClass {});
|
|
11264
|
+
}
|
|
11265
|
+
}
|
|
11266
|
+
|
|
11267
|
+
/**
|
|
11268
|
+
* Finds and returns the closest HTML Element based on a selector.
|
|
11269
|
+
* @returns {void}
|
|
11270
|
+
*/
|
|
11271
|
+
closestElement(
|
|
11272
|
+
selector, // selector like in .closest()
|
|
11273
|
+
base = this, // extra functionality to skip a parent
|
|
11274
|
+
__Closest = (el, found = el && el.closest(selector)) =>
|
|
11275
|
+
!el || el === document || el === window
|
|
11276
|
+
? null // standard .closest() returns null for non-found selectors also
|
|
11277
|
+
: found
|
|
11278
|
+
? found // found a selector INside this element
|
|
11279
|
+
: __Closest(el.getRootNode().host) // recursion!! break out to parent DOM
|
|
11280
|
+
) {
|
|
11281
|
+
return __Closest(base);
|
|
11282
|
+
}
|
|
11283
|
+
/* eslint-enable jsdoc/require-param */
|
|
11284
|
+
|
|
11285
|
+
/**
|
|
11286
|
+
* 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.
|
|
11287
|
+
* @param {Object} elem - The element to check.
|
|
11288
|
+
* @param {String} tagName - The name of the Auro component to check for or add as an attribute.
|
|
11289
|
+
* @returns {void}
|
|
11290
|
+
*/
|
|
11291
|
+
handleComponentTagRename(elem, tagName) {
|
|
11292
|
+
const tag = tagName.toLowerCase();
|
|
11293
|
+
const elemTag = elem.tagName.toLowerCase();
|
|
11294
|
+
|
|
11295
|
+
if (elemTag !== tag) {
|
|
11296
|
+
elem.setAttribute(tag, true);
|
|
11297
|
+
}
|
|
11298
|
+
}
|
|
11299
|
+
|
|
11300
|
+
/**
|
|
11301
|
+
* Validates if an element is a specific Auro component.
|
|
11302
|
+
* @param {Object} elem - The element to validate.
|
|
11303
|
+
* @param {String} tagName - The name of the Auro component to check against.
|
|
11304
|
+
* @returns {Boolean} - Returns true if the element is the specified Auro component.
|
|
11305
|
+
*/
|
|
11306
|
+
elementMatch(elem, tagName) {
|
|
11307
|
+
const tag = tagName.toLowerCase();
|
|
11308
|
+
const elemTag = elem.tagName.toLowerCase();
|
|
11309
|
+
|
|
11310
|
+
return elemTag === tag || elem.hasAttribute(tag);
|
|
11311
|
+
}
|
|
11312
|
+
};
|
|
11313
|
+
|
|
11314
|
+
var styleCss$7 = css`: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-font-family-default, "AS Circular", Helvetica Neue, Arial, sans-serif);font-size:var(--ds-text-body-size-default, 1rem);font-weight:var(--ds-text-body-default-weight, 500);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:not([variant=secondary]):not([variant=tertiary]):not([variant=flat]):after{display:block;content:"";height:calc(100% - 2px);width:calc(100% - 2px);position:absolute;top:1px;left:1px;border-radius:4px;border-style:solid;border-width:2px}.auro-button:focus-visible[variant=secondary]:after,.auro-button:focus-visible[variant=tertiary]:after{display:block;content:"";height:100%;width:100%;position:absolute;top:0;left:0;border-radius:var(--ds-border-radius, 0.375rem);border-style:solid;border-width:2px}.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-text-body-size-sm, 0.875rem);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, $ds-size-300)}.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, $ds-size-200) + var(--ds-size-50, $ds-size-50))}.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}.auro-button--rounded ::slotted(auro-icon),.auro-button--rounded ::slotted([auro-icon]){--ds-auro-icon-size:var(--ds-size-300, $ds-size-300)}: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}`;
|
|
11315
|
+
|
|
11316
|
+
var colorCss$7 = css`[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:after{border-color:var(--ds-auro-button-border-inset-color)}.auro-button:not([ondark]):active{--ds-auro-button-container-color:var(--ds-color-container-ui-primary-active-default, #225296);--ds-auro-button-container-image:var(--ds-color-container-ui-primary-active-default, #225296);--ds-auro-button-border-color:var(--ds-color-container-ui-primary-active-default, #225296)}.auro-button:not([ondark])[disabled]{--ds-auro-button-container-color:var(--ds-color-container-ui-primary-disabled-default, #a0c9f1);--ds-auro-button-container-image:var(--ds-color-container-ui-primary-disabled-default, #a0c9f1);--ds-auro-button-border-color:var(--ds-color-container-ui-primary-disabled-default, #a0c9f1)}@media(hover: hover){.auro-button:not([ondark]):active:not(:disabled),.auro-button:not([ondark]):hover:not(:disabled){--ds-auro-button-container-color:var(--ds-color-container-ui-primary-hover-default, #193d73);--ds-auro-button-container-image:var(--ds-color-container-ui-primary-hover-default, #193d73);--ds-auro-button-border-color:var(--ds-color-container-ui-primary-hover-default, #193d73)}}.auro-button:not([ondark])[variant=secondary]{--ds-auro-button-container-color:var(--ds-color-container-ui-secondary-default-default, #ffffff);--ds-auro-button-container-image:var(--ds-color-container-ui-secondary-default-default, #ffffff);--ds-auro-button-border-color:var(--ds-color-border-ui-default-default, #2c67b5);--ds-auro-button-text-color:var(--ds-color-text-ui-default-default, #2c67b5)}@media(hover: hover){.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-color-container-ui-secondary-hover-default, rgba(0, 0, 0, 0.03));--ds-auro-button-container-image:var(--ds-color-container-ui-secondary-hover-default, rgba(0, 0, 0, 0.03));--ds-auro-button-border-color:var(--ds-color-border-ui-hover-default, #193d73);--ds-auro-button-text-color:var(--ds-color-text-ui-hover-default, #193d73)}}.auro-button:not([ondark])[variant=secondary]:focus-visible{--ds-auro-button-border-inset-color:var(--ds-color-border-ui-focus-default, #2c67b5)}.auro-button:not([ondark])[variant=secondary]:active{--ds-auro-button-container-color:var(--ds-color-container-ui-secondary-active-default, #f0f7fd);--ds-auro-button-container-image:var(--ds-color-container-ui-secondary-active-default, #f0f7fd);--ds-auro-button-border-color:var(--ds-color-border-ui-active-default, #225296);--ds-auro-button-text-color:var(--ds-color-text-ui-active-default, #225296)}.auro-button:not([ondark])[variant=secondary]:disabled{--ds-auro-button-container-color:var(--ds-color-container-ui-secondary-disabled-default, #f7f7f7);--ds-auro-button-container-image:var(--ds-color-container-ui-secondary-disabled-default, #f7f7f7);--ds-auro-button-border-color:var(--ds-color-border-ui-disabled-default, #adadad);--ds-auro-button-text-color:var(--ds-color-text-ui-disabled-default, #adadad)}.auro-button:not([ondark])[variant=tertiary]{--ds-auro-button-container-color:var(--ds-color-container-ui-tertiary-default-default, rgba(0, 0, 0, 0.03));--ds-auro-button-container-image:var(--ds-color-container-ui-tertiary-default-default, rgba(0, 0, 0, 0.03));--ds-auro-button-border-color:transparent;--ds-auro-button-text-color:var(--ds-color-text-ui-default-default, #2c67b5)}@media(hover: hover){.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-color-container-ui-tertiary-hover-default, rgba(0, 0, 0, 0.12));--ds-auro-button-container-image:var(--ds-color-container-ui-tertiary-hover-default, rgba(0, 0, 0, 0.12));--ds-auro-button-border-color:transparent;--ds-auro-button-text-color:var(--ds-color-text-ui-hover-default, #193d73)}}.auro-button:not([ondark])[variant=tertiary]:focus-visible{--ds-auro-button-border-color:var(--ds-color-border-ui-default-default, #2c67b5);--ds-auro-button-border-inset-color:var(--ds-color-border-ui-default-default, #2c67b5)}.auro-button:not([ondark])[variant=tertiary]:active{--ds-auro-button-container-color:var(--ds-color-container-ui-tertiary-active-default, rgba(0, 0, 0, 0.06));--ds-auro-button-container-image:var(--ds-color-container-ui-tertiary-active-default, rgba(0, 0, 0, 0.06));--ds-auro-button-border-color:transparent;--ds-auro-button-text-color:var(--ds-color-text-ui-active-default, #225296)}.auro-button:not([ondark])[variant=tertiary]:disabled{--ds-auro-button-container-color:var(--ds-color-container-ui-tertiary-disabled-default, rgba(0, 0, 0, 0.03));--ds-auro-button-container-image:var(--ds-color-container-ui-tertiary-disabled-default, rgba(0, 0, 0, 0.03));--ds-auro-button-border-color:transparent;--ds-auro-button-text-color:var(--ds-color-text-ui-disabled-default, #adadad)}.auro-button:not([ondark])[variant=flat]{color:var(--ds-color-icon-ui-secondary-default-default);background-color:transparent;background-image:none;border-color:transparent}@media(hover: hover){.auro-button:not([ondark])[variant=flat]:active:not(:disabled),.auro-button:not([ondark])[variant=flat]:hover:not(:disabled){color:var(--ds-color-icon-ui-secondary-hover-default);background-color:transparent;background-image:none;border-color:transparent}}.auro-button:not([ondark])[variant=flat]:disabled{color:var(--ds-color-icon-ui-secondary-disabled-default);background-color:transparent;background-image:none;border-color:transparent}.auro-button[ondark]{--ds-auro-button-container-color:var(--ds-color-container-ui-primary-default-inverse, #56bbde);--ds-auro-button-container-image:var(--ds-color-container-ui-primary-default-inverse, #56bbde);--ds-auro-button-text-color:var(--ds-color-text-primary-default, #2a2a2a);--ds-auro-button-loader-color:var(--ds-color-text-primary-inverse, #ffffff);--ds-auro-button-border-color:var(--ds-color-container-ui-primary-default-inverse, #56bbde)}@media(hover: hover){.auro-button[ondark]:active:not(:disabled),.auro-button[ondark]:hover:not(:disabled){--ds-auro-button-container-color:var(--ds-color-container-ui-primary-hover-inverse, #a8e9f7);--ds-auro-button-container-image:var(--ds-color-container-ui-primary-hover-inverse, #a8e9f7);--ds-auro-button-border-color:var(--ds-color-container-ui-primary-hover-inverse, #a8e9f7)}}.auro-button[ondark]:active{--ds-auro-button-container-color:var(--ds-color-container-ui-primary-active-inverse, #6ad5ef);--ds-auro-button-container-image:var(--ds-color-container-ui-primary-active-inverse, #6ad5ef);--ds-auro-button-border-color:var(--ds-color-container-ui-primary-active-inverse, #6ad5ef)}.auro-button[ondark][disabled]{--ds-auro-button-container-color:var(--ds-color-container-ui-primary-disabled-inverse, #275b72);--ds-auro-button-container-image:var(--ds-color-container-ui-primary-disabled-inverse, #275b72);--ds-auro-button-text-color:var(--ds-color-text-ui-disabled-inverse, #7e7e7e);--ds-auro-button-border-color:var(--ds-color-container-ui-primary-disabled-inverse, #275b72)}.auro-button[ondark][variant=secondary]{--ds-auro-button-container-color:var(--ds-color-container-ui-secondary-default-inverse, rgba(255, 255, 255, 0.03));--ds-auro-button-container-image:var(--ds-color-container-ui-secondary-default-inverse, rgba(255, 255, 255, 0.03));--ds-auro-button-border-color:var(--ds-color-border-ui-default-inverse, #56bbde);--ds-auro-button-text-color:var(--ds-color-text-ui-default-inverse, #56bbde)}@media(hover: hover){.auro-button[ondark][variant=secondary]:hover{--ds-auro-button-container-color:var(--ds-color-container-ui-secondary-hover-inverse, rgba(255, 255, 255, 0.12));--ds-auro-button-container-image:var(--ds-color-container-ui-secondary-hover-inverse, rgba(255, 255, 255, 0.12));--ds-auro-button-border-color:var(--ds-color-border-ui-hover-inverse, #a8e9f7);--ds-auro-button-text-color:var(--ds-color-text-ui-hover-inverse, #a8e9f7)}}.auro-button[ondark][variant=secondary]:focus-visible{--ds-auro-button-border-inset-color:var(--ds-color-border-ui-focus-inverse, #56bbde)}.auro-button[ondark][variant=secondary]:active{--ds-auro-button-container-color:var(--ds-color-container-ui-secondary-active-inverse, rgba(255, 255, 255, 0.06));--ds-auro-button-container-image:var(--ds-color-container-ui-secondary-active-inverse, rgba(255, 255, 255, 0.06));--ds-auro-button-border-color:var(--ds-color-border-ui-active-inverse, #6ad5ef);--ds-auro-button-text-color:var(--ds-color-text-ui-active-inverse, #6ad5ef)}.auro-button[ondark][variant=secondary]:disabled{--ds-auro-button-container-color:var(--ds-color-container-ui-secondary-disabled-inverse, rgba(255, 255, 255, 0.12));--ds-auro-button-container-image:var(--ds-color-container-ui-secondary-disabled-inverse, rgba(255, 255, 255, 0.12));--ds-auro-button-border-color:var(--ds-color-border-ui-disabled-inverse, #7e7e7e);--ds-auro-button-text-color:var(--ds-color-text-ui-disabled-inverse, #7e7e7e)}.auro-button[ondark][variant=tertiary]{--ds-auro-button-container-color:var(--ds-color-container-ui-tertiary-default-inverse, rgba(255, 255, 255, 0.12));--ds-auro-button-container-image:var(--ds-color-container-ui-tertiary-default-inverse, rgba(255, 255, 255, 0.12));--ds-auro-button-border-color:transparent;--ds-auro-button-text-color:var(--ds-color-text-ui-default-inverse, #56bbde)}@media(hover: hover){.auro-button[ondark][variant=tertiary]:active:not(:disabled),.auro-button[ondark][variant=tertiary]:hover:not(:disabled){--ds-auro-button-container-color:var(--ds-color-container-ui-tertiary-hover-inverse, rgba(255, 255, 255, 0.25));--ds-auro-button-container-image:var(--ds-color-container-ui-tertiary-hover-inverse, rgba(255, 255, 255, 0.25));--ds-auro-button-border-color:transparent;--ds-auro-button-text-color:var(--ds-color-text-ui-hover-inverse, #a8e9f7)}}.auro-button[ondark][variant=tertiary]:focus-visible{--ds-auro-button-border-color:var(--ds-color-border-ui-default-inverse, #56bbde);--ds-auro-button-border-inset-color:var(--ds-color-border-ui-default-inverse, #56bbde)}.auro-button[ondark][variant=tertiary]:active{--ds-auro-button-container-color:var(--ds-color-container-ui-tertiary-active-inverse, rgba(255, 255, 255, 0.06));--ds-auro-button-container-image:var(--ds-color-container-ui-tertiary-active-inverse, rgba(255, 255, 255, 0.06));--ds-auro-button-border-color:transparent;--ds-auro-button-text-color:var(--ds-color-text-ui-active-inverse, #6ad5ef)}.auro-button[ondark][variant=tertiary]:disabled{--ds-auro-button-container-color:var(--ds-color-container-ui-tertiary-disabled-inverse, rgba(255, 255, 255, 0.25));--ds-auro-button-container-image:var(--ds-color-container-ui-tertiary-disabled-inverse, rgba(255, 255, 255, 0.25));--ds-auro-button-border-color:transparent;--ds-auro-button-text-color:var(--ds-color-text-ui-disabled-inverse, #7e7e7e)}.auro-button[ondark][variant=flat]{color:var(--ds-color-icon-ui-secondary-default-inverse);background-color:transparent;background-image:none;border-color:transparent}@media(hover: hover){.auro-button[ondark][variant=flat]:active:not(:disabled),.auro-button[ondark][variant=flat]:hover:not(:disabled){color:var(--ds-color-icon-ui-secondary-hover-inverse);background-color:transparent;background-image:none;border-color:transparent}}.auro-button[ondark][variant=flat]:disabled{color:var(--ds-color-icon-ui-disabled-default);background-color:transparent;background-image:none;border-color:transparent}`;
|
|
11317
|
+
|
|
11318
|
+
var tokensCss$7 = css`:host{--ds-auro-button-border-color:var(--ds-color-container-ui-primary-default-default, #2c67b5);--ds-auro-button-border-inset-color:var(--ds-color-border-emphasis-inverse, #f2f7fb);--ds-auro-button-container-color:var(--ds-color-container-ui-primary-default-default, #2c67b5);--ds-auro-button-container-image:var(--ds-color-container-ui-primary-default-default, #2c67b5);--ds-auro-button-loader-color:var(--ds-color-utility-navy-default, #265688);--ds-auro-button-text-color:var(--ds-color-text-primary-inverse, #ffffff);--ds-auro-button-tap-color:transparent}`;
|
|
11319
|
+
|
|
11320
|
+
// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
|
|
11321
|
+
// See LICENSE in the project root for license information.
|
|
11322
|
+
|
|
11323
|
+
// ---------------------------------------------------------------------
|
|
11324
|
+
|
|
11325
|
+
/* eslint-disable line-comment-position, no-inline-comments, no-confusing-arrow, no-nested-ternary, implicit-arrow-linebreak */
|
|
11326
|
+
|
|
11327
|
+
let AuroLibraryRuntimeUtils$6 = class AuroLibraryRuntimeUtils {
|
|
11328
|
+
|
|
11329
|
+
/* eslint-disable jsdoc/require-param */
|
|
11330
|
+
|
|
11331
|
+
/**
|
|
11332
|
+
* This will register a new custom element with the browser.
|
|
11333
|
+
* @param {String} name - The name of the custom element.
|
|
11334
|
+
* @param {Object} componentClass - The class to register as a custom element.
|
|
11335
|
+
* @returns {void}
|
|
11336
|
+
*/
|
|
11337
|
+
registerComponent(name, componentClass) {
|
|
11338
|
+
if (!customElements.get(name)) {
|
|
11339
|
+
customElements.define(name, class extends componentClass {});
|
|
11340
|
+
}
|
|
11341
|
+
}
|
|
11342
|
+
|
|
11343
|
+
/**
|
|
11344
|
+
* Finds and returns the closest HTML Element based on a selector.
|
|
11345
|
+
* @returns {void}
|
|
11346
|
+
*/
|
|
11347
|
+
closestElement(
|
|
11348
|
+
selector, // selector like in .closest()
|
|
11349
|
+
base = this, // extra functionality to skip a parent
|
|
11350
|
+
__Closest = (el, found = el && el.closest(selector)) =>
|
|
11351
|
+
!el || el === document || el === window
|
|
11352
|
+
? null // standard .closest() returns null for non-found selectors also
|
|
11353
|
+
: found
|
|
11354
|
+
? found // found a selector INside this element
|
|
11355
|
+
: __Closest(el.getRootNode().host) // recursion!! break out to parent DOM
|
|
11356
|
+
) {
|
|
11357
|
+
return __Closest(base);
|
|
11358
|
+
}
|
|
11359
|
+
/* eslint-enable jsdoc/require-param */
|
|
11360
|
+
|
|
11361
|
+
/**
|
|
11362
|
+
* 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.
|
|
11363
|
+
* @param {Object} elem - The element to check.
|
|
11364
|
+
* @param {String} tagName - The name of the Auro component to check for or add as an attribute.
|
|
11365
|
+
* @returns {void}
|
|
11366
|
+
*/
|
|
11367
|
+
handleComponentTagRename(elem, tagName) {
|
|
11368
|
+
const tag = tagName.toLowerCase();
|
|
11369
|
+
const elemTag = elem.tagName.toLowerCase();
|
|
11370
|
+
|
|
11371
|
+
if (elemTag !== tag) {
|
|
11372
|
+
elem.setAttribute(tag, true);
|
|
11373
|
+
}
|
|
11374
|
+
}
|
|
11375
|
+
|
|
11376
|
+
/**
|
|
11377
|
+
* Validates if an element is a specific Auro component.
|
|
11378
|
+
* @param {Object} elem - The element to validate.
|
|
11379
|
+
* @param {String} tagName - The name of the Auro component to check against.
|
|
11380
|
+
* @returns {Boolean} - Returns true if the element is the specified Auro component.
|
|
11381
|
+
*/
|
|
11382
|
+
elementMatch(elem, tagName) {
|
|
11383
|
+
const tag = tagName.toLowerCase();
|
|
11384
|
+
const elemTag = elem.tagName.toLowerCase();
|
|
11385
|
+
|
|
11386
|
+
return elemTag === tag || elem.hasAttribute(tag);
|
|
11387
|
+
}
|
|
11388
|
+
};
|
|
11389
|
+
|
|
11390
|
+
var styleCss$6 = css`: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}}`;
|
|
11391
|
+
|
|
11392
|
+
var colorCss$6 = css`: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-color-utility-navy-default, #265688)}:host([ondark]){--ds-auro-loader-color:var(--ds-color-utility-cyan-inverse, #a8e9f7)}:host([white]){--ds-auro-loader-color:var(--ds-color-utility-neutral-inverse, #ccd2db)}: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}`;
|
|
11393
|
+
|
|
11394
|
+
var tokensCss$6 = css`:host{--ds-auro-loader-background-color:currentcolor;--ds-auro-loader-border-color:currentcolor;--ds-auro-loader-color:currentcolor}`;
|
|
11395
|
+
|
|
11396
|
+
// Copyright (c) 2020 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
11397
|
+
// See LICENSE in the project root for license information.
|
|
11398
|
+
|
|
11399
|
+
|
|
11400
|
+
// See https://git.io/JJ6SJ for "How to document your components using JSDoc"
|
|
11401
|
+
/**
|
|
11402
|
+
* The auro-loader element is an easy to use animated loader component.
|
|
11403
|
+
*
|
|
11404
|
+
* @attr {Boolean} pulse - sets loader type
|
|
11405
|
+
* @attr {Boolean} ringworm - sets loader type
|
|
11406
|
+
* @attr {Boolean} laser - sets loader type
|
|
11407
|
+
* @attr {Boolean} orbit - sets loader type
|
|
11408
|
+
* @attr {Boolean} white - sets color of loader to white
|
|
11409
|
+
* @attr {Boolean} ondark - sets color of loader to auro-color-ui-default-on-dark
|
|
11410
|
+
* @attr {Boolean} onlight - sets color of loader to auro-color-ui-default-on-light
|
|
11411
|
+
* @attr {Boolean} xs - sets size to extra small
|
|
11412
|
+
* @attr {Boolean} sm - sets size to small
|
|
11413
|
+
* @attr {Boolean} md - sets size to medium
|
|
11414
|
+
* @attr {Boolean} lg - sets size to large
|
|
11415
|
+
* @csspart element - apply style to adjust speed of animation
|
|
11416
|
+
*/
|
|
11417
|
+
|
|
11418
|
+
// build the component class
|
|
11419
|
+
let AuroLoader$1 = class AuroLoader extends LitElement {
|
|
11420
|
+
constructor() {
|
|
11421
|
+
super();
|
|
11422
|
+
|
|
11423
|
+
/**
|
|
11424
|
+
* @private
|
|
11425
|
+
*/
|
|
11426
|
+
this.keys = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9];
|
|
11427
|
+
|
|
11428
|
+
/**
|
|
11429
|
+
* @private
|
|
11430
|
+
*/
|
|
11431
|
+
this.mdCount = 3;
|
|
11432
|
+
|
|
11433
|
+
/**
|
|
11434
|
+
* @private
|
|
11435
|
+
*/
|
|
11436
|
+
this.smCount = 2;
|
|
11437
|
+
|
|
11438
|
+
/**
|
|
11439
|
+
* @private
|
|
11440
|
+
*/
|
|
11441
|
+
this.runtimeUtils = new AuroLibraryRuntimeUtils$6();
|
|
11442
|
+
|
|
11443
|
+
this.orbit = false;
|
|
11444
|
+
this.ringworm = false;
|
|
11445
|
+
this.laser = false;
|
|
11446
|
+
this.pulse = false;
|
|
11447
|
+
}
|
|
11448
|
+
|
|
11449
|
+
// function to define props used within the scope of this component
|
|
11450
|
+
static get properties() {
|
|
11451
|
+
return {
|
|
11452
|
+
pulse: {
|
|
11453
|
+
type: Boolean,
|
|
11454
|
+
reflect: true
|
|
11455
|
+
},
|
|
11456
|
+
orbit: {
|
|
11457
|
+
type: Boolean,
|
|
11458
|
+
reflect: true
|
|
11459
|
+
},
|
|
11460
|
+
ringworm: {
|
|
11461
|
+
type: Boolean,
|
|
11462
|
+
reflect: true
|
|
11463
|
+
},
|
|
11464
|
+
laser: {
|
|
11465
|
+
type: Boolean,
|
|
11466
|
+
reflect: true
|
|
11467
|
+
}
|
|
11468
|
+
};
|
|
11469
|
+
}
|
|
11470
|
+
|
|
11471
|
+
static get styles() {
|
|
11472
|
+
return [
|
|
11473
|
+
css`${styleCss$6}`,
|
|
11474
|
+
css`${colorCss$6}`,
|
|
11475
|
+
css`${tokensCss$6}`
|
|
11476
|
+
];
|
|
11477
|
+
}
|
|
11478
|
+
|
|
11479
|
+
/**
|
|
11480
|
+
* This will register this element with the browser.
|
|
11481
|
+
* @param {string} [name="auro-loader"] - The name of element that you want to register to.
|
|
11482
|
+
*
|
|
11483
|
+
* @example
|
|
11484
|
+
* AuroLoader.register("custom-loader") // this will register this element to <custom-loader/>
|
|
11485
|
+
*
|
|
11486
|
+
*/
|
|
11487
|
+
static register(name = "auro-loader") {
|
|
11488
|
+
AuroLibraryRuntimeUtils$6.prototype.registerComponent(name, AuroLoader);
|
|
11489
|
+
}
|
|
11490
|
+
|
|
11491
|
+
firstUpdated() {
|
|
11492
|
+
// Add the tag name as an attribute if it is different than the component name
|
|
11493
|
+
this.runtimeUtils.handleComponentTagRename(this, 'auro-loader');
|
|
11494
|
+
}
|
|
11495
|
+
|
|
11496
|
+
connectedCallback() {
|
|
11497
|
+
super.connectedCallback();
|
|
11498
|
+
}
|
|
11499
|
+
|
|
11500
|
+
/**
|
|
11501
|
+
* @private
|
|
11502
|
+
* @returns {Array} Numbered array for template map.
|
|
11503
|
+
*/
|
|
11504
|
+
defineTemplate() {
|
|
11505
|
+
let nodes = Array.from(Array(this.mdCount).keys());
|
|
11506
|
+
|
|
11507
|
+
if (this.orbit || this.laser) {
|
|
11508
|
+
nodes = Array.from(Array(this.smCount).keys());
|
|
11509
|
+
} else if (this.ringworm) {
|
|
11510
|
+
nodes = Array.from(Array(0).keys());
|
|
11511
|
+
}
|
|
11512
|
+
|
|
11513
|
+
return nodes;
|
|
11514
|
+
}
|
|
11515
|
+
|
|
11516
|
+
// When using auroElement, use the following attribute and function when hiding content from screen readers.
|
|
11517
|
+
// aria-hidden="${this.hideAudible(this.hiddenAudible)}"
|
|
11518
|
+
|
|
11519
|
+
// function that renders the HTML and CSS into the scope of the component
|
|
11520
|
+
render() {
|
|
11521
|
+
return html`
|
|
11522
|
+
${this.defineTemplate().map((idx) => html`
|
|
11523
|
+
<span part="element" class="loader node-${idx}"></span>
|
|
11524
|
+
`)}
|
|
11525
|
+
|
|
11526
|
+
<div class="no-animation">Loading...</div>
|
|
11527
|
+
|
|
11528
|
+
${this.ringworm ? html`
|
|
11529
|
+
<svg part="element" class="circular" viewBox="25 25 50 50">
|
|
11530
|
+
<circle class="path" cx="50" cy="50" r="20" fill="none"/>
|
|
11531
|
+
</svg>`
|
|
11532
|
+
: ``
|
|
11533
|
+
}
|
|
11534
|
+
`;
|
|
11535
|
+
}
|
|
11536
|
+
};
|
|
11537
|
+
|
|
11538
|
+
var loaderVersion$1 = '4.0.0';
|
|
11539
|
+
|
|
11540
|
+
// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
|
|
11541
|
+
// See LICENSE in the project root for license information.
|
|
11542
|
+
|
|
11543
|
+
|
|
11544
|
+
/**
|
|
11545
|
+
* @attr {Boolean} autofocus - This Boolean attribute lets you specify that the button should have input focus when the page loads, unless overridden by the user
|
|
11546
|
+
* @attr {Boolean} disabled - If set to true button will become disabled and not allow for interactions
|
|
11547
|
+
* @attr {Boolean} iconOnly - If set to true, the button will contain an icon with no additional content
|
|
11548
|
+
* @attr {Boolean} loading - If set to true button text will be replaced with `auro-loader` and become disabled
|
|
11549
|
+
* @attr {Boolean} onDark - Set value for on-dark version of auro-button
|
|
11550
|
+
* @attr {Boolean} rounded - If set to true, the button will have a rounded shape
|
|
11551
|
+
* @attr {Boolean} slim - Set value for slim version of auro-button
|
|
11552
|
+
* @attr {Boolean} fluid - Alters the shape of the button to be full width of its parent container
|
|
11553
|
+
* @attr {String} arialabel - Populates the `aria-label` attribute that is used to define a string that labels the current element. Use it in cases where a text label is not visible on the screen. If there is visible text labeling the element, use `aria-labelledby` instead.
|
|
11554
|
+
* @attr {String} arialabelledby - Populates the `aria-labelledby` attribute that establishes relationships between objects and their label(s), and its value should be one or more element IDs, which refer to elements that have the text needed for labeling. List multiple element IDs in a space delimited fashion.
|
|
11555
|
+
* @attr {String} id - Set the unique ID of an element.
|
|
11556
|
+
* @attr {String} title - Sets title attribute. The information is most often shown as a tooltip text when the mouse moves over the element.
|
|
11557
|
+
* @attr {String} type - The type of the button. Possible values are: `submit`, `reset`, `button`
|
|
11558
|
+
* @attr {String} value - Defines the value associated with the button which is submitted with the form data.
|
|
11559
|
+
* @attr {String} variant - Sets button variant option. Possible values are: `secondary`, `tertiary`
|
|
11560
|
+
* @attr {Boolean} secondary - DEPRECATED
|
|
11561
|
+
* @attr {Boolean} tertiary - DEPRECATED
|
|
11562
|
+
* @prop {Boolean} ready - When false the component API should not be called.
|
|
11563
|
+
* @event auroButton-ready - Notifies that the component has finished initializing.
|
|
11564
|
+
* @slot - Default slot for the text of the button.
|
|
11565
|
+
* @slot icon - Slot to provide auro-icon for the button.
|
|
11566
|
+
* @csspart button - Apply CSS to HTML5 button.
|
|
11567
|
+
* @csspart loader - Apply CSS to auro-loader.
|
|
11568
|
+
* @csspart text - Apply CSS to text slot.
|
|
11569
|
+
* @csspart icon - Apply CSS to icon slot.
|
|
11570
|
+
*/
|
|
11571
|
+
|
|
11572
|
+
/* eslint-disable lit/no-invalid-html, lit/binding-positions */
|
|
11573
|
+
|
|
11574
|
+
let AuroButton$1 = class AuroButton extends LitElement {
|
|
11575
|
+
|
|
11576
|
+
/**
|
|
11577
|
+
* Enables form association for this element.
|
|
11578
|
+
* @see https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals
|
|
11579
|
+
* @returns {boolean} - Returns true to enable form association.
|
|
11580
|
+
*/
|
|
11581
|
+
static get formAssociated() {
|
|
11582
|
+
return true;
|
|
11583
|
+
}
|
|
11584
|
+
|
|
11585
|
+
constructor() {
|
|
11586
|
+
super();
|
|
11587
|
+
|
|
11588
|
+
this.autofocus = false;
|
|
11589
|
+
this.disabled = false;
|
|
11590
|
+
this.iconOnly = false;
|
|
11591
|
+
this.loading = false;
|
|
11592
|
+
this.onDark = false;
|
|
11593
|
+
this.ready = false;
|
|
11594
|
+
this.secondary = false;
|
|
11595
|
+
this.tertiary = false;
|
|
11596
|
+
this.rounded = false;
|
|
11597
|
+
this.slim = false;
|
|
11598
|
+
this.fluid = false;
|
|
11599
|
+
|
|
11600
|
+
// Support for HTML5 forms
|
|
11601
|
+
if (typeof this.attachInternals === 'function') {
|
|
11602
|
+
this.internals = this.attachInternals();
|
|
11603
|
+
} else {
|
|
11604
|
+
this.internals = null;
|
|
11605
|
+
|
|
11606
|
+
// eslint-disable-next-line no-console
|
|
11607
|
+
console.warn('This browser does not support form association features. Some form-related functionality may not work as expected. Consider using a polyfill or handling click events manually.');
|
|
11608
|
+
}
|
|
11609
|
+
|
|
11610
|
+
/**
|
|
11611
|
+
* Generate unique names for dependency components.
|
|
11612
|
+
*/
|
|
11613
|
+
const versioning = new AuroDependencyVersioning$3();
|
|
11614
|
+
|
|
11615
|
+
/**
|
|
11616
|
+
* @private
|
|
11617
|
+
*/
|
|
11618
|
+
this.loaderTag = versioning.generateTag('auro-loader', loaderVersion$1, AuroLoader$1);
|
|
11619
|
+
}
|
|
11620
|
+
|
|
11621
|
+
static get styles() {
|
|
11622
|
+
return [
|
|
11623
|
+
tokensCss$7,
|
|
11624
|
+
styleCss$7,
|
|
11625
|
+
colorCss$7
|
|
11626
|
+
];
|
|
11627
|
+
}
|
|
11628
|
+
|
|
11629
|
+
static get properties() {
|
|
11630
|
+
return {
|
|
11631
|
+
autofocus: {
|
|
11632
|
+
type: Boolean,
|
|
11633
|
+
reflect: true
|
|
11634
|
+
},
|
|
11635
|
+
disabled: {
|
|
11636
|
+
type: Boolean,
|
|
11637
|
+
reflect: true
|
|
11638
|
+
},
|
|
11639
|
+
secondary: {
|
|
11640
|
+
type: Boolean,
|
|
11641
|
+
reflect: true
|
|
11642
|
+
},
|
|
11643
|
+
tertiary: {
|
|
11644
|
+
type: Boolean,
|
|
11645
|
+
reflect: true
|
|
11646
|
+
},
|
|
11647
|
+
fluid: {
|
|
11648
|
+
type: Boolean,
|
|
11649
|
+
reflect: true
|
|
11650
|
+
},
|
|
11651
|
+
iconOnly: {
|
|
11652
|
+
type: Boolean,
|
|
11653
|
+
reflect: true
|
|
11654
|
+
},
|
|
11655
|
+
loading: {
|
|
11656
|
+
type: Boolean,
|
|
11657
|
+
reflect: true
|
|
11658
|
+
},
|
|
11659
|
+
onDark: {
|
|
11660
|
+
type: Boolean,
|
|
11661
|
+
reflect: true
|
|
11662
|
+
},
|
|
11663
|
+
rounded: {
|
|
11664
|
+
type: Boolean,
|
|
11665
|
+
reflect: true
|
|
11666
|
+
},
|
|
11667
|
+
slim: {
|
|
11668
|
+
type: Boolean,
|
|
11669
|
+
reflect: true
|
|
11670
|
+
},
|
|
11671
|
+
arialabel: {
|
|
11672
|
+
type: String,
|
|
11673
|
+
reflect: true
|
|
11674
|
+
},
|
|
11675
|
+
arialabelledby: {
|
|
11676
|
+
type: String,
|
|
11677
|
+
reflect: true
|
|
11678
|
+
},
|
|
11679
|
+
title: {
|
|
11680
|
+
type: String,
|
|
11681
|
+
reflect: true
|
|
11682
|
+
},
|
|
11683
|
+
type: {
|
|
11684
|
+
type: String,
|
|
11685
|
+
reflect: true
|
|
11686
|
+
},
|
|
11687
|
+
value: {
|
|
11688
|
+
type: String,
|
|
11689
|
+
reflect: true
|
|
11690
|
+
},
|
|
11691
|
+
variant: {
|
|
11692
|
+
type: String,
|
|
11693
|
+
reflect: true
|
|
11694
|
+
},
|
|
11695
|
+
ready: { type: Boolean },
|
|
11696
|
+
};
|
|
11697
|
+
}
|
|
11698
|
+
|
|
11699
|
+
/**
|
|
11700
|
+
* This will register this element with the browser.
|
|
11701
|
+
* @param {string} [name="auro-button"] - The name of element that you want to register to.
|
|
11702
|
+
*
|
|
11703
|
+
* @example
|
|
11704
|
+
* AuroButton.register("custom-button") // this will register this element to <custom-button/>
|
|
11705
|
+
*
|
|
11706
|
+
*/
|
|
11707
|
+
static register(name = "auro-button") {
|
|
11708
|
+
AuroLibraryRuntimeUtils$7.prototype.registerComponent(name, AuroButton);
|
|
11709
|
+
}
|
|
11710
|
+
|
|
11711
|
+
/**
|
|
11712
|
+
* Internal method to apply focus to the HTML5 button.
|
|
11713
|
+
* @private
|
|
11714
|
+
* @returns {void}
|
|
11715
|
+
*/
|
|
11716
|
+
focus() {
|
|
11717
|
+
this.renderRoot.querySelector('button').focus();
|
|
11718
|
+
}
|
|
11719
|
+
|
|
11720
|
+
/**
|
|
11721
|
+
* Marks the component as ready and sends event.
|
|
11722
|
+
* @private
|
|
11723
|
+
* @returns {void}
|
|
11724
|
+
*/
|
|
11725
|
+
notifyReady() {
|
|
11726
|
+
this.ready = true;
|
|
11727
|
+
|
|
11728
|
+
this.dispatchEvent(new CustomEvent('auroButton-ready', {
|
|
11729
|
+
bubbles: true,
|
|
11730
|
+
cancelable: false,
|
|
11731
|
+
composed: true,
|
|
11732
|
+
}));
|
|
11733
|
+
}
|
|
11734
|
+
|
|
11735
|
+
updated() {
|
|
11736
|
+
// support the old `secondary` and `tertiary` attributes` that are deprecated
|
|
11737
|
+
if (this.secondary) {
|
|
11738
|
+
this.setAttribute('variant', 'secondary');
|
|
11739
|
+
}
|
|
11740
|
+
|
|
11741
|
+
if (this.tertiary) {
|
|
11742
|
+
this.setAttribute('variant', 'tertiary');
|
|
11743
|
+
}
|
|
11744
|
+
}
|
|
11745
|
+
|
|
11746
|
+
firstUpdated() {
|
|
11747
|
+
this.notifyReady();
|
|
11748
|
+
}
|
|
11749
|
+
|
|
11750
|
+
surfaceSubmitEvent() {
|
|
11751
|
+
if (this.form) {
|
|
11752
|
+
this.form.requestSubmit();
|
|
11753
|
+
}
|
|
11754
|
+
}
|
|
11755
|
+
|
|
11756
|
+
get form() {
|
|
11757
|
+
return this.internals ? this.internals.form : null;
|
|
11758
|
+
}
|
|
11759
|
+
|
|
11760
|
+
render() {
|
|
11761
|
+
const classes = {
|
|
11762
|
+
'util_insetLg--squish': true,
|
|
11763
|
+
'auro-button': true,
|
|
11764
|
+
'auroButton': true,
|
|
11765
|
+
'auro-button--rounded': this.rounded,
|
|
11766
|
+
'auro-button--slim': this.slim,
|
|
11767
|
+
'auro-button--iconOnly': this.iconOnly,
|
|
11768
|
+
'auro-button--iconOnlySlim': this.iconOnly && this.slim,
|
|
11769
|
+
'loading': this.loading
|
|
11770
|
+
};
|
|
11771
|
+
|
|
11772
|
+
return html$1`
|
|
11773
|
+
<button
|
|
11774
|
+
part="button"
|
|
11775
|
+
aria-label="${ifDefined(this.arialabel ? this.arialabel : undefined)}"
|
|
11776
|
+
aria-labelledby="${ifDefined(this.arialabelledby ? this.arialabelledby : undefined)}"
|
|
11777
|
+
?autofocus="${this.autofocus}"
|
|
11778
|
+
class="${classMap(classes)}"
|
|
11779
|
+
?disabled="${this.disabled || this.loading}"
|
|
11780
|
+
?onDark="${this.onDark}"
|
|
11781
|
+
title="${ifDefined(this.title ? this.title : undefined)}"
|
|
11782
|
+
name="${ifDefined(this.name ? this.name : undefined)}"
|
|
11783
|
+
type="${ifDefined(this.type ? this.type : undefined)}"
|
|
11784
|
+
variant="${ifDefined(this.variant ? this.variant : undefined)}"
|
|
11785
|
+
.value="${ifDefined(this.value ? this.value : undefined)}"
|
|
11786
|
+
@click="${this.type === 'submit' ? this.surfaceSubmitEvent : undefined}"
|
|
11787
|
+
>
|
|
11788
|
+
${ifDefined(this.loading ? html$1`<${this.loaderTag} pulse part="loader"></${this.loaderTag}>` : undefined)}
|
|
11789
|
+
|
|
11790
|
+
<span class="contentWrapper">
|
|
11791
|
+
<span class="textSlot" part="text">
|
|
11792
|
+
${this.iconOnly ? undefined : html$1`<slot></slot>`}
|
|
11793
|
+
</span>
|
|
11794
|
+
|
|
11795
|
+
<span part="icon">
|
|
11796
|
+
<slot name="icon"></slot>
|
|
11797
|
+
</span>
|
|
11798
|
+
</span>
|
|
11799
|
+
</button>
|
|
11800
|
+
`;
|
|
11801
|
+
}
|
|
11802
|
+
};
|
|
11803
|
+
|
|
11804
|
+
var buttonVersion$1 = '9.0.0';
|
|
11805
|
+
|
|
11806
|
+
// See https://git.io/JJ6SJ for "How to document your components using JSDoc"
|
|
11807
|
+
/**
|
|
11808
|
+
* @prop {Object} firstDayOfWeek - Weekday that will be displayed in first column of month grid.
|
|
11809
|
+
* 0: sunday, 1: monday, 2: tuesday, 3: wednesday , 4: thursday, 5: friday, 6: saturday
|
|
11810
|
+
* Default is 0.
|
|
11811
|
+
* @prop {Date | null} focusedDate - The currently focused date (if any).
|
|
11812
|
+
* @prop {Date} maxDate - Maximum date. All dates after will be disabled.
|
|
11813
|
+
* @prop {Date} minDate - Minimum date. All dates before will be disabled.
|
|
11814
|
+
* @prop {Date | undefined} selectedDate - The selected date, usually synchronized with datepicker-input.
|
|
11815
|
+
* Not to be confused with the focused date (therefore not necessarily in active month view).
|
|
11816
|
+
* @prop {string} weekdayHeaderNotation - Weekday header notation, based on Intl DatetimeFormat:.
|
|
11817
|
+
* @prop {Boolean} visible - Flag indicating if the calendar is visible.
|
|
11818
|
+
* - 'short' (e.g., Thu)
|
|
11819
|
+
* - 'narrow' (e.g., T).
|
|
11820
|
+
* Default is 'short'.
|
|
11821
|
+
* @event auroCalendar-dateSelected - Notifies that a date has been selected in the calendar.
|
|
11822
|
+
* @event auroCalendar-monthChanged - Notifies that the visible calendar month(s) have changed.
|
|
11823
|
+
*/
|
|
11824
|
+
|
|
11825
|
+
/* eslint-disable no-magic-numbers, no-undef-init, max-lines, lit/binding-positions, lit/no-invalid-html */
|
|
11826
|
+
|
|
11827
|
+
// class AuroCalendar extends LitElement {
|
|
11828
|
+
class AuroCalendar extends RangeDatepicker {
|
|
11829
|
+
constructor() {
|
|
11830
|
+
super();
|
|
11831
|
+
|
|
11832
|
+
/**
|
|
11833
|
+
* @private
|
|
11834
|
+
*/
|
|
11835
|
+
this.util = new AuroDatepickerUtilities();
|
|
11836
|
+
|
|
11837
|
+
/**
|
|
11838
|
+
* @private
|
|
11839
|
+
*/
|
|
11840
|
+
this.utilCal = new CalendarUtilities();
|
|
11841
|
+
|
|
11842
|
+
/**
|
|
11843
|
+
* @private
|
|
11844
|
+
*/
|
|
11845
|
+
this.utilCalRender = new UtilitiesCalendarRender();
|
|
11846
|
+
|
|
11847
|
+
this.calendarStartDate = undefined;
|
|
11848
|
+
this.calendarEndDate = undefined;
|
|
11849
|
+
this.centralDate = undefined;
|
|
11850
|
+
this.showPrevMonthBtn = true;
|
|
11851
|
+
this.showNextMonthBtn = true;
|
|
11852
|
+
|
|
11853
|
+
/**
|
|
11854
|
+
* @private
|
|
11855
|
+
*/
|
|
11856
|
+
this.firstMonthRenderable = undefined;
|
|
11857
|
+
|
|
11858
|
+
/**
|
|
11859
|
+
* @private
|
|
11860
|
+
*/
|
|
11861
|
+
this.calendarRangeMonths = null;
|
|
11862
|
+
|
|
11863
|
+
/**
|
|
11864
|
+
* @private
|
|
11865
|
+
*/
|
|
11866
|
+
this.numCalendars = undefined;
|
|
11867
|
+
|
|
11868
|
+
this.visible = false;
|
|
11869
|
+
|
|
11870
|
+
/**
|
|
11871
|
+
* @private
|
|
11872
|
+
*/
|
|
11873
|
+
this.slots = {};
|
|
11874
|
+
|
|
11875
|
+
const versioning = new AuroDependencyVersioning$5();
|
|
11876
|
+
|
|
11877
|
+
/**
|
|
11878
|
+
* @private
|
|
11879
|
+
*/
|
|
11880
|
+
this.bibtemplateTag = versioning.generateTag('auro-formkit-datepicker-bibtemplate', bibTemplateVersion, AuroBibtemplate);
|
|
11881
|
+
|
|
11882
|
+
/**
|
|
11883
|
+
* @private
|
|
11884
|
+
*/
|
|
11885
|
+
this.buttonTag = versioning.generateTag('auro-formkit-datepicker-button', buttonVersion$1, AuroButton$1);
|
|
11141
11886
|
|
|
11142
|
-
/**
|
|
11143
|
-
* @private
|
|
11144
|
-
*/
|
|
11145
11887
|
this.dropdown = undefined;
|
|
11146
11888
|
}
|
|
11147
11889
|
|
|
11148
11890
|
static get styles() {
|
|
11149
11891
|
return [
|
|
11150
|
-
styleCss$
|
|
11151
|
-
colorCss$
|
|
11152
|
-
tokensCss$
|
|
11892
|
+
styleCss$c,
|
|
11893
|
+
colorCss$c,
|
|
11894
|
+
tokensCss$a
|
|
11153
11895
|
];
|
|
11154
11896
|
}
|
|
11155
11897
|
|
|
@@ -11196,6 +11938,9 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
11196
11938
|
type: Boolean,
|
|
11197
11939
|
reflect: true
|
|
11198
11940
|
},
|
|
11941
|
+
dropdown: {
|
|
11942
|
+
type: Object
|
|
11943
|
+
},
|
|
11199
11944
|
|
|
11200
11945
|
/**
|
|
11201
11946
|
* @private
|
|
@@ -11231,16 +11976,14 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
11231
11976
|
*/
|
|
11232
11977
|
renderAllCalendars() {
|
|
11233
11978
|
let renderedHtml = undefined;
|
|
11979
|
+
|
|
11234
11980
|
if (this.visible) {
|
|
11235
11981
|
this.utilCalRender.setFirstRenderableMonthDate(this);
|
|
11236
11982
|
this.utilCal.assessNavigationButtonVisibility(this);
|
|
11237
11983
|
|
|
11238
|
-
|
|
11239
|
-
const dropdownbib = dropdown ? dropdown.bibContent : AuroLibraryRuntimeUtils$4.prototype.closestElement('auro-dropdownbib, [auro-dropdownbib]', this);
|
|
11240
|
-
this.isFullscreen = dropdownbib.hasAttribute('isFullscreen');
|
|
11984
|
+
this.isFullscreen = this.dropdown.bibContent.hasAttribute('isFullscreen');
|
|
11241
11985
|
this.utilCalRender.determineNumCalendarsToRender(this, this.isFullscreen);
|
|
11242
11986
|
|
|
11243
|
-
|
|
11244
11987
|
// Determine which month to render first
|
|
11245
11988
|
let dateMatches = undefined;
|
|
11246
11989
|
|
|
@@ -11305,6 +12048,7 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
11305
12048
|
renderedHtml = html$1`${renderedHtml}${this.utilCalRender.renderCalendar(this, newMonth, newYear)}`;
|
|
11306
12049
|
}
|
|
11307
12050
|
}
|
|
12051
|
+
|
|
11308
12052
|
return renderedHtml;
|
|
11309
12053
|
}
|
|
11310
12054
|
|
|
@@ -11400,14 +12144,14 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
11400
12144
|
</div>
|
|
11401
12145
|
</div>
|
|
11402
12146
|
|
|
11403
|
-
|
|
12147
|
+
<${this.buttonTag} slot="footer" fluid @click="${this.utilCal.requestDismiss}">Done</${this.buttonTag}>
|
|
11404
12148
|
</${this.bibtemplateTag}>
|
|
11405
12149
|
`;
|
|
11406
12150
|
}
|
|
11407
12151
|
}
|
|
11408
12152
|
|
|
11409
|
-
if (!customElements.get('auro-calendar')) {
|
|
11410
|
-
customElements.define('auro-calendar', AuroCalendar);
|
|
12153
|
+
if (!customElements.get('auro-formkit-calendar')) {
|
|
12154
|
+
customElements.define('auro-formkit-calendar', AuroCalendar);
|
|
11411
12155
|
}
|
|
11412
12156
|
|
|
11413
12157
|
// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
|
|
@@ -11417,7 +12161,7 @@ if (!customElements.get('auro-calendar')) {
|
|
|
11417
12161
|
|
|
11418
12162
|
/* eslint-disable line-comment-position, no-inline-comments, no-confusing-arrow, no-nested-ternary, implicit-arrow-linebreak */
|
|
11419
12163
|
|
|
11420
|
-
let AuroLibraryRuntimeUtils$
|
|
12164
|
+
let AuroLibraryRuntimeUtils$2$1 = class AuroLibraryRuntimeUtils {
|
|
11421
12165
|
|
|
11422
12166
|
/* eslint-disable jsdoc/require-param */
|
|
11423
12167
|
|
|
@@ -13230,11 +13974,11 @@ class AuroFloatingUI {
|
|
|
13230
13974
|
|
|
13231
13975
|
updateCurrentExpandedDropdown() {
|
|
13232
13976
|
// Close any other dropdown that is already open
|
|
13233
|
-
if (document.
|
|
13234
|
-
|
|
13977
|
+
if (document.expandedAuroFormkitDropdown) {
|
|
13978
|
+
document.expandedAuroFormkitDropdown.hide;
|
|
13235
13979
|
}
|
|
13236
13980
|
|
|
13237
|
-
document.
|
|
13981
|
+
document.expandedAuroFormkitDropdown = this;
|
|
13238
13982
|
}
|
|
13239
13983
|
|
|
13240
13984
|
showBib() {
|
|
@@ -13422,7 +14166,7 @@ class AuroFloatingUI {
|
|
|
13422
14166
|
// See LICENSE in the project root for license information.
|
|
13423
14167
|
|
|
13424
14168
|
|
|
13425
|
-
let AuroDependencyVersioning$
|
|
14169
|
+
let AuroDependencyVersioning$2 = class AuroDependencyVersioning {
|
|
13426
14170
|
|
|
13427
14171
|
/**
|
|
13428
14172
|
* Generates a unique string to be used for child auro element naming.
|
|
@@ -13609,6 +14353,76 @@ var tokensCss$2$1 = css`:host{--ds-auro-icon-color:var(--ds-color-icon-primary-d
|
|
|
13609
14353
|
|
|
13610
14354
|
var colorCss$3$1 = css`:host{color:var(--ds-auro-icon-color)}:host([customColor]){color:inherit}:host(:not([onDark])[accent]){--ds-auro-icon-color:var(--ds-color-icon-accent-default, #a2c270)}:host(:not([onDark])[disabled]){--ds-auro-icon-color:var(--ds-color-icon-ui-primary-disabled-default, #adadad)}:host(:not([onDark])[emphasis]){--ds-auro-icon-color:var(--ds-color-icon-emphasis-default, #2a2a2a)}:host(:not([onDark])[error]){--ds-auro-icon-color:var(--ds-color-icon-error-default, #cc1816)}:host(:not([onDark])[info]){--ds-auro-icon-color:var(--ds-color-icon-info-default, #326aa5)}:host(:not([onDark])[secondary]){--ds-auro-icon-color:var(--ds-color-icon-secondary-default, #7e8894)}:host(:not([onDark])[subtle]){--ds-auro-icon-color:var(--ds-color-icon-subtle-default, #a0c9f1)}:host(:not([onDark])[success]){--ds-auro-icon-color:var(--ds-color-icon-success-default, #40a080)}:host(:not([onDark])[tertiary]){--ds-auro-icon-color:var(--ds-color-icon-tertiary-default, #afb9c6)}:host(:not([onDark])[warning]){--ds-auro-icon-color:var(--ds-color-icon-warning-default, #c49432)}:host([onDark]){--ds-auro-icon-color:var(--ds-color-icon-primary-inverse, #f7f7f7)}:host([onDark][accent]){--ds-auro-icon-color:var(--ds-color-icon-accent-inverse, #badd81)}:host([onDark][disabled]){--ds-auro-icon-color:var(--ds-color-icon-ui-primary-disabled-inverse, #7e7e7e)}:host([onDark][emphasis]){--ds-auro-icon-color:var(--ds-color-icon-emphasis-inverse, #ffffff)}:host([onDark][error]){--ds-auro-icon-color:var(--ds-color-icon-error-inverse, #f9aca6)}:host([onDark][info]){--ds-auro-icon-color:var(--ds-color-icon-info-inverse, #89b2d4)}:host([onDark][secondary]){--ds-auro-icon-color:var(--ds-color-icon-secondary-inverse, #ccd2db)}:host([onDark][subtle]){--ds-auro-icon-color:var(--ds-color-icon-subtle-inverse, #326aa5)}:host([onDark][success]){--ds-auro-icon-color:var(--ds-color-icon-success-inverse, #8eceb9)}:host([onDark][tertiary]){--ds-auro-icon-color:var(--ds-color-icon-tertiary-inverse, #939fad)}:host([onDark][warning]){--ds-auro-icon-color:var(--ds-color-icon-warning-inverse, #f2c153)}`;
|
|
13611
14355
|
|
|
14356
|
+
// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
|
|
14357
|
+
// See LICENSE in the project root for license information.
|
|
14358
|
+
|
|
14359
|
+
// ---------------------------------------------------------------------
|
|
14360
|
+
|
|
14361
|
+
/* eslint-disable line-comment-position, no-inline-comments, no-confusing-arrow, no-nested-ternary, implicit-arrow-linebreak */
|
|
14362
|
+
|
|
14363
|
+
let AuroLibraryRuntimeUtils$1$1 = class AuroLibraryRuntimeUtils {
|
|
14364
|
+
|
|
14365
|
+
/* eslint-disable jsdoc/require-param */
|
|
14366
|
+
|
|
14367
|
+
/**
|
|
14368
|
+
* This will register a new custom element with the browser.
|
|
14369
|
+
* @param {String} name - The name of the custom element.
|
|
14370
|
+
* @param {Object} componentClass - The class to register as a custom element.
|
|
14371
|
+
* @returns {void}
|
|
14372
|
+
*/
|
|
14373
|
+
registerComponent(name, componentClass) {
|
|
14374
|
+
if (!customElements.get(name)) {
|
|
14375
|
+
customElements.define(name, class extends componentClass {});
|
|
14376
|
+
}
|
|
14377
|
+
}
|
|
14378
|
+
|
|
14379
|
+
/**
|
|
14380
|
+
* Finds and returns the closest HTML Element based on a selector.
|
|
14381
|
+
* @returns {void}
|
|
14382
|
+
*/
|
|
14383
|
+
closestElement(
|
|
14384
|
+
selector, // selector like in .closest()
|
|
14385
|
+
base = this, // extra functionality to skip a parent
|
|
14386
|
+
__Closest = (el, found = el && el.closest(selector)) =>
|
|
14387
|
+
!el || el === document || el === window
|
|
14388
|
+
? null // standard .closest() returns null for non-found selectors also
|
|
14389
|
+
: found
|
|
14390
|
+
? found // found a selector INside this element
|
|
14391
|
+
: __Closest(el.getRootNode().host) // recursion!! break out to parent DOM
|
|
14392
|
+
) {
|
|
14393
|
+
return __Closest(base);
|
|
14394
|
+
}
|
|
14395
|
+
/* eslint-enable jsdoc/require-param */
|
|
14396
|
+
|
|
14397
|
+
/**
|
|
14398
|
+
* 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.
|
|
14399
|
+
* @param {Object} elem - The element to check.
|
|
14400
|
+
* @param {String} tagName - The name of the Auro component to check for or add as an attribute.
|
|
14401
|
+
* @returns {void}
|
|
14402
|
+
*/
|
|
14403
|
+
handleComponentTagRename(elem, tagName) {
|
|
14404
|
+
const tag = tagName.toLowerCase();
|
|
14405
|
+
const elemTag = elem.tagName.toLowerCase();
|
|
14406
|
+
|
|
14407
|
+
if (elemTag !== tag) {
|
|
14408
|
+
elem.setAttribute(tag, true);
|
|
14409
|
+
}
|
|
14410
|
+
}
|
|
14411
|
+
|
|
14412
|
+
/**
|
|
14413
|
+
* Validates if an element is a specific Auro component.
|
|
14414
|
+
* @param {Object} elem - The element to validate.
|
|
14415
|
+
* @param {String} tagName - The name of the Auro component to check against.
|
|
14416
|
+
* @returns {Boolean} - Returns true if the element is the specified Auro component.
|
|
14417
|
+
*/
|
|
14418
|
+
elementMatch(elem, tagName) {
|
|
14419
|
+
const tag = tagName.toLowerCase();
|
|
14420
|
+
const elemTag = elem.tagName.toLowerCase();
|
|
14421
|
+
|
|
14422
|
+
return elemTag === tag || elem.hasAttribute(tag);
|
|
14423
|
+
}
|
|
14424
|
+
};
|
|
14425
|
+
|
|
13612
14426
|
// Copyright (c) 2020 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
13613
14427
|
// See LICENSE in the project root for license information.
|
|
13614
14428
|
|
|
@@ -13905,7 +14719,7 @@ class AuroDropdownBib extends LitElement {
|
|
|
13905
14719
|
*/
|
|
13906
14720
|
this._mobileBreakpointValue = undefined;
|
|
13907
14721
|
|
|
13908
|
-
AuroLibraryRuntimeUtils$
|
|
14722
|
+
AuroLibraryRuntimeUtils$2$1.prototype.handleComponentTagRename(this, 'auro-dropdownbib');
|
|
13909
14723
|
}
|
|
13910
14724
|
|
|
13911
14725
|
static get styles() {
|
|
@@ -14013,7 +14827,7 @@ var tokensCss$5 = css`:host{--ds-auro-helptext-color: var(--ds-color-text-tertia
|
|
|
14013
14827
|
|
|
14014
14828
|
/* eslint-disable line-comment-position, no-inline-comments, no-confusing-arrow, no-nested-ternary, implicit-arrow-linebreak */
|
|
14015
14829
|
|
|
14016
|
-
let AuroLibraryRuntimeUtils$
|
|
14830
|
+
let AuroLibraryRuntimeUtils$5 = class AuroLibraryRuntimeUtils {
|
|
14017
14831
|
|
|
14018
14832
|
/* eslint-disable jsdoc/require-param */
|
|
14019
14833
|
|
|
@@ -14093,7 +14907,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
|
|
|
14093
14907
|
this.error = false;
|
|
14094
14908
|
this.hasTextContent = false;
|
|
14095
14909
|
|
|
14096
|
-
AuroLibraryRuntimeUtils$
|
|
14910
|
+
AuroLibraryRuntimeUtils$5.prototype.handleComponentTagRename(this, 'auro-helptext');
|
|
14097
14911
|
}
|
|
14098
14912
|
|
|
14099
14913
|
static get styles() {
|
|
@@ -14141,7 +14955,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
|
|
|
14141
14955
|
*
|
|
14142
14956
|
*/
|
|
14143
14957
|
static register(name = "auro-helptext") {
|
|
14144
|
-
AuroLibraryRuntimeUtils$
|
|
14958
|
+
AuroLibraryRuntimeUtils$5.prototype.registerComponent(name, AuroHelpText);
|
|
14145
14959
|
}
|
|
14146
14960
|
|
|
14147
14961
|
updated() {
|
|
@@ -14274,7 +15088,7 @@ class AuroDropdown extends LitElement {
|
|
|
14274
15088
|
/**
|
|
14275
15089
|
* @private
|
|
14276
15090
|
*/
|
|
14277
|
-
this.runtimeUtils = new AuroLibraryRuntimeUtils$
|
|
15091
|
+
this.runtimeUtils = new AuroLibraryRuntimeUtils$2$1();
|
|
14278
15092
|
|
|
14279
15093
|
/**
|
|
14280
15094
|
* @private
|
|
@@ -14294,22 +15108,22 @@ class AuroDropdown extends LitElement {
|
|
|
14294
15108
|
/**
|
|
14295
15109
|
* Generate unique names for dependency components.
|
|
14296
15110
|
*/
|
|
14297
|
-
const versioning = new AuroDependencyVersioning$
|
|
15111
|
+
const versioning = new AuroDependencyVersioning$2();
|
|
14298
15112
|
|
|
14299
15113
|
/**
|
|
14300
15114
|
* @private
|
|
14301
15115
|
*/
|
|
14302
|
-
this.iconTag = versioning.generateTag('auro-icon', iconVersion$1, AuroIcon$1);
|
|
15116
|
+
this.iconTag = versioning.generateTag('auro-formkit-dropdown-icon', iconVersion$1, AuroIcon$1);
|
|
14303
15117
|
|
|
14304
15118
|
/**
|
|
14305
15119
|
* @private
|
|
14306
15120
|
*/
|
|
14307
|
-
this.dropdownBibTag = versioning.generateTag('auro-dropdownbib', dropdownVersion$1, AuroDropdownBib);
|
|
15121
|
+
this.dropdownBibTag = versioning.generateTag('auro-formkit-dropdown-dropdownbib', dropdownVersion$1, AuroDropdownBib);
|
|
14308
15122
|
|
|
14309
15123
|
/**
|
|
14310
15124
|
* @private
|
|
14311
15125
|
*/
|
|
14312
|
-
this.helpTextTag = versioning.generateTag('auro-helptext', helpTextVersion$1, AuroHelpText$1);
|
|
15126
|
+
this.helpTextTag = versioning.generateTag('auro-formkit-dropdown-helptext', helpTextVersion$1, AuroHelpText$1);
|
|
14313
15127
|
}
|
|
14314
15128
|
|
|
14315
15129
|
/**
|
|
@@ -14512,7 +15326,7 @@ class AuroDropdown extends LitElement {
|
|
|
14512
15326
|
*
|
|
14513
15327
|
*/
|
|
14514
15328
|
static register(name = "auro-dropdown") {
|
|
14515
|
-
AuroLibraryRuntimeUtils$
|
|
15329
|
+
AuroLibraryRuntimeUtils$2$1.prototype.registerComponent(name, AuroDropdown);
|
|
14516
15330
|
}
|
|
14517
15331
|
|
|
14518
15332
|
connectedCallback() {
|
|
@@ -14535,6 +15349,7 @@ class AuroDropdown extends LitElement {
|
|
|
14535
15349
|
if (changedProperties.size === 0 || changedProperties.has('isPopoverVisible')) {
|
|
14536
15350
|
this.handleTriggerContentSlotChange();
|
|
14537
15351
|
}
|
|
15352
|
+
|
|
14538
15353
|
}
|
|
14539
15354
|
|
|
14540
15355
|
firstUpdated() {
|
|
@@ -18569,7 +19384,7 @@ class AuroInputUtilities {
|
|
|
18569
19384
|
|
|
18570
19385
|
return {
|
|
18571
19386
|
mask: Date,
|
|
18572
|
-
pattern:
|
|
19387
|
+
pattern: dateFormat,
|
|
18573
19388
|
blocks,
|
|
18574
19389
|
format(date) {
|
|
18575
19390
|
if (!date) {
|
|
@@ -18743,7 +19558,7 @@ class AuroInputUtilities {
|
|
|
18743
19558
|
|
|
18744
19559
|
/* eslint-disable line-comment-position, no-inline-comments, no-confusing-arrow, no-nested-ternary, implicit-arrow-linebreak */
|
|
18745
19560
|
|
|
18746
|
-
let AuroLibraryRuntimeUtils$
|
|
19561
|
+
let AuroLibraryRuntimeUtils$4 = class AuroLibraryRuntimeUtils {
|
|
18747
19562
|
|
|
18748
19563
|
/* eslint-disable jsdoc/require-param */
|
|
18749
19564
|
|
|
@@ -18812,7 +19627,7 @@ let AuroLibraryRuntimeUtils$1 = class AuroLibraryRuntimeUtils {
|
|
|
18812
19627
|
|
|
18813
19628
|
class AuroFormValidation {
|
|
18814
19629
|
constructor() {
|
|
18815
|
-
this.runtimeUtils = new AuroLibraryRuntimeUtils$
|
|
19630
|
+
this.runtimeUtils = new AuroLibraryRuntimeUtils$4();
|
|
18816
19631
|
}
|
|
18817
19632
|
|
|
18818
19633
|
/**
|
|
@@ -20076,7 +20891,7 @@ class BaseInput extends LitElement {
|
|
|
20076
20891
|
// See LICENSE in the project root for license information.
|
|
20077
20892
|
|
|
20078
20893
|
|
|
20079
|
-
class AuroDependencyVersioning {
|
|
20894
|
+
let AuroDependencyVersioning$1 = class AuroDependencyVersioning {
|
|
20080
20895
|
|
|
20081
20896
|
/**
|
|
20082
20897
|
* Generates a unique string to be used for child auro element naming.
|
|
@@ -20110,7 +20925,7 @@ class AuroDependencyVersioning {
|
|
|
20110
20925
|
|
|
20111
20926
|
return tag;
|
|
20112
20927
|
}
|
|
20113
|
-
}
|
|
20928
|
+
};
|
|
20114
20929
|
|
|
20115
20930
|
// Copyright (c) 2020 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
20116
20931
|
// See LICENSE in the project root for license information.
|
|
@@ -20223,45 +21038,115 @@ class BaseIcon extends AuroElement {
|
|
|
20223
21038
|
}
|
|
20224
21039
|
|
|
20225
21040
|
/**
|
|
20226
|
-
* Async function to fetch requested icon from npm CDN.
|
|
20227
|
-
* @private
|
|
20228
|
-
* @param {string} category - Icon category.
|
|
20229
|
-
* @param {string} name - Icon name.
|
|
20230
|
-
* @returns {SVGElement} DOM - Ready HTML to be appended.
|
|
21041
|
+
* Async function to fetch requested icon from npm CDN.
|
|
21042
|
+
* @private
|
|
21043
|
+
* @param {string} category - Icon category.
|
|
21044
|
+
* @param {string} name - Icon name.
|
|
21045
|
+
* @returns {SVGElement} DOM - Ready HTML to be appended.
|
|
21046
|
+
*/
|
|
21047
|
+
async fetchIcon(category, name) {
|
|
21048
|
+
let iconHTML = '';
|
|
21049
|
+
|
|
21050
|
+
if (category === 'logos') {
|
|
21051
|
+
iconHTML = await cacheFetch(`${this.uri}/${category}/${name}.svg`);
|
|
21052
|
+
} else {
|
|
21053
|
+
iconHTML = await cacheFetch(`${this.uri}/icons/${category}/${name}.svg`);
|
|
21054
|
+
}
|
|
21055
|
+
|
|
21056
|
+
const dom = new DOMParser().parseFromString(iconHTML, 'text/html');
|
|
21057
|
+
|
|
21058
|
+
return dom.body.querySelector('svg');
|
|
21059
|
+
}
|
|
21060
|
+
|
|
21061
|
+
// lifecycle function
|
|
21062
|
+
async firstUpdated() {
|
|
21063
|
+
if (!this.customSvg) {
|
|
21064
|
+
const svg = await this.fetchIcon(this.category, this.name);
|
|
21065
|
+
|
|
21066
|
+
if (svg) {
|
|
21067
|
+
this.svg = svg;
|
|
21068
|
+
} else if (!svg) {
|
|
21069
|
+
const penDOM = new DOMParser().parseFromString(error.svg, 'text/html');
|
|
21070
|
+
|
|
21071
|
+
this.svg = penDOM.body.firstChild;
|
|
21072
|
+
}
|
|
21073
|
+
}
|
|
21074
|
+
}
|
|
21075
|
+
}
|
|
21076
|
+
|
|
21077
|
+
var tokensCss$3 = css`:host{--ds-auro-icon-color:var(--ds-color-icon-primary-default, #676767);--ds-auro-icon-size:var(--ds-size-300, 1.5rem)}`;
|
|
21078
|
+
|
|
21079
|
+
var colorCss$3 = css`:host{color:var(--ds-auro-icon-color)}:host([customColor]){color:inherit}:host(:not([onDark])[accent]){--ds-auro-icon-color:var(--ds-color-icon-accent-default, #a2c270)}:host(:not([onDark])[disabled]){--ds-auro-icon-color:var(--ds-color-icon-ui-primary-disabled-default, #adadad)}:host(:not([onDark])[emphasis]){--ds-auro-icon-color:var(--ds-color-icon-emphasis-default, #2a2a2a)}:host(:not([onDark])[error]){--ds-auro-icon-color:var(--ds-color-icon-error-default, #cc1816)}:host(:not([onDark])[info]){--ds-auro-icon-color:var(--ds-color-icon-info-default, #326aa5)}:host(:not([onDark])[secondary]){--ds-auro-icon-color:var(--ds-color-icon-secondary-default, #7e8894)}:host(:not([onDark])[subtle]){--ds-auro-icon-color:var(--ds-color-icon-subtle-default, #a0c9f1)}:host(:not([onDark])[success]){--ds-auro-icon-color:var(--ds-color-icon-success-default, #40a080)}:host(:not([onDark])[tertiary]){--ds-auro-icon-color:var(--ds-color-icon-tertiary-default, #afb9c6)}:host(:not([onDark])[warning]){--ds-auro-icon-color:var(--ds-color-icon-warning-default, #c49432)}:host([onDark]){--ds-auro-icon-color:var(--ds-color-icon-primary-inverse, #f7f7f7)}:host([onDark][accent]){--ds-auro-icon-color:var(--ds-color-icon-accent-inverse, #badd81)}:host([onDark][disabled]){--ds-auro-icon-color:var(--ds-color-icon-ui-primary-disabled-inverse, #7e7e7e)}:host([onDark][emphasis]){--ds-auro-icon-color:var(--ds-color-icon-emphasis-inverse, #ffffff)}:host([onDark][error]){--ds-auro-icon-color:var(--ds-color-icon-error-inverse, #f9aca6)}:host([onDark][info]){--ds-auro-icon-color:var(--ds-color-icon-info-inverse, #89b2d4)}:host([onDark][secondary]){--ds-auro-icon-color:var(--ds-color-icon-secondary-inverse, #ccd2db)}:host([onDark][subtle]){--ds-auro-icon-color:var(--ds-color-icon-subtle-inverse, #326aa5)}:host([onDark][success]){--ds-auro-icon-color:var(--ds-color-icon-success-inverse, #8eceb9)}:host([onDark][tertiary]){--ds-auro-icon-color:var(--ds-color-icon-tertiary-inverse, #939fad)}:host([onDark][warning]){--ds-auro-icon-color:var(--ds-color-icon-warning-inverse, #f2c153)}`;
|
|
21080
|
+
|
|
21081
|
+
// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
|
|
21082
|
+
// See LICENSE in the project root for license information.
|
|
21083
|
+
|
|
21084
|
+
// ---------------------------------------------------------------------
|
|
21085
|
+
|
|
21086
|
+
/* eslint-disable line-comment-position, no-inline-comments, no-confusing-arrow, no-nested-ternary, implicit-arrow-linebreak */
|
|
21087
|
+
|
|
21088
|
+
let AuroLibraryRuntimeUtils$3 = class AuroLibraryRuntimeUtils {
|
|
21089
|
+
|
|
21090
|
+
/* eslint-disable jsdoc/require-param */
|
|
21091
|
+
|
|
21092
|
+
/**
|
|
21093
|
+
* This will register a new custom element with the browser.
|
|
21094
|
+
* @param {String} name - The name of the custom element.
|
|
21095
|
+
* @param {Object} componentClass - The class to register as a custom element.
|
|
21096
|
+
* @returns {void}
|
|
21097
|
+
*/
|
|
21098
|
+
registerComponent(name, componentClass) {
|
|
21099
|
+
if (!customElements.get(name)) {
|
|
21100
|
+
customElements.define(name, class extends componentClass {});
|
|
21101
|
+
}
|
|
21102
|
+
}
|
|
21103
|
+
|
|
21104
|
+
/**
|
|
21105
|
+
* Finds and returns the closest HTML Element based on a selector.
|
|
21106
|
+
* @returns {void}
|
|
21107
|
+
*/
|
|
21108
|
+
closestElement(
|
|
21109
|
+
selector, // selector like in .closest()
|
|
21110
|
+
base = this, // extra functionality to skip a parent
|
|
21111
|
+
__Closest = (el, found = el && el.closest(selector)) =>
|
|
21112
|
+
!el || el === document || el === window
|
|
21113
|
+
? null // standard .closest() returns null for non-found selectors also
|
|
21114
|
+
: found
|
|
21115
|
+
? found // found a selector INside this element
|
|
21116
|
+
: __Closest(el.getRootNode().host) // recursion!! break out to parent DOM
|
|
21117
|
+
) {
|
|
21118
|
+
return __Closest(base);
|
|
21119
|
+
}
|
|
21120
|
+
/* eslint-enable jsdoc/require-param */
|
|
21121
|
+
|
|
21122
|
+
/**
|
|
21123
|
+
* 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.
|
|
21124
|
+
* @param {Object} elem - The element to check.
|
|
21125
|
+
* @param {String} tagName - The name of the Auro component to check for or add as an attribute.
|
|
21126
|
+
* @returns {void}
|
|
20231
21127
|
*/
|
|
20232
|
-
|
|
20233
|
-
|
|
21128
|
+
handleComponentTagRename(elem, tagName) {
|
|
21129
|
+
const tag = tagName.toLowerCase();
|
|
21130
|
+
const elemTag = elem.tagName.toLowerCase();
|
|
20234
21131
|
|
|
20235
|
-
if (
|
|
20236
|
-
|
|
20237
|
-
} else {
|
|
20238
|
-
iconHTML = await cacheFetch(`${this.uri}/icons/${category}/${name}.svg`);
|
|
21132
|
+
if (elemTag !== tag) {
|
|
21133
|
+
elem.setAttribute(tag, true);
|
|
20239
21134
|
}
|
|
20240
|
-
|
|
20241
|
-
const dom = new DOMParser().parseFromString(iconHTML, 'text/html');
|
|
20242
|
-
|
|
20243
|
-
return dom.body.querySelector('svg');
|
|
20244
21135
|
}
|
|
20245
21136
|
|
|
20246
|
-
|
|
20247
|
-
|
|
20248
|
-
|
|
20249
|
-
|
|
20250
|
-
|
|
20251
|
-
|
|
20252
|
-
|
|
20253
|
-
|
|
20254
|
-
|
|
21137
|
+
/**
|
|
21138
|
+
* Validates if an element is a specific Auro component.
|
|
21139
|
+
* @param {Object} elem - The element to validate.
|
|
21140
|
+
* @param {String} tagName - The name of the Auro component to check against.
|
|
21141
|
+
* @returns {Boolean} - Returns true if the element is the specified Auro component.
|
|
21142
|
+
*/
|
|
21143
|
+
elementMatch(elem, tagName) {
|
|
21144
|
+
const tag = tagName.toLowerCase();
|
|
21145
|
+
const elemTag = elem.tagName.toLowerCase();
|
|
20255
21146
|
|
|
20256
|
-
|
|
20257
|
-
}
|
|
20258
|
-
}
|
|
21147
|
+
return elemTag === tag || elem.hasAttribute(tag);
|
|
20259
21148
|
}
|
|
20260
|
-
}
|
|
20261
|
-
|
|
20262
|
-
var tokensCss$3 = css`:host{--ds-auro-icon-color:var(--ds-color-icon-primary-default, #676767);--ds-auro-icon-size:var(--ds-size-300, 1.5rem)}`;
|
|
20263
|
-
|
|
20264
|
-
var colorCss$3 = css`:host{color:var(--ds-auro-icon-color)}:host([customColor]){color:inherit}:host(:not([onDark])[accent]){--ds-auro-icon-color:var(--ds-color-icon-accent-default, #a2c270)}:host(:not([onDark])[disabled]){--ds-auro-icon-color:var(--ds-color-icon-ui-primary-disabled-default, #adadad)}:host(:not([onDark])[emphasis]){--ds-auro-icon-color:var(--ds-color-icon-emphasis-default, #2a2a2a)}:host(:not([onDark])[error]){--ds-auro-icon-color:var(--ds-color-icon-error-default, #cc1816)}:host(:not([onDark])[info]){--ds-auro-icon-color:var(--ds-color-icon-info-default, #326aa5)}:host(:not([onDark])[secondary]){--ds-auro-icon-color:var(--ds-color-icon-secondary-default, #7e8894)}:host(:not([onDark])[subtle]){--ds-auro-icon-color:var(--ds-color-icon-subtle-default, #a0c9f1)}:host(:not([onDark])[success]){--ds-auro-icon-color:var(--ds-color-icon-success-default, #40a080)}:host(:not([onDark])[tertiary]){--ds-auro-icon-color:var(--ds-color-icon-tertiary-default, #afb9c6)}:host(:not([onDark])[warning]){--ds-auro-icon-color:var(--ds-color-icon-warning-default, #c49432)}:host([onDark]){--ds-auro-icon-color:var(--ds-color-icon-primary-inverse, #f7f7f7)}:host([onDark][accent]){--ds-auro-icon-color:var(--ds-color-icon-accent-inverse, #badd81)}:host([onDark][disabled]){--ds-auro-icon-color:var(--ds-color-icon-ui-primary-disabled-inverse, #7e7e7e)}:host([onDark][emphasis]){--ds-auro-icon-color:var(--ds-color-icon-emphasis-inverse, #ffffff)}:host([onDark][error]){--ds-auro-icon-color:var(--ds-color-icon-error-inverse, #f9aca6)}:host([onDark][info]){--ds-auro-icon-color:var(--ds-color-icon-info-inverse, #89b2d4)}:host([onDark][secondary]){--ds-auro-icon-color:var(--ds-color-icon-secondary-inverse, #ccd2db)}:host([onDark][subtle]){--ds-auro-icon-color:var(--ds-color-icon-subtle-inverse, #326aa5)}:host([onDark][success]){--ds-auro-icon-color:var(--ds-color-icon-success-inverse, #8eceb9)}:host([onDark][tertiary]){--ds-auro-icon-color:var(--ds-color-icon-tertiary-inverse, #939fad)}:host([onDark][warning]){--ds-auro-icon-color:var(--ds-color-icon-warning-inverse, #f2c153)}`;
|
|
21149
|
+
};
|
|
20265
21150
|
|
|
20266
21151
|
// Copyright (c) 2020 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
20267
21152
|
// See LICENSE in the project root for license information.
|
|
@@ -20295,7 +21180,7 @@ class AuroIcon extends BaseIcon {
|
|
|
20295
21180
|
this.tertiary = false;
|
|
20296
21181
|
this.warning = false;
|
|
20297
21182
|
this.uri = 'https://cdn.jsdelivr.net/npm/@alaskaairux/icons@latest/dist';
|
|
20298
|
-
this.runtimeUtils = new AuroLibraryRuntimeUtils$
|
|
21183
|
+
this.runtimeUtils = new AuroLibraryRuntimeUtils$3();
|
|
20299
21184
|
}
|
|
20300
21185
|
|
|
20301
21186
|
// function to define props used within the scope of this component
|
|
@@ -20457,7 +21342,7 @@ class AuroIcon extends BaseIcon {
|
|
|
20457
21342
|
*
|
|
20458
21343
|
*/
|
|
20459
21344
|
static register(name = "auro-icon") {
|
|
20460
|
-
AuroLibraryRuntimeUtils$
|
|
21345
|
+
AuroLibraryRuntimeUtils$3.prototype.registerComponent(name, AuroIcon);
|
|
20461
21346
|
}
|
|
20462
21347
|
|
|
20463
21348
|
connectedCallback() {
|
|
@@ -20525,12 +21410,192 @@ class AuroIcon extends BaseIcon {
|
|
|
20525
21410
|
|
|
20526
21411
|
var iconVersion = '6.1.2';
|
|
20527
21412
|
|
|
21413
|
+
// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
|
|
21414
|
+
// See LICENSE in the project root for license information.
|
|
21415
|
+
|
|
21416
|
+
|
|
21417
|
+
class AuroDependencyVersioning {
|
|
21418
|
+
|
|
21419
|
+
/**
|
|
21420
|
+
* Generates a unique string to be used for child auro element naming.
|
|
21421
|
+
* @private
|
|
21422
|
+
* @param {string} baseName - Defines the first part of the unique element name.
|
|
21423
|
+
* @param {string} version - Version of the component that will be appended to the baseName.
|
|
21424
|
+
* @returns {string} - Unique string to be used for naming.
|
|
21425
|
+
*/
|
|
21426
|
+
generateElementName(baseName, version) {
|
|
21427
|
+
let result = baseName;
|
|
21428
|
+
|
|
21429
|
+
result += '-';
|
|
21430
|
+
result += version.replace(/[.]/g, '_');
|
|
21431
|
+
|
|
21432
|
+
return result;
|
|
21433
|
+
}
|
|
21434
|
+
|
|
21435
|
+
/**
|
|
21436
|
+
* Generates a unique string to be used for child auro element naming.
|
|
21437
|
+
* @param {string} baseName - Defines the first part of the unique element name.
|
|
21438
|
+
* @param {string} version - Version of the component that will be appended to the baseName.
|
|
21439
|
+
* @returns {string} - Unique string to be used for naming.
|
|
21440
|
+
*/
|
|
21441
|
+
generateTag(baseName, version, tagClass) {
|
|
21442
|
+
const elementName = this.generateElementName(baseName, version);
|
|
21443
|
+
const tag = literal`${unsafeStatic(elementName)}`;
|
|
21444
|
+
|
|
21445
|
+
if (!customElements.get(elementName)) {
|
|
21446
|
+
customElements.define(elementName, class extends tagClass {});
|
|
21447
|
+
}
|
|
21448
|
+
|
|
21449
|
+
return tag;
|
|
21450
|
+
}
|
|
21451
|
+
}
|
|
21452
|
+
|
|
21453
|
+
// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
|
|
21454
|
+
// See LICENSE in the project root for license information.
|
|
21455
|
+
|
|
21456
|
+
// ---------------------------------------------------------------------
|
|
21457
|
+
|
|
21458
|
+
/* eslint-disable line-comment-position, no-inline-comments, no-confusing-arrow, no-nested-ternary, implicit-arrow-linebreak */
|
|
21459
|
+
|
|
21460
|
+
let AuroLibraryRuntimeUtils$2 = class AuroLibraryRuntimeUtils {
|
|
21461
|
+
|
|
21462
|
+
/* eslint-disable jsdoc/require-param */
|
|
21463
|
+
|
|
21464
|
+
/**
|
|
21465
|
+
* This will register a new custom element with the browser.
|
|
21466
|
+
* @param {String} name - The name of the custom element.
|
|
21467
|
+
* @param {Object} componentClass - The class to register as a custom element.
|
|
21468
|
+
* @returns {void}
|
|
21469
|
+
*/
|
|
21470
|
+
registerComponent(name, componentClass) {
|
|
21471
|
+
if (!customElements.get(name)) {
|
|
21472
|
+
customElements.define(name, class extends componentClass {});
|
|
21473
|
+
}
|
|
21474
|
+
}
|
|
21475
|
+
|
|
21476
|
+
/**
|
|
21477
|
+
* Finds and returns the closest HTML Element based on a selector.
|
|
21478
|
+
* @returns {void}
|
|
21479
|
+
*/
|
|
21480
|
+
closestElement(
|
|
21481
|
+
selector, // selector like in .closest()
|
|
21482
|
+
base = this, // extra functionality to skip a parent
|
|
21483
|
+
__Closest = (el, found = el && el.closest(selector)) =>
|
|
21484
|
+
!el || el === document || el === window
|
|
21485
|
+
? null // standard .closest() returns null for non-found selectors also
|
|
21486
|
+
: found
|
|
21487
|
+
? found // found a selector INside this element
|
|
21488
|
+
: __Closest(el.getRootNode().host) // recursion!! break out to parent DOM
|
|
21489
|
+
) {
|
|
21490
|
+
return __Closest(base);
|
|
21491
|
+
}
|
|
21492
|
+
/* eslint-enable jsdoc/require-param */
|
|
21493
|
+
|
|
21494
|
+
/**
|
|
21495
|
+
* 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.
|
|
21496
|
+
* @param {Object} elem - The element to check.
|
|
21497
|
+
* @param {String} tagName - The name of the Auro component to check for or add as an attribute.
|
|
21498
|
+
* @returns {void}
|
|
21499
|
+
*/
|
|
21500
|
+
handleComponentTagRename(elem, tagName) {
|
|
21501
|
+
const tag = tagName.toLowerCase();
|
|
21502
|
+
const elemTag = elem.tagName.toLowerCase();
|
|
21503
|
+
|
|
21504
|
+
if (elemTag !== tag) {
|
|
21505
|
+
elem.setAttribute(tag, true);
|
|
21506
|
+
}
|
|
21507
|
+
}
|
|
21508
|
+
|
|
21509
|
+
/**
|
|
21510
|
+
* Validates if an element is a specific Auro component.
|
|
21511
|
+
* @param {Object} elem - The element to validate.
|
|
21512
|
+
* @param {String} tagName - The name of the Auro component to check against.
|
|
21513
|
+
* @returns {Boolean} - Returns true if the element is the specified Auro component.
|
|
21514
|
+
*/
|
|
21515
|
+
elementMatch(elem, tagName) {
|
|
21516
|
+
const tag = tagName.toLowerCase();
|
|
21517
|
+
const elemTag = elem.tagName.toLowerCase();
|
|
21518
|
+
|
|
21519
|
+
return elemTag === tag || elem.hasAttribute(tag);
|
|
21520
|
+
}
|
|
21521
|
+
};
|
|
21522
|
+
|
|
20528
21523
|
var styleCss$2 = css`: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-font-family-default, "AS Circular", Helvetica Neue, Arial, sans-serif);font-size:var(--ds-text-body-size-default, 1rem);font-weight:var(--ds-text-body-default-weight, 500);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:not([variant=secondary]):not([variant=tertiary]):not([variant=flat]):after{display:block;content:"";height:calc(100% - 2px);width:calc(100% - 2px);position:absolute;top:1px;left:1px;border-radius:4px;border-style:solid;border-width:2px}.auro-button:focus-visible[variant=secondary]:after,.auro-button:focus-visible[variant=tertiary]:after{display:block;content:"";height:100%;width:100%;position:absolute;top:0;left:0;border-radius:var(--ds-border-radius, 0.375rem);border-style:solid;border-width:2px}.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-text-body-size-sm, 0.875rem);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, $ds-size-300)}.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, $ds-size-200) + var(--ds-size-50, $ds-size-50))}.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}.auro-button--rounded ::slotted(auro-icon),.auro-button--rounded ::slotted([auro-icon]){--ds-auro-icon-size:var(--ds-size-300, $ds-size-300)}: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}`;
|
|
20529
21524
|
|
|
20530
21525
|
var colorCss$2 = css`[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:after{border-color:var(--ds-auro-button-border-inset-color)}.auro-button:not([ondark]):active{--ds-auro-button-container-color:var(--ds-color-container-ui-primary-active-default, #225296);--ds-auro-button-container-image:var(--ds-color-container-ui-primary-active-default, #225296);--ds-auro-button-border-color:var(--ds-color-container-ui-primary-active-default, #225296)}.auro-button:not([ondark])[disabled]{--ds-auro-button-container-color:var(--ds-color-container-ui-primary-disabled-default, #a0c9f1);--ds-auro-button-container-image:var(--ds-color-container-ui-primary-disabled-default, #a0c9f1);--ds-auro-button-border-color:var(--ds-color-container-ui-primary-disabled-default, #a0c9f1)}@media(hover: hover){.auro-button:not([ondark]):active:not(:disabled),.auro-button:not([ondark]):hover:not(:disabled){--ds-auro-button-container-color:var(--ds-color-container-ui-primary-hover-default, #193d73);--ds-auro-button-container-image:var(--ds-color-container-ui-primary-hover-default, #193d73);--ds-auro-button-border-color:var(--ds-color-container-ui-primary-hover-default, #193d73)}}.auro-button:not([ondark])[variant=secondary]{--ds-auro-button-container-color:var(--ds-color-container-ui-secondary-default-default, #ffffff);--ds-auro-button-container-image:var(--ds-color-container-ui-secondary-default-default, #ffffff);--ds-auro-button-border-color:var(--ds-color-border-ui-default-default, #2c67b5);--ds-auro-button-text-color:var(--ds-color-text-ui-default-default, #2c67b5)}@media(hover: hover){.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-color-container-ui-secondary-hover-default, rgba(0, 0, 0, 0.03));--ds-auro-button-container-image:var(--ds-color-container-ui-secondary-hover-default, rgba(0, 0, 0, 0.03));--ds-auro-button-border-color:var(--ds-color-border-ui-hover-default, #193d73);--ds-auro-button-text-color:var(--ds-color-text-ui-hover-default, #193d73)}}.auro-button:not([ondark])[variant=secondary]:focus-visible{--ds-auro-button-border-inset-color:var(--ds-color-border-ui-focus-default, #2c67b5)}.auro-button:not([ondark])[variant=secondary]:active{--ds-auro-button-container-color:var(--ds-color-container-ui-secondary-active-default, #f0f7fd);--ds-auro-button-container-image:var(--ds-color-container-ui-secondary-active-default, #f0f7fd);--ds-auro-button-border-color:var(--ds-color-border-ui-active-default, #225296);--ds-auro-button-text-color:var(--ds-color-text-ui-active-default, #225296)}.auro-button:not([ondark])[variant=secondary]:disabled{--ds-auro-button-container-color:var(--ds-color-container-ui-secondary-disabled-default, #f7f7f7);--ds-auro-button-container-image:var(--ds-color-container-ui-secondary-disabled-default, #f7f7f7);--ds-auro-button-border-color:var(--ds-color-border-ui-disabled-default, #adadad);--ds-auro-button-text-color:var(--ds-color-text-ui-disabled-default, #adadad)}.auro-button:not([ondark])[variant=tertiary]{--ds-auro-button-container-color:var(--ds-color-container-ui-tertiary-default-default, rgba(0, 0, 0, 0.03));--ds-auro-button-container-image:var(--ds-color-container-ui-tertiary-default-default, rgba(0, 0, 0, 0.03));--ds-auro-button-border-color:transparent;--ds-auro-button-text-color:var(--ds-color-text-ui-default-default, #2c67b5)}@media(hover: hover){.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-color-container-ui-tertiary-hover-default, rgba(0, 0, 0, 0.12));--ds-auro-button-container-image:var(--ds-color-container-ui-tertiary-hover-default, rgba(0, 0, 0, 0.12));--ds-auro-button-border-color:transparent;--ds-auro-button-text-color:var(--ds-color-text-ui-hover-default, #193d73)}}.auro-button:not([ondark])[variant=tertiary]:focus-visible{--ds-auro-button-border-color:var(--ds-color-border-ui-default-default, #2c67b5);--ds-auro-button-border-inset-color:var(--ds-color-border-ui-default-default, #2c67b5)}.auro-button:not([ondark])[variant=tertiary]:active{--ds-auro-button-container-color:var(--ds-color-container-ui-tertiary-active-default, rgba(0, 0, 0, 0.06));--ds-auro-button-container-image:var(--ds-color-container-ui-tertiary-active-default, rgba(0, 0, 0, 0.06));--ds-auro-button-border-color:transparent;--ds-auro-button-text-color:var(--ds-color-text-ui-active-default, #225296)}.auro-button:not([ondark])[variant=tertiary]:disabled{--ds-auro-button-container-color:var(--ds-color-container-ui-tertiary-disabled-default, rgba(0, 0, 0, 0.03));--ds-auro-button-container-image:var(--ds-color-container-ui-tertiary-disabled-default, rgba(0, 0, 0, 0.03));--ds-auro-button-border-color:transparent;--ds-auro-button-text-color:var(--ds-color-text-ui-disabled-default, #adadad)}.auro-button:not([ondark])[variant=flat]{color:var(--ds-color-icon-ui-secondary-default-default);background-color:transparent;background-image:none;border-color:transparent}@media(hover: hover){.auro-button:not([ondark])[variant=flat]:active:not(:disabled),.auro-button:not([ondark])[variant=flat]:hover:not(:disabled){color:var(--ds-color-icon-ui-secondary-hover-default);background-color:transparent;background-image:none;border-color:transparent}}.auro-button:not([ondark])[variant=flat]:disabled{color:var(--ds-color-icon-ui-secondary-disabled-default);background-color:transparent;background-image:none;border-color:transparent}.auro-button[ondark]{--ds-auro-button-container-color:var(--ds-color-container-ui-primary-default-inverse, #56bbde);--ds-auro-button-container-image:var(--ds-color-container-ui-primary-default-inverse, #56bbde);--ds-auro-button-text-color:var(--ds-color-text-primary-default, #2a2a2a);--ds-auro-button-loader-color:var(--ds-color-text-primary-inverse, #ffffff);--ds-auro-button-border-color:var(--ds-color-container-ui-primary-default-inverse, #56bbde)}@media(hover: hover){.auro-button[ondark]:active:not(:disabled),.auro-button[ondark]:hover:not(:disabled){--ds-auro-button-container-color:var(--ds-color-container-ui-primary-hover-inverse, #a8e9f7);--ds-auro-button-container-image:var(--ds-color-container-ui-primary-hover-inverse, #a8e9f7);--ds-auro-button-border-color:var(--ds-color-container-ui-primary-hover-inverse, #a8e9f7)}}.auro-button[ondark]:active{--ds-auro-button-container-color:var(--ds-color-container-ui-primary-active-inverse, #6ad5ef);--ds-auro-button-container-image:var(--ds-color-container-ui-primary-active-inverse, #6ad5ef);--ds-auro-button-border-color:var(--ds-color-container-ui-primary-active-inverse, #6ad5ef)}.auro-button[ondark][disabled]{--ds-auro-button-container-color:var(--ds-color-container-ui-primary-disabled-inverse, #275b72);--ds-auro-button-container-image:var(--ds-color-container-ui-primary-disabled-inverse, #275b72);--ds-auro-button-text-color:var(--ds-color-text-ui-disabled-inverse, #7e7e7e);--ds-auro-button-border-color:var(--ds-color-container-ui-primary-disabled-inverse, #275b72)}.auro-button[ondark][variant=secondary]{--ds-auro-button-container-color:var(--ds-color-container-ui-secondary-default-inverse, rgba(255, 255, 255, 0.03));--ds-auro-button-container-image:var(--ds-color-container-ui-secondary-default-inverse, rgba(255, 255, 255, 0.03));--ds-auro-button-border-color:var(--ds-color-border-ui-default-inverse, #56bbde);--ds-auro-button-text-color:var(--ds-color-text-ui-default-inverse, #56bbde)}@media(hover: hover){.auro-button[ondark][variant=secondary]:hover{--ds-auro-button-container-color:var(--ds-color-container-ui-secondary-hover-inverse, rgba(255, 255, 255, 0.12));--ds-auro-button-container-image:var(--ds-color-container-ui-secondary-hover-inverse, rgba(255, 255, 255, 0.12));--ds-auro-button-border-color:var(--ds-color-border-ui-hover-inverse, #a8e9f7);--ds-auro-button-text-color:var(--ds-color-text-ui-hover-inverse, #a8e9f7)}}.auro-button[ondark][variant=secondary]:focus-visible{--ds-auro-button-border-inset-color:var(--ds-color-border-ui-focus-inverse, #56bbde)}.auro-button[ondark][variant=secondary]:active{--ds-auro-button-container-color:var(--ds-color-container-ui-secondary-active-inverse, rgba(255, 255, 255, 0.06));--ds-auro-button-container-image:var(--ds-color-container-ui-secondary-active-inverse, rgba(255, 255, 255, 0.06));--ds-auro-button-border-color:var(--ds-color-border-ui-active-inverse, #6ad5ef);--ds-auro-button-text-color:var(--ds-color-text-ui-active-inverse, #6ad5ef)}.auro-button[ondark][variant=secondary]:disabled{--ds-auro-button-container-color:var(--ds-color-container-ui-secondary-disabled-inverse, rgba(255, 255, 255, 0.12));--ds-auro-button-container-image:var(--ds-color-container-ui-secondary-disabled-inverse, rgba(255, 255, 255, 0.12));--ds-auro-button-border-color:var(--ds-color-border-ui-disabled-inverse, #7e7e7e);--ds-auro-button-text-color:var(--ds-color-text-ui-disabled-inverse, #7e7e7e)}.auro-button[ondark][variant=tertiary]{--ds-auro-button-container-color:var(--ds-color-container-ui-tertiary-default-inverse, rgba(255, 255, 255, 0.12));--ds-auro-button-container-image:var(--ds-color-container-ui-tertiary-default-inverse, rgba(255, 255, 255, 0.12));--ds-auro-button-border-color:transparent;--ds-auro-button-text-color:var(--ds-color-text-ui-default-inverse, #56bbde)}@media(hover: hover){.auro-button[ondark][variant=tertiary]:active:not(:disabled),.auro-button[ondark][variant=tertiary]:hover:not(:disabled){--ds-auro-button-container-color:var(--ds-color-container-ui-tertiary-hover-inverse, rgba(255, 255, 255, 0.25));--ds-auro-button-container-image:var(--ds-color-container-ui-tertiary-hover-inverse, rgba(255, 255, 255, 0.25));--ds-auro-button-border-color:transparent;--ds-auro-button-text-color:var(--ds-color-text-ui-hover-inverse, #a8e9f7)}}.auro-button[ondark][variant=tertiary]:focus-visible{--ds-auro-button-border-color:var(--ds-color-border-ui-default-inverse, #56bbde);--ds-auro-button-border-inset-color:var(--ds-color-border-ui-default-inverse, #56bbde)}.auro-button[ondark][variant=tertiary]:active{--ds-auro-button-container-color:var(--ds-color-container-ui-tertiary-active-inverse, rgba(255, 255, 255, 0.06));--ds-auro-button-container-image:var(--ds-color-container-ui-tertiary-active-inverse, rgba(255, 255, 255, 0.06));--ds-auro-button-border-color:transparent;--ds-auro-button-text-color:var(--ds-color-text-ui-active-inverse, #6ad5ef)}.auro-button[ondark][variant=tertiary]:disabled{--ds-auro-button-container-color:var(--ds-color-container-ui-tertiary-disabled-inverse, rgba(255, 255, 255, 0.25));--ds-auro-button-container-image:var(--ds-color-container-ui-tertiary-disabled-inverse, rgba(255, 255, 255, 0.25));--ds-auro-button-border-color:transparent;--ds-auro-button-text-color:var(--ds-color-text-ui-disabled-inverse, #7e7e7e)}.auro-button[ondark][variant=flat]{color:var(--ds-color-icon-ui-secondary-default-inverse);background-color:transparent;background-image:none;border-color:transparent}@media(hover: hover){.auro-button[ondark][variant=flat]:active:not(:disabled),.auro-button[ondark][variant=flat]:hover:not(:disabled){color:var(--ds-color-icon-ui-secondary-hover-inverse);background-color:transparent;background-image:none;border-color:transparent}}.auro-button[ondark][variant=flat]:disabled{color:var(--ds-color-icon-ui-disabled-default);background-color:transparent;background-image:none;border-color:transparent}`;
|
|
20531
21526
|
|
|
20532
21527
|
var tokensCss$2 = css`:host{--ds-auro-button-border-color:var(--ds-color-container-ui-primary-default-default, #2c67b5);--ds-auro-button-border-inset-color:var(--ds-color-border-emphasis-inverse, #f2f7fb);--ds-auro-button-container-color:var(--ds-color-container-ui-primary-default-default, #2c67b5);--ds-auro-button-container-image:var(--ds-color-container-ui-primary-default-default, #2c67b5);--ds-auro-button-loader-color:var(--ds-color-utility-navy-default, #265688);--ds-auro-button-text-color:var(--ds-color-text-primary-inverse, #ffffff);--ds-auro-button-tap-color:transparent}`;
|
|
20533
21528
|
|
|
21529
|
+
// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
|
|
21530
|
+
// See LICENSE in the project root for license information.
|
|
21531
|
+
|
|
21532
|
+
// ---------------------------------------------------------------------
|
|
21533
|
+
|
|
21534
|
+
/* eslint-disable line-comment-position, no-inline-comments, no-confusing-arrow, no-nested-ternary, implicit-arrow-linebreak */
|
|
21535
|
+
|
|
21536
|
+
let AuroLibraryRuntimeUtils$1 = class AuroLibraryRuntimeUtils {
|
|
21537
|
+
|
|
21538
|
+
/* eslint-disable jsdoc/require-param */
|
|
21539
|
+
|
|
21540
|
+
/**
|
|
21541
|
+
* This will register a new custom element with the browser.
|
|
21542
|
+
* @param {String} name - The name of the custom element.
|
|
21543
|
+
* @param {Object} componentClass - The class to register as a custom element.
|
|
21544
|
+
* @returns {void}
|
|
21545
|
+
*/
|
|
21546
|
+
registerComponent(name, componentClass) {
|
|
21547
|
+
if (!customElements.get(name)) {
|
|
21548
|
+
customElements.define(name, class extends componentClass {});
|
|
21549
|
+
}
|
|
21550
|
+
}
|
|
21551
|
+
|
|
21552
|
+
/**
|
|
21553
|
+
* Finds and returns the closest HTML Element based on a selector.
|
|
21554
|
+
* @returns {void}
|
|
21555
|
+
*/
|
|
21556
|
+
closestElement(
|
|
21557
|
+
selector, // selector like in .closest()
|
|
21558
|
+
base = this, // extra functionality to skip a parent
|
|
21559
|
+
__Closest = (el, found = el && el.closest(selector)) =>
|
|
21560
|
+
!el || el === document || el === window
|
|
21561
|
+
? null // standard .closest() returns null for non-found selectors also
|
|
21562
|
+
: found
|
|
21563
|
+
? found // found a selector INside this element
|
|
21564
|
+
: __Closest(el.getRootNode().host) // recursion!! break out to parent DOM
|
|
21565
|
+
) {
|
|
21566
|
+
return __Closest(base);
|
|
21567
|
+
}
|
|
21568
|
+
/* eslint-enable jsdoc/require-param */
|
|
21569
|
+
|
|
21570
|
+
/**
|
|
21571
|
+
* 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.
|
|
21572
|
+
* @param {Object} elem - The element to check.
|
|
21573
|
+
* @param {String} tagName - The name of the Auro component to check for or add as an attribute.
|
|
21574
|
+
* @returns {void}
|
|
21575
|
+
*/
|
|
21576
|
+
handleComponentTagRename(elem, tagName) {
|
|
21577
|
+
const tag = tagName.toLowerCase();
|
|
21578
|
+
const elemTag = elem.tagName.toLowerCase();
|
|
21579
|
+
|
|
21580
|
+
if (elemTag !== tag) {
|
|
21581
|
+
elem.setAttribute(tag, true);
|
|
21582
|
+
}
|
|
21583
|
+
}
|
|
21584
|
+
|
|
21585
|
+
/**
|
|
21586
|
+
* Validates if an element is a specific Auro component.
|
|
21587
|
+
* @param {Object} elem - The element to validate.
|
|
21588
|
+
* @param {String} tagName - The name of the Auro component to check against.
|
|
21589
|
+
* @returns {Boolean} - Returns true if the element is the specified Auro component.
|
|
21590
|
+
*/
|
|
21591
|
+
elementMatch(elem, tagName) {
|
|
21592
|
+
const tag = tagName.toLowerCase();
|
|
21593
|
+
const elemTag = elem.tagName.toLowerCase();
|
|
21594
|
+
|
|
21595
|
+
return elemTag === tag || elem.hasAttribute(tag);
|
|
21596
|
+
}
|
|
21597
|
+
};
|
|
21598
|
+
|
|
20534
21599
|
var styleCss$1 = css`: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}}`;
|
|
20535
21600
|
|
|
20536
21601
|
var colorCss$1 = css`: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-color-utility-navy-default, #265688)}:host([ondark]){--ds-auro-loader-color:var(--ds-color-utility-cyan-inverse, #a8e9f7)}:host([white]){--ds-auro-loader-color:var(--ds-color-utility-neutral-inverse, #ccd2db)}: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}`;
|
|
@@ -20849,7 +21914,7 @@ class AuroButton extends LitElement {
|
|
|
20849
21914
|
*
|
|
20850
21915
|
*/
|
|
20851
21916
|
static register(name = "auro-button") {
|
|
20852
|
-
AuroLibraryRuntimeUtils$
|
|
21917
|
+
AuroLibraryRuntimeUtils$2.prototype.registerComponent(name, AuroButton);
|
|
20853
21918
|
}
|
|
20854
21919
|
|
|
20855
21920
|
/**
|
|
@@ -21158,22 +22223,22 @@ class AuroInput extends BaseInput {
|
|
|
21158
22223
|
/**
|
|
21159
22224
|
* Generate unique names for dependency components.
|
|
21160
22225
|
*/
|
|
21161
|
-
const versioning = new AuroDependencyVersioning();
|
|
22226
|
+
const versioning = new AuroDependencyVersioning$1();
|
|
21162
22227
|
|
|
21163
22228
|
/**
|
|
21164
22229
|
* @private
|
|
21165
22230
|
*/
|
|
21166
|
-
this.iconTag = versioning.generateTag('auro-icon', iconVersion, AuroIcon);
|
|
22231
|
+
this.iconTag = versioning.generateTag('auro-formkit-input-icon', iconVersion, AuroIcon);
|
|
21167
22232
|
|
|
21168
22233
|
/**
|
|
21169
22234
|
* @private
|
|
21170
22235
|
*/
|
|
21171
|
-
this.buttonTag = versioning.generateTag('auro-button', buttonVersion, AuroButton);
|
|
22236
|
+
this.buttonTag = versioning.generateTag('auro-formkit-input-button', buttonVersion, AuroButton);
|
|
21172
22237
|
|
|
21173
22238
|
/**
|
|
21174
22239
|
* @private
|
|
21175
22240
|
*/
|
|
21176
|
-
this.helpTextTag = versioning.generateTag('auro-helptext', helpTextVersion, AuroHelpText);
|
|
22241
|
+
this.helpTextTag = versioning.generateTag('auro-formkit-input-helptext', helpTextVersion, AuroHelpText);
|
|
21177
22242
|
}
|
|
21178
22243
|
|
|
21179
22244
|
/**
|
|
@@ -21185,7 +22250,7 @@ class AuroInput extends BaseInput {
|
|
|
21185
22250
|
*
|
|
21186
22251
|
*/
|
|
21187
22252
|
static register(name = "auro-input") {
|
|
21188
|
-
AuroLibraryRuntimeUtils$
|
|
22253
|
+
AuroLibraryRuntimeUtils$4.prototype.registerComponent(name, AuroInput);
|
|
21189
22254
|
}
|
|
21190
22255
|
|
|
21191
22256
|
/**
|
|
@@ -21443,7 +22508,7 @@ class AuroDatePicker extends LitElement {
|
|
|
21443
22508
|
/**
|
|
21444
22509
|
* @private
|
|
21445
22510
|
*/
|
|
21446
|
-
this.runtimeUtils = new AuroLibraryRuntimeUtils$
|
|
22511
|
+
this.runtimeUtils = new AuroLibraryRuntimeUtils$9();
|
|
21447
22512
|
|
|
21448
22513
|
/**
|
|
21449
22514
|
* @private
|
|
@@ -21453,17 +22518,17 @@ class AuroDatePicker extends LitElement {
|
|
|
21453
22518
|
/**
|
|
21454
22519
|
* Generate unique names for dependency components.
|
|
21455
22520
|
*/
|
|
21456
|
-
const versioning = new AuroDependencyVersioning$
|
|
22521
|
+
const versioning = new AuroDependencyVersioning$5();
|
|
21457
22522
|
|
|
21458
22523
|
/**
|
|
21459
22524
|
* @private
|
|
21460
22525
|
*/
|
|
21461
|
-
this.dropdownTag = versioning.generateTag('auro-dropdown', dropdownVersion, AuroDropdown);
|
|
22526
|
+
this.dropdownTag = versioning.generateTag('auro-formkit-datepicker-dropdown', dropdownVersion, AuroDropdown);
|
|
21462
22527
|
|
|
21463
22528
|
/**
|
|
21464
22529
|
* @private
|
|
21465
22530
|
*/
|
|
21466
|
-
this.inputTag = versioning.generateTag('auro-input', inputVersion, AuroInput);
|
|
22531
|
+
this.inputTag = versioning.generateTag('auro-formkit-datepicker-input', inputVersion, AuroInput);
|
|
21467
22532
|
|
|
21468
22533
|
/**
|
|
21469
22534
|
* @private
|
|
@@ -21629,6 +22694,14 @@ class AuroDatePicker extends LitElement {
|
|
|
21629
22694
|
type: String
|
|
21630
22695
|
},
|
|
21631
22696
|
|
|
22697
|
+
/**
|
|
22698
|
+
* Set true to make datepicker stacked style.
|
|
22699
|
+
*/
|
|
22700
|
+
stacked: {
|
|
22701
|
+
type: Boolean,
|
|
22702
|
+
reflect: true,
|
|
22703
|
+
},
|
|
22704
|
+
|
|
21632
22705
|
/**
|
|
21633
22706
|
* Specifies the `validityState` this element is in.
|
|
21634
22707
|
*/
|
|
@@ -21655,9 +22728,9 @@ class AuroDatePicker extends LitElement {
|
|
|
21655
22728
|
|
|
21656
22729
|
static get styles() {
|
|
21657
22730
|
return [
|
|
21658
|
-
styleCss$
|
|
21659
|
-
colorCss$
|
|
21660
|
-
tokensCss$
|
|
22731
|
+
styleCss$d,
|
|
22732
|
+
colorCss$d,
|
|
22733
|
+
tokensCss$a
|
|
21661
22734
|
];
|
|
21662
22735
|
}
|
|
21663
22736
|
|
|
@@ -21670,7 +22743,7 @@ class AuroDatePicker extends LitElement {
|
|
|
21670
22743
|
*
|
|
21671
22744
|
*/
|
|
21672
22745
|
static register(name = "auro-datepicker") {
|
|
21673
|
-
AuroLibraryRuntimeUtils$
|
|
22746
|
+
AuroLibraryRuntimeUtils$9.prototype.registerComponent(name, AuroDatePicker);
|
|
21674
22747
|
}
|
|
21675
22748
|
|
|
21676
22749
|
/**
|
|
@@ -21887,9 +22960,10 @@ class AuroDatePicker extends LitElement {
|
|
|
21887
22960
|
* @returns {void}
|
|
21888
22961
|
*/
|
|
21889
22962
|
configureCalendar() {
|
|
21890
|
-
this.calendar = this.shadowRoot.querySelector('auro-calendar');
|
|
22963
|
+
this.calendar = this.shadowRoot.querySelector('auro-formkit-calendar');
|
|
21891
22964
|
this.calendar.datepicker = this;
|
|
21892
22965
|
this.calendar.format = this.format;
|
|
22966
|
+
this.calendar.dropdown = this.dropdown;
|
|
21893
22967
|
|
|
21894
22968
|
this.calendar.addEventListener('auroCalendar-dateSelected', () => {
|
|
21895
22969
|
if (this.inputList[0].value !== this.calendar.dateFrom && this.calendar.dateFrom !== undefined) {
|
|
@@ -22369,7 +23443,7 @@ class AuroDatePicker extends LitElement {
|
|
|
22369
23443
|
` : undefined}
|
|
22370
23444
|
</div>
|
|
22371
23445
|
<div class="calendarWrapper" part="calendarWrapper">
|
|
22372
|
-
<auro-calendar
|
|
23446
|
+
<auro-formkit-calendar
|
|
22373
23447
|
?largeFullscreenHeadline="${this.largeFullscreenHeadline}"
|
|
22374
23448
|
?noRange="${!this.range}"
|
|
22375
23449
|
.format="${this.format}"
|
|
@@ -22385,7 +23459,7 @@ class AuroDatePicker extends LitElement {
|
|
|
22385
23459
|
<slot slot="bib.fullscreen.dateLabel" name="bib.fullscreen.dateLabel" @slotchange="${this.handleSlotToSlot}"></slot>
|
|
22386
23460
|
<span slot="bib.fullscreen.fromStr">${this.value || html$1`<span class="placeholderDate">${this.format.toUpperCase()}</span>`}</span>
|
|
22387
23461
|
${this.range ? html$1`<span slot="mobileDateToStr">${this.valueEnd || html$1`<span class="placeholderDate">${this.format.toUpperCase()}</span>`}</span>` : undefined}
|
|
22388
|
-
</auro-calendar>
|
|
23462
|
+
</auro-formkit-calendar>
|
|
22389
23463
|
</div>
|
|
22390
23464
|
<p slot="helpText" part="helpTextSpan">
|
|
22391
23465
|
<!-- Help text and error message template -->
|