@aurodesignsystem-dev/auro-formkit 0.0.0-pr788.0 → 0.0.0-pr792.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/bibtemplate/dist/headerVersion.d.ts +1 -1
- package/components/bibtemplate/dist/iconVersion.d.ts +1 -1
- package/components/bibtemplate/dist/index.js +99 -64
- package/components/bibtemplate/dist/registered.js +99 -64
- package/components/combobox/README.md +0 -2
- package/components/combobox/demo/api.md +0 -6
- package/components/combobox/demo/api.min.js +120 -98
- package/components/combobox/demo/index.md +0 -12
- package/components/combobox/demo/index.min.js +120 -98
- package/components/combobox/demo/readme.md +0 -2
- package/components/combobox/dist/auro-combobox.d.ts +0 -2
- package/components/combobox/dist/index.js +115 -93
- package/components/combobox/dist/registered.js +115 -93
- package/components/counter/demo/api.md +0 -9
- package/components/counter/demo/api.min.js +119 -86
- package/components/counter/demo/index.md +0 -6
- package/components/counter/demo/index.min.js +119 -86
- package/components/counter/dist/auro-counter-group.d.ts +0 -1
- package/components/counter/dist/iconVersion.d.ts +1 -1
- package/components/counter/dist/index.js +119 -86
- package/components/counter/dist/registered.js +119 -86
- package/components/datepicker/README.md +0 -1
- package/components/datepicker/demo/api.md +0 -11
- package/components/datepicker/demo/api.min.js +100 -77
- package/components/datepicker/demo/index.md +0 -12
- package/components/datepicker/demo/index.min.js +100 -77
- package/components/datepicker/demo/readme.md +0 -1
- package/components/datepicker/dist/auro-datepicker.d.ts +0 -1
- package/components/datepicker/dist/index.js +100 -77
- package/components/datepicker/dist/registered.js +100 -77
- package/components/input/README.md +0 -1
- package/components/input/demo/api.md +6 -14
- package/components/input/demo/api.min.js +2 -11
- package/components/input/demo/index.md +0 -7
- package/components/input/demo/index.min.js +2 -11
- package/components/input/demo/readme.md +0 -1
- package/components/input/dist/base-input.d.ts +0 -3
- package/components/input/dist/index.js +2 -11
- package/components/input/dist/registered.js +2 -11
- package/components/menu/demo/api.min.js +1 -1
- package/components/menu/demo/index.min.js +1 -1
- package/components/menu/dist/iconVersion.d.ts +1 -1
- package/components/menu/dist/index.js +1 -1
- package/components/menu/dist/registered.js +1 -1
- package/components/select/README.md +0 -1
- package/components/select/demo/api.md +0 -3
- package/components/select/demo/api.min.js +110 -79
- package/components/select/demo/index.md +0 -8
- package/components/select/demo/index.min.js +110 -79
- package/components/select/demo/readme.md +0 -1
- package/components/select/dist/auro-select.d.ts +0 -1
- package/components/select/dist/index.js +105 -74
- package/components/select/dist/registered.js +105 -74
- package/package.json +1 -1
|
@@ -10864,7 +10864,7 @@ var tokenCss = css`:host{--ds-auro-dropdownbib-header-boxshadow-color: var(--ds-
|
|
|
10864
10864
|
|
|
10865
10865
|
/* eslint-disable line-comment-position, no-inline-comments, no-confusing-arrow, no-nested-ternary, implicit-arrow-linebreak */
|
|
10866
10866
|
|
|
10867
|
-
let AuroLibraryRuntimeUtils$
|
|
10867
|
+
let AuroLibraryRuntimeUtils$3$1 = class AuroLibraryRuntimeUtils {
|
|
10868
10868
|
|
|
10869
10869
|
/* eslint-disable jsdoc/require-param */
|
|
10870
10870
|
|
|
@@ -11447,7 +11447,7 @@ var shapeSize$2 = css`.shape-rounded-xl{min-height:68px;max-height:68px;border-s
|
|
|
11447
11447
|
|
|
11448
11448
|
/* eslint-disable line-comment-position, no-inline-comments, no-confusing-arrow, no-nested-ternary, implicit-arrow-linebreak */
|
|
11449
11449
|
|
|
11450
|
-
let AuroLibraryRuntimeUtils$
|
|
11450
|
+
let AuroLibraryRuntimeUtils$2$2 = class AuroLibraryRuntimeUtils {
|
|
11451
11451
|
|
|
11452
11452
|
/* eslint-disable jsdoc/require-param */
|
|
11453
11453
|
|
|
@@ -11542,7 +11542,7 @@ let AuroLoader$2 = class AuroLoader extends LitElement {
|
|
|
11542
11542
|
/**
|
|
11543
11543
|
* @private
|
|
11544
11544
|
*/
|
|
11545
|
-
this.runtimeUtils = new AuroLibraryRuntimeUtils$
|
|
11545
|
+
this.runtimeUtils = new AuroLibraryRuntimeUtils$2$2();
|
|
11546
11546
|
|
|
11547
11547
|
this.orbit = false;
|
|
11548
11548
|
this.ringworm = false;
|
|
@@ -11605,7 +11605,7 @@ let AuroLoader$2 = class AuroLoader extends LitElement {
|
|
|
11605
11605
|
*
|
|
11606
11606
|
*/
|
|
11607
11607
|
static register(name = "auro-loader") {
|
|
11608
|
-
AuroLibraryRuntimeUtils$
|
|
11608
|
+
AuroLibraryRuntimeUtils$2$2.prototype.registerComponent(name, AuroLoader);
|
|
11609
11609
|
}
|
|
11610
11610
|
|
|
11611
11611
|
firstUpdated() {
|
|
@@ -11885,7 +11885,7 @@ let AuroButton$2 = class AuroButton extends AuroElement$1$3 {
|
|
|
11885
11885
|
*
|
|
11886
11886
|
*/
|
|
11887
11887
|
static register(name = "auro-button") {
|
|
11888
|
-
AuroLibraryRuntimeUtils$
|
|
11888
|
+
AuroLibraryRuntimeUtils$3$1.prototype.registerComponent(name, AuroButton);
|
|
11889
11889
|
}
|
|
11890
11890
|
|
|
11891
11891
|
/**
|
|
@@ -12222,7 +12222,7 @@ var colorCss$8 = css`:host{color:var(--ds-auro-icon-color)}:host([customColor]){
|
|
|
12222
12222
|
|
|
12223
12223
|
/* eslint-disable line-comment-position, no-inline-comments, no-confusing-arrow, no-nested-ternary, implicit-arrow-linebreak */
|
|
12224
12224
|
|
|
12225
|
-
let AuroLibraryRuntimeUtils$
|
|
12225
|
+
let AuroLibraryRuntimeUtils$1$3 = class AuroLibraryRuntimeUtils {
|
|
12226
12226
|
|
|
12227
12227
|
/* eslint-disable jsdoc/require-param */
|
|
12228
12228
|
|
|
@@ -12304,7 +12304,7 @@ let AuroIcon$3 = class AuroIcon extends BaseIcon$3 {
|
|
|
12304
12304
|
*/
|
|
12305
12305
|
privateDefaults() {
|
|
12306
12306
|
this.uri = 'https://cdn.jsdelivr.net/npm/@alaskaairux/icons@latest/dist';
|
|
12307
|
-
this.runtimeUtils = new AuroLibraryRuntimeUtils$
|
|
12307
|
+
this.runtimeUtils = new AuroLibraryRuntimeUtils$1$3();
|
|
12308
12308
|
}
|
|
12309
12309
|
|
|
12310
12310
|
// function to define props used within the scope of this component
|
|
@@ -12386,7 +12386,7 @@ let AuroIcon$3 = class AuroIcon extends BaseIcon$3 {
|
|
|
12386
12386
|
*
|
|
12387
12387
|
*/
|
|
12388
12388
|
static register(name = "auro-icon") {
|
|
12389
|
-
AuroLibraryRuntimeUtils$
|
|
12389
|
+
AuroLibraryRuntimeUtils$1$3.prototype.registerComponent(name, AuroIcon);
|
|
12390
12390
|
}
|
|
12391
12391
|
|
|
12392
12392
|
connectedCallback() {
|
|
@@ -12456,9 +12456,79 @@ let AuroIcon$3 = class AuroIcon extends BaseIcon$3 {
|
|
|
12456
12456
|
}
|
|
12457
12457
|
};
|
|
12458
12458
|
|
|
12459
|
-
var iconVersion$3 = '8.
|
|
12459
|
+
var iconVersion$3 = '8.0.4';
|
|
12460
|
+
|
|
12461
|
+
// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
|
|
12462
|
+
// See LICENSE in the project root for license information.
|
|
12463
|
+
|
|
12464
|
+
// ---------------------------------------------------------------------
|
|
12465
|
+
|
|
12466
|
+
/* eslint-disable line-comment-position, no-inline-comments, no-confusing-arrow, no-nested-ternary, implicit-arrow-linebreak */
|
|
12467
|
+
|
|
12468
|
+
let AuroLibraryRuntimeUtils$7 = class AuroLibraryRuntimeUtils {
|
|
12469
|
+
|
|
12470
|
+
/* eslint-disable jsdoc/require-param */
|
|
12471
|
+
|
|
12472
|
+
/**
|
|
12473
|
+
* This will register a new custom element with the browser.
|
|
12474
|
+
* @param {String} name - The name of the custom element.
|
|
12475
|
+
* @param {Object} componentClass - The class to register as a custom element.
|
|
12476
|
+
* @returns {void}
|
|
12477
|
+
*/
|
|
12478
|
+
registerComponent(name, componentClass) {
|
|
12479
|
+
if (!customElements.get(name)) {
|
|
12480
|
+
customElements.define(name, class extends componentClass {});
|
|
12481
|
+
}
|
|
12482
|
+
}
|
|
12460
12483
|
|
|
12461
|
-
var styleCss$9 = css`.body-default{font-size:var(--wcss-body-default-font-size, 1rem);line-height:var(--wcss-body-default-line-height, 1.5)}.body-default,.body-lg{font-family:var(--wcss-body-family, "AS Circular", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-lg{font-size:var(--wcss-body-lg-font-size, 1.125rem);line-height:var(--wcss-body-lg-line-height, 1.63)}.body-sm{font-size:var(--wcss-body-sm-font-size, 0.875rem);line-height:var(--wcss-body-sm-line-height, 1.25)}.body-sm,.body-xs{font-family:var(--wcss-body-family, "AS Circular", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-xs{font-size:var(--wcss-body-xs-font-size, 0.75rem);line-height:var(--wcss-body-xs-line-height, 1)}.body-2xs{font-family:var(--wcss-body-family, "AS Circular", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-body-2xs-font-size, 0.625rem);font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0);line-height:var(--wcss-body-2xs-line-height, 0.88)}.display-2xl{font-family:var(--wcss-display-2xl-family, "AS Circular", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-2xl-font-size, clamp(3.5rem, 6vw, 5.375rem));font-weight:var(--wcss-display-2xl-weight, 300);letter-spacing:var(--wcss-display-2xl-letter-spacing, 0);line-height:var(--wcss-display-2xl-line-height, 1.3)}.display-xl{font-family:var(--wcss-display-xl-family, "AS Circular", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xl-font-size, clamp(3rem, 5.3333333333vw, 4.5rem));font-weight:var(--wcss-display-xl-weight, 300);letter-spacing:var(--wcss-display-xl-letter-spacing, 0);line-height:var(--wcss-display-xl-line-height, 1.3)}.display-lg{font-family:var(--wcss-display-lg-family, "AS Circular", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-lg-font-size, clamp(2.75rem, 4.6666666667vw, 4rem));font-weight:var(--wcss-display-lg-weight, 300);letter-spacing:var(--wcss-display-lg-letter-spacing, 0);line-height:var(--wcss-display-lg-line-height, 1.3)}.display-md{font-family:var(--wcss-display-md-family, "AS Circular", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-md-font-size, clamp(2.5rem, 4vw, 3.5rem));font-weight:var(--wcss-display-md-weight, 300);letter-spacing:var(--wcss-display-md-letter-spacing, 0);line-height:var(--wcss-display-md-line-height, 1.3)}.display-sm{font-family:var(--wcss-display-sm-family, "AS Circular", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-sm-font-size, clamp(2rem, 3.6666666667vw, 3rem));font-weight:var(--wcss-display-sm-weight, 300);letter-spacing:var(--wcss-display-sm-letter-spacing, 0);line-height:var(--wcss-display-sm-line-height, 1.3)}.display-xs{font-family:var(--wcss-display-xs-family, "AS Circular", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xs-font-size, clamp(1.75rem, 3vw, 2.375rem));font-weight:var(--wcss-display-xs-weight, 300);letter-spacing:var(--wcss-display-xs-letter-spacing, 0);line-height:var(--wcss-display-xs-line-height, 1.3)}.heading-xl{font-family:var(--wcss-heading-xl-family, "AS Circular", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xl-font-size, clamp(2rem, 3vw, 2.5rem));font-weight:var(--wcss-heading-xl-weight, 300);letter-spacing:var(--wcss-heading-xl-letter-spacing, 0);line-height:var(--wcss-heading-xl-line-height, 1.3)}.heading-lg{font-family:var(--wcss-heading-lg-family, "AS Circular", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-lg-font-size, clamp(1.75rem, 2.6666666667vw, 2.25rem));font-weight:var(--wcss-heading-lg-weight, 300);letter-spacing:var(--wcss-heading-lg-letter-spacing, 0);line-height:var(--wcss-heading-lg-line-height, 1.3)}.heading-md{font-family:var(--wcss-heading-md-family, "AS Circular", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-md-font-size, clamp(1.625rem, 2.3333333333vw, 1.75rem));font-weight:var(--wcss-heading-md-weight, 300);letter-spacing:var(--wcss-heading-md-letter-spacing, 0);line-height:var(--wcss-heading-md-line-height, 1.3)}.heading-sm{font-family:var(--wcss-heading-sm-family, "AS Circular", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-sm-font-size, clamp(1.375rem, 2vw, 1.5rem));font-weight:var(--wcss-heading-sm-weight, 300);letter-spacing:var(--wcss-heading-sm-letter-spacing, 0);line-height:var(--wcss-heading-sm-line-height, 1.3)}.heading-xs{font-family:var(--wcss-heading-xs-family, "AS Circular", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xs-font-size, clamp(1.25rem, 1.6666666667vw, 1.25rem));font-weight:var(--wcss-heading-xs-weight, 450);letter-spacing:var(--wcss-heading-xs-letter-spacing, 0);line-height:var(--wcss-heading-xs-line-height, 1.3)}.heading-2xs{font-family:var(--wcss-heading-2xs-family, "AS Circular", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-2xs-font-size, clamp(1.125rem, 1.5vw, 1.125rem));font-weight:var(--wcss-heading-2xs-weight, 450);letter-spacing:var(--wcss-heading-2xs-letter-spacing, 0);line-height:var(--wcss-heading-2xs-line-height, 1.3)}.accent-2xl{font-family:var(--wcss-accent-2xl-family, "Good OT", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xl-font-size, clamp(2rem, 3.1666666667vw, 2.375rem));font-weight:var(--wcss-accent-2xl-weight, 450);letter-spacing:var(--wcss-accent-2xl-letter-spacing, 0.05em);line-height:var(--wcss-accent-2xl-line-height, 1)}.accent-xl{font-family:var(--wcss-accent-xl-family, "Good OT", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xl-font-size, clamp(1.625rem, 2.3333333333vw, 2rem));font-weight:var(--wcss-accent-xl-weight, 450);letter-spacing:var(--wcss-accent-xl-letter-spacing, 0.05em);line-height:var(--wcss-accent-xl-line-height, 1.3)}.accent-lg{font-family:var(--wcss-accent-lg-family, "Good OT", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-lg-font-size, clamp(1.5rem, 2.1666666667vw, 1.75rem));font-weight:var(--wcss-accent-lg-weight, 450);letter-spacing:var(--wcss-accent-lg-letter-spacing, 0.05em);line-height:var(--wcss-accent-lg-line-height, 1.3)}.accent-md{font-family:var(--wcss-accent-md-family, "Good OT", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-md-font-size, clamp(1.375rem, 1.8333333333vw, 1.5rem));font-weight:var(--wcss-accent-md-weight, 500);letter-spacing:var(--wcss-accent-md-letter-spacing, 0.05em);line-height:var(--wcss-accent-md-line-height, 1.3)}.accent-sm{font-family:var(--wcss-accent-sm-family, "Good OT", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-sm-font-size, clamp(1.125rem, 1.5vw, 1.25rem));font-weight:var(--wcss-accent-sm-weight, 500);letter-spacing:var(--wcss-accent-sm-letter-spacing, 0.05em);line-height:var(--wcss-accent-sm-line-height, 1.3)}.accent-xs{font-family:var(--wcss-accent-xs-family, "Good OT", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xs-font-size, clamp(1rem, 1.3333333333vw, 1rem));font-weight:var(--wcss-accent-xs-weight, 500);letter-spacing:var(--wcss-accent-xs-letter-spacing, 0.1em);line-height:var(--wcss-accent-xs-line-height, 1.3)}.accent-2xs{font-family:var(--wcss-accent-2xs-family, "Good OT", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xs-font-size, clamp(0.875rem, 1.1666666667vw, 0.875rem));font-weight:var(--wcss-accent-2xs-weight, 450);letter-spacing:var(--wcss-accent-2xs-letter-spacing, 0.1em);line-height:var(--wcss-accent-2xs-line-height, 1.3)}: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)}`;
|
|
12484
|
+
/**
|
|
12485
|
+
* Finds and returns the closest HTML Element based on a selector.
|
|
12486
|
+
* @returns {void}
|
|
12487
|
+
*/
|
|
12488
|
+
closestElement(
|
|
12489
|
+
selector, // selector like in .closest()
|
|
12490
|
+
base = this, // extra functionality to skip a parent
|
|
12491
|
+
__Closest = (el, found = el && el.closest(selector)) =>
|
|
12492
|
+
!el || el === document || el === window
|
|
12493
|
+
? null // standard .closest() returns null for non-found selectors also
|
|
12494
|
+
: found
|
|
12495
|
+
? found // found a selector INside this element
|
|
12496
|
+
: __Closest(el.getRootNode().host) // recursion!! break out to parent DOM
|
|
12497
|
+
) {
|
|
12498
|
+
return __Closest(base);
|
|
12499
|
+
}
|
|
12500
|
+
/* eslint-enable jsdoc/require-param */
|
|
12501
|
+
|
|
12502
|
+
/**
|
|
12503
|
+
* 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.
|
|
12504
|
+
* @param {Object} elem - The element to check.
|
|
12505
|
+
* @param {String} tagName - The name of the Auro component to check for or add as an attribute.
|
|
12506
|
+
* @returns {void}
|
|
12507
|
+
*/
|
|
12508
|
+
handleComponentTagRename(elem, tagName) {
|
|
12509
|
+
const tag = tagName.toLowerCase();
|
|
12510
|
+
const elemTag = elem.tagName.toLowerCase();
|
|
12511
|
+
|
|
12512
|
+
if (elemTag !== tag) {
|
|
12513
|
+
elem.setAttribute(tag, true);
|
|
12514
|
+
}
|
|
12515
|
+
}
|
|
12516
|
+
|
|
12517
|
+
/**
|
|
12518
|
+
* Validates if an element is a specific Auro component.
|
|
12519
|
+
* @param {Object} elem - The element to validate.
|
|
12520
|
+
* @param {String} tagName - The name of the Auro component to check against.
|
|
12521
|
+
* @returns {Boolean} - Returns true if the element is the specified Auro component.
|
|
12522
|
+
*/
|
|
12523
|
+
elementMatch(elem, tagName) {
|
|
12524
|
+
const tag = tagName.toLowerCase();
|
|
12525
|
+
const elemTag = elem.tagName.toLowerCase();
|
|
12526
|
+
|
|
12527
|
+
return elemTag === tag || elem.hasAttribute(tag);
|
|
12528
|
+
}
|
|
12529
|
+
};
|
|
12530
|
+
|
|
12531
|
+
var styleCss$9 = 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)}`;
|
|
12462
12532
|
|
|
12463
12533
|
// Copyright (c) 2020 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
12464
12534
|
// See LICENSE in the project root for license information.
|
|
@@ -12468,12 +12538,13 @@ var styleCss$9 = css`.body-default{font-size:var(--wcss-body-default-font-size,
|
|
|
12468
12538
|
* The auro-header component is a custom element to make using headers with the Auro Design System seamless and easy.
|
|
12469
12539
|
*
|
|
12470
12540
|
* @attr {Boolean} no-margin-block - if declared, margin-block will be set to `0`
|
|
12541
|
+
* @attr {String} level - Determines heading level for HTML element. Options are `1` - `6`
|
|
12542
|
+
* @attr {String} display - Determines presentation of header. Options are `display`, `800`, `700`, `600`, `500`, `400`, `300`.
|
|
12471
12543
|
* @attr {String} color - Allows user to pass in CSS custom property or direct hex value to change the color of the header
|
|
12472
|
-
* @attr {String} display - Determines the visual appearance of the header. Options are `display`, `800`, `700`, `600`, `500`, `400`, `300`.
|
|
12473
|
-
* @attr {String} level - Determines the semantic heading level of the HTML element. Options are `1` - `6`
|
|
12474
12544
|
* @attr {String} margin - Specify the margin(s) to be altered. Options are `top`, `bottom`, or `both`.
|
|
12475
12545
|
* @attr {String} size - Specify size of margin adjustment, either `none`, `25`, `50`, `100`, `150`, `200`, `300`, `400`, `600` or `800`.
|
|
12476
12546
|
*/
|
|
12547
|
+
|
|
12477
12548
|
/* eslint complexity: ["error", 21] */
|
|
12478
12549
|
|
|
12479
12550
|
// build the component class
|
|
@@ -12486,7 +12557,7 @@ class AuroHeader extends LitElement {
|
|
|
12486
12557
|
/**
|
|
12487
12558
|
* @private
|
|
12488
12559
|
*/
|
|
12489
|
-
this.runtimeUtils = new AuroLibraryRuntimeUtils$
|
|
12560
|
+
this.runtimeUtils = new AuroLibraryRuntimeUtils$7();
|
|
12490
12561
|
}
|
|
12491
12562
|
|
|
12492
12563
|
// function to define props used within the scope of this component
|
|
@@ -12507,22 +12578,6 @@ class AuroHeader extends LitElement {
|
|
|
12507
12578
|
return [styleCss$9];
|
|
12508
12579
|
}
|
|
12509
12580
|
|
|
12510
|
-
/**
|
|
12511
|
-
* Mapping of display values to their corresponding CSS classes
|
|
12512
|
-
* @private
|
|
12513
|
-
*/
|
|
12514
|
-
static get displayClassMap() {
|
|
12515
|
-
return {
|
|
12516
|
-
'display': 'heading-xl',
|
|
12517
|
-
'800': 'heading-xl',
|
|
12518
|
-
'700': 'heading-lg',
|
|
12519
|
-
'600': 'heading-md',
|
|
12520
|
-
'500': 'heading-sm',
|
|
12521
|
-
'400': 'heading-xs',
|
|
12522
|
-
'300': 'heading-2xs'
|
|
12523
|
-
};
|
|
12524
|
-
}
|
|
12525
|
-
|
|
12526
12581
|
/**
|
|
12527
12582
|
* This will register this element with the browser.
|
|
12528
12583
|
* @param {string} [name="auro-header"] - The name of element that you want to register to.
|
|
@@ -12532,7 +12587,7 @@ class AuroHeader extends LitElement {
|
|
|
12532
12587
|
*
|
|
12533
12588
|
*/
|
|
12534
12589
|
static register(name = "auro-header") {
|
|
12535
|
-
AuroLibraryRuntimeUtils$
|
|
12590
|
+
AuroLibraryRuntimeUtils$7.prototype.registerComponent(name, AuroHeader);
|
|
12536
12591
|
}
|
|
12537
12592
|
|
|
12538
12593
|
firstUpdated() {
|
|
@@ -12599,42 +12654,23 @@ class AuroHeader extends LitElement {
|
|
|
12599
12654
|
this.display = 'display';
|
|
12600
12655
|
}
|
|
12601
12656
|
|
|
12602
|
-
|
|
12603
|
-
|
|
12604
|
-
|
|
12605
|
-
|
|
12606
|
-
|
|
12607
|
-
|
|
12608
|
-
|
|
12609
|
-
'heading': true,
|
|
12610
|
-
[`heading--${this.display}`]: true,
|
|
12611
|
-
[headingClass]: true
|
|
12612
|
-
};
|
|
12613
|
-
|
|
12614
|
-
// Add spacing classes to the class object if they exist
|
|
12615
|
-
if (spacingClasses) {
|
|
12616
|
-
const spacingClassArray = spacingClasses.split(' ');
|
|
12617
|
-
spacingClassArray.forEach(cls => {
|
|
12618
|
-
if (cls.trim()) {
|
|
12619
|
-
classObject[cls.trim()] = true;
|
|
12620
|
-
}
|
|
12621
|
-
});
|
|
12657
|
+
switch (level) {
|
|
12658
|
+
case '2': return html`<h2 class="heading heading--${this.display} ${this.spacingDecision(this.size)}" style="color: ${ifDefined(this.color ? this.color : undefined)}"><slot></slot></h2>`;
|
|
12659
|
+
case '3': return html`<h3 class="heading heading--${this.display} ${this.spacingDecision(this.size)}" style="color: ${ifDefined(this.color ? this.color : undefined)}"><slot></slot></h3>`;
|
|
12660
|
+
case '4': return html`<h4 class="heading heading--${this.display} ${this.spacingDecision(this.size)}" style="color: ${ifDefined(this.color ? this.color : undefined)}"><slot></slot></h4>`;
|
|
12661
|
+
case '5': return html`<h5 class="heading heading--${this.display} ${this.spacingDecision(this.size)}" style="color: ${ifDefined(this.color ? this.color : undefined)}"><slot></slot></h5>`;
|
|
12662
|
+
case '6': return html`<h6 class="heading heading--${this.display} ${this.spacingDecision(this.size)}" style="color: ${ifDefined(this.color ? this.color : undefined)}"><slot></slot></h6>`;
|
|
12663
|
+
default: return html`<h1 class="heading heading--${this.display} ${this.spacingDecision(this.size)}" style="color: ${ifDefined(this.color ? this.color : undefined)}"><slot></slot></h1>`;
|
|
12622
12664
|
}
|
|
12623
|
-
|
|
12624
|
-
const headerClasses = classMap(classObject);
|
|
12625
|
-
|
|
12626
|
-
// unsafeStatic dynamically creates tag names at runtime
|
|
12627
|
-
const tag = unsafeStatic(`h${headingLevel}`);
|
|
12628
|
-
return html$1`<${tag} class="${headerClasses}" style="color: ${ifDefined(this.color ? this.color : undefined)}"><slot></slot></${tag}>`;
|
|
12629
12665
|
}
|
|
12630
|
-
|
|
12631
12666
|
// function that renders the HTML and CSS into the scope of the component
|
|
12667
|
+
|
|
12632
12668
|
render() {
|
|
12633
12669
|
return this.template(this.level);
|
|
12634
12670
|
}
|
|
12635
12671
|
}
|
|
12636
12672
|
|
|
12637
|
-
var headerVersion = '4.0.
|
|
12673
|
+
var headerVersion = '4.0.1';
|
|
12638
12674
|
|
|
12639
12675
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
12640
12676
|
// See LICENSE in the project root for license information.
|
|
@@ -12647,7 +12683,7 @@ class AuroBibtemplate extends LitElement {
|
|
|
12647
12683
|
|
|
12648
12684
|
this.large = false;
|
|
12649
12685
|
|
|
12650
|
-
AuroLibraryRuntimeUtils$
|
|
12686
|
+
AuroLibraryRuntimeUtils$3$1.prototype.handleComponentTagRename(this, 'auro-bibtemplate');
|
|
12651
12687
|
|
|
12652
12688
|
const versioning = new AuroDependencyVersioning$2();
|
|
12653
12689
|
|
|
@@ -12699,7 +12735,7 @@ class AuroBibtemplate extends LitElement {
|
|
|
12699
12735
|
*
|
|
12700
12736
|
*/
|
|
12701
12737
|
static register(name = "auro-bibtemplate") {
|
|
12702
|
-
AuroLibraryRuntimeUtils$
|
|
12738
|
+
AuroLibraryRuntimeUtils$3$1.prototype.registerComponent(name, AuroBibtemplate);
|
|
12703
12739
|
}
|
|
12704
12740
|
|
|
12705
12741
|
/**
|
|
@@ -12757,9 +12793,8 @@ class AuroBibtemplate extends LitElement {
|
|
|
12757
12793
|
<div id="bibTemplate" part="bibtemplate">
|
|
12758
12794
|
${this.isFullscreen ? html$1`
|
|
12759
12795
|
<div id="headerContainer">
|
|
12760
|
-
<${this.buttonTag} id="closeButton" variant="ghost" shape="circle" size="sm" @click="${this.onCloseButtonClick}">
|
|
12761
|
-
|
|
12762
|
-
<${this.iconTag} aria-hidden="true" category="interface" name="x-lg"></${this.iconTag}>
|
|
12796
|
+
<${this.buttonTag} id="closeButton" aria-label="Close" variant="ghost" shape="circle" size="sm" @click="${this.onCloseButtonClick}">
|
|
12797
|
+
<${this.iconTag} category="interface" name="x-lg"></${this.iconTag}>
|
|
12763
12798
|
</${this.buttonTag}>
|
|
12764
12799
|
<${this.headerTag} display="${this.large ? 'display' : '600'}" level="3" size="none" id="header" no-margin-block>
|
|
12765
12800
|
<slot name="header"></slot>
|
|
@@ -14194,7 +14229,6 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
14194
14229
|
?large="${this.largeFullscreenHeadline}"
|
|
14195
14230
|
?isFullscreen="${this.isFullscreen}"
|
|
14196
14231
|
@close-click="${this.utilCal.requestDismiss}">
|
|
14197
|
-
<span slot="ariaLabel.close">${this.slots["ariaLabel.close"]}</span>
|
|
14198
14232
|
|
|
14199
14233
|
<span slot="header">${this.slots["bib.fullscreen.headline"]}</span>
|
|
14200
14234
|
|
|
@@ -23592,9 +23626,6 @@ let AuroElement$2 = class AuroElement extends LitElement {
|
|
|
23592
23626
|
* @prop {string} id - The id global attribute defines an identifier (ID) which must be unique in the whole document.
|
|
23593
23627
|
* @attr id
|
|
23594
23628
|
*
|
|
23595
|
-
* @slot ariaLabel.clear - Sets aria-label on clear button for screenreader to read
|
|
23596
|
-
* @slot ariaLabel.password.show - Sets aria-label on password button to toggle on showing password
|
|
23597
|
-
* @slot ariaLabel.password.hide - Sets aria-label on password button to toggle off showing password
|
|
23598
23629
|
* @slot helpText - Sets the help text displayed below the input.
|
|
23599
23630
|
* @slot label - Sets the label text for the input.
|
|
23600
23631
|
* @slot {HTMLSlotElement} optionalLabel - Allows overriding the optional display text "(optional)", which appears next to the label.
|
|
@@ -26660,13 +26691,12 @@ class AuroInput extends BaseInput {
|
|
|
26660
26691
|
<${this.buttonTag}
|
|
26661
26692
|
@click="${this.handleClickClear}"
|
|
26662
26693
|
?onDark="${this.onDark}"
|
|
26694
|
+
aria-label="${i18n$1(this.lang, 'clearInput')}"
|
|
26663
26695
|
class="notificationBtn clearBtn"
|
|
26664
26696
|
shape="circle"
|
|
26665
26697
|
size="sm"
|
|
26666
26698
|
variant="ghost">
|
|
26667
|
-
<span><slot name="ariaLabel.clear">Clear Input</slot></span>
|
|
26668
26699
|
<${this.iconTag}
|
|
26669
|
-
aria-hidden="true"
|
|
26670
26700
|
?customColor="${this.onDark}"
|
|
26671
26701
|
category="interface"
|
|
26672
26702
|
name="x-lg"
|
|
@@ -26689,23 +26719,18 @@ class AuroInput extends BaseInput {
|
|
|
26689
26719
|
@click="${this.handleClickShowPassword}"
|
|
26690
26720
|
?onDark="${this.onDark}"
|
|
26691
26721
|
class="notificationBtn passwordBtn"
|
|
26722
|
+
aria-label="${this.showPassword ? i18n$1(this.lang, "hidePassword") : i18n$1(this.lang, "showPassword")}"
|
|
26692
26723
|
shape="circle"
|
|
26693
26724
|
size="sm"
|
|
26694
26725
|
variant="ghost">
|
|
26695
|
-
<span>
|
|
26696
|
-
${this.showPassword ? html$1`<slot name="ariaLabel.password.hide">Hide Password</slot>`
|
|
26697
|
-
: html$1`<slot name="ariaLabel.password.show">Show Password</slot>`}
|
|
26698
|
-
</span>
|
|
26699
26726
|
<${this.iconTag}
|
|
26700
26727
|
?customColor="${this.onDark}"
|
|
26701
|
-
aria-hidden="true"
|
|
26702
26728
|
?hidden=${!this.showPassword}
|
|
26703
26729
|
category="interface"
|
|
26704
26730
|
name="hide-password-stroke">
|
|
26705
26731
|
</${this.iconTag}>
|
|
26706
26732
|
<${this.iconTag}
|
|
26707
26733
|
?customColor="${this.onDark}"
|
|
26708
|
-
aria-hidden="true"
|
|
26709
26734
|
?hidden=${this.showPassword}
|
|
26710
26735
|
category="interface"
|
|
26711
26736
|
name="view-password-stroke">
|
|
@@ -27731,7 +27756,6 @@ var iconVersion = '8.0.1';
|
|
|
27731
27756
|
// See https://git.io/JJ6SJ for "How to document your components using JSDoc"
|
|
27732
27757
|
/**
|
|
27733
27758
|
* @slot helpText - Defines the content of the helpText.
|
|
27734
|
-
* @slot ariaLabel.close - Sets aria-label on close button in fullscreen bib
|
|
27735
27759
|
* @slot bib.fullscreen.headline - Defines the headline to display above bib.fullscreen.dateLabels in the mobile layout.
|
|
27736
27760
|
* @slot bib.fullscreen.dateLabel - Defines the content to display above selected dates in the mobile layout.
|
|
27737
27761
|
* @slot toLabel - Defines the label content for the second input when the `range` attribute is used.
|
|
@@ -29271,7 +29295,6 @@ class AuroDatePicker extends AuroElement$1 {
|
|
|
29271
29295
|
.monthNames="${this.monthNames}"
|
|
29272
29296
|
part="calendar"
|
|
29273
29297
|
>
|
|
29274
|
-
<slot name="ariaLabel.close" slot="ariaLabel.close" @slotchange="${this.handleSlotToSlot}">Close</slot>
|
|
29275
29298
|
<slot slot="bib.fullscreen.headline" name="bib.fullscreen.headline" @slotchange="${this.handleSlotToSlot}"></slot>
|
|
29276
29299
|
<slot slot="bib.fullscreen.dateLabel" name="bib.fullscreen.dateLabel" @slotchange="${this.handleSlotToSlot}"></slot>
|
|
29277
29300
|
<span slot="bib.fullscreen.fromStr">${this.value || html$1`<span class="placeholderDate">${this.format.toUpperCase()}</span>`}</span>
|