@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
|
@@ -521,7 +521,7 @@ let AuroDependencyVersioning$2 = class AuroDependencyVersioning {
|
|
|
521
521
|
|
|
522
522
|
/* eslint-disable line-comment-position, no-inline-comments, no-confusing-arrow, no-nested-ternary, implicit-arrow-linebreak */
|
|
523
523
|
|
|
524
|
-
let AuroLibraryRuntimeUtils$
|
|
524
|
+
let AuroLibraryRuntimeUtils$8 = class AuroLibraryRuntimeUtils {
|
|
525
525
|
|
|
526
526
|
/* eslint-disable jsdoc/require-param */
|
|
527
527
|
|
|
@@ -599,7 +599,7 @@ var shapeSize$1 = css`.shape-rounded-xl{min-height:68px;max-height:68px;border-s
|
|
|
599
599
|
|
|
600
600
|
/* eslint-disable line-comment-position, no-inline-comments, no-confusing-arrow, no-nested-ternary, implicit-arrow-linebreak */
|
|
601
601
|
|
|
602
|
-
let AuroLibraryRuntimeUtils$
|
|
602
|
+
let AuroLibraryRuntimeUtils$7 = class AuroLibraryRuntimeUtils {
|
|
603
603
|
|
|
604
604
|
/* eslint-disable jsdoc/require-param */
|
|
605
605
|
|
|
@@ -694,7 +694,7 @@ let AuroLoader$1 = class AuroLoader extends LitElement {
|
|
|
694
694
|
/**
|
|
695
695
|
* @private
|
|
696
696
|
*/
|
|
697
|
-
this.runtimeUtils = new AuroLibraryRuntimeUtils$
|
|
697
|
+
this.runtimeUtils = new AuroLibraryRuntimeUtils$7();
|
|
698
698
|
|
|
699
699
|
this.orbit = false;
|
|
700
700
|
this.ringworm = false;
|
|
@@ -757,7 +757,7 @@ let AuroLoader$1 = class AuroLoader extends LitElement {
|
|
|
757
757
|
*
|
|
758
758
|
*/
|
|
759
759
|
static register(name = "auro-loader") {
|
|
760
|
-
AuroLibraryRuntimeUtils$
|
|
760
|
+
AuroLibraryRuntimeUtils$7.prototype.registerComponent(name, AuroLoader);
|
|
761
761
|
}
|
|
762
762
|
|
|
763
763
|
firstUpdated() {
|
|
@@ -1037,7 +1037,7 @@ let AuroButton$1 = class AuroButton extends AuroElement$5 {
|
|
|
1037
1037
|
*
|
|
1038
1038
|
*/
|
|
1039
1039
|
static register(name = "auro-button") {
|
|
1040
|
-
AuroLibraryRuntimeUtils$
|
|
1040
|
+
AuroLibraryRuntimeUtils$8.prototype.registerComponent(name, AuroButton);
|
|
1041
1041
|
}
|
|
1042
1042
|
|
|
1043
1043
|
/**
|
|
@@ -1242,7 +1242,7 @@ class AuroCounterButton extends AuroButton$1 {
|
|
|
1242
1242
|
*
|
|
1243
1243
|
*/
|
|
1244
1244
|
static register(name = "auro-counter-button") {
|
|
1245
|
-
AuroLibraryRuntimeUtils$
|
|
1245
|
+
AuroLibraryRuntimeUtils$8.prototype.registerComponent(name, AuroCounterButton);
|
|
1246
1246
|
}
|
|
1247
1247
|
}
|
|
1248
1248
|
|
|
@@ -1413,7 +1413,7 @@ var colorCss$8 = css`:host{color:var(--ds-auro-icon-color)}:host([customColor]){
|
|
|
1413
1413
|
|
|
1414
1414
|
/* eslint-disable line-comment-position, no-inline-comments, no-confusing-arrow, no-nested-ternary, implicit-arrow-linebreak */
|
|
1415
1415
|
|
|
1416
|
-
let AuroLibraryRuntimeUtils$
|
|
1416
|
+
let AuroLibraryRuntimeUtils$6 = class AuroLibraryRuntimeUtils {
|
|
1417
1417
|
|
|
1418
1418
|
/* eslint-disable jsdoc/require-param */
|
|
1419
1419
|
|
|
@@ -1495,7 +1495,7 @@ let AuroIcon$2 = class AuroIcon extends BaseIcon$2 {
|
|
|
1495
1495
|
*/
|
|
1496
1496
|
privateDefaults() {
|
|
1497
1497
|
this.uri = 'https://cdn.jsdelivr.net/npm/@alaskaairux/icons@latest/dist';
|
|
1498
|
-
this.runtimeUtils = new AuroLibraryRuntimeUtils$
|
|
1498
|
+
this.runtimeUtils = new AuroLibraryRuntimeUtils$6();
|
|
1499
1499
|
}
|
|
1500
1500
|
|
|
1501
1501
|
// function to define props used within the scope of this component
|
|
@@ -1577,7 +1577,7 @@ let AuroIcon$2 = class AuroIcon extends BaseIcon$2 {
|
|
|
1577
1577
|
*
|
|
1578
1578
|
*/
|
|
1579
1579
|
static register(name = "auro-icon") {
|
|
1580
|
-
AuroLibraryRuntimeUtils$
|
|
1580
|
+
AuroLibraryRuntimeUtils$6.prototype.registerComponent(name, AuroIcon);
|
|
1581
1581
|
}
|
|
1582
1582
|
|
|
1583
1583
|
connectedCallback() {
|
|
@@ -1647,7 +1647,7 @@ let AuroIcon$2 = class AuroIcon extends BaseIcon$2 {
|
|
|
1647
1647
|
}
|
|
1648
1648
|
};
|
|
1649
1649
|
|
|
1650
|
-
var iconVersion$2 = '8.
|
|
1650
|
+
var iconVersion$2 = '8.0.4';
|
|
1651
1651
|
|
|
1652
1652
|
class DateFormatter {
|
|
1653
1653
|
|
|
@@ -2065,7 +2065,7 @@ const {
|
|
|
2065
2065
|
class AuroFormValidation {
|
|
2066
2066
|
|
|
2067
2067
|
constructor() {
|
|
2068
|
-
this.runtimeUtils = new AuroLibraryRuntimeUtils$
|
|
2068
|
+
this.runtimeUtils = new AuroLibraryRuntimeUtils$8();
|
|
2069
2069
|
}
|
|
2070
2070
|
|
|
2071
2071
|
/**
|
|
@@ -2481,7 +2481,7 @@ var tokensCss$4 = css`:host{--ds-auro-helptext-color: var(--ds-basic-color-texti
|
|
|
2481
2481
|
|
|
2482
2482
|
/* eslint-disable line-comment-position, no-inline-comments, no-confusing-arrow, no-nested-ternary, implicit-arrow-linebreak */
|
|
2483
2483
|
|
|
2484
|
-
let AuroLibraryRuntimeUtils$
|
|
2484
|
+
let AuroLibraryRuntimeUtils$5 = class AuroLibraryRuntimeUtils {
|
|
2485
2485
|
|
|
2486
2486
|
/* eslint-disable jsdoc/require-param */
|
|
2487
2487
|
|
|
@@ -2562,7 +2562,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
|
|
|
2562
2562
|
this.onDark = false;
|
|
2563
2563
|
this.hasTextContent = false;
|
|
2564
2564
|
|
|
2565
|
-
AuroLibraryRuntimeUtils$
|
|
2565
|
+
AuroLibraryRuntimeUtils$5.prototype.handleComponentTagRename(this, 'auro-helptext');
|
|
2566
2566
|
}
|
|
2567
2567
|
|
|
2568
2568
|
static get styles() {
|
|
@@ -2618,7 +2618,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
|
|
|
2618
2618
|
*
|
|
2619
2619
|
*/
|
|
2620
2620
|
static register(name = "auro-helptext") {
|
|
2621
|
-
AuroLibraryRuntimeUtils$
|
|
2621
|
+
AuroLibraryRuntimeUtils$5.prototype.registerComponent(name, AuroHelpText);
|
|
2622
2622
|
}
|
|
2623
2623
|
|
|
2624
2624
|
updated() {
|
|
@@ -2846,7 +2846,7 @@ class AuroCounter extends LitElement {
|
|
|
2846
2846
|
* AuroCounter.register("custom-counter") // registers <custom-counter/>
|
|
2847
2847
|
*/
|
|
2848
2848
|
static register(name = "auro-counter") {
|
|
2849
|
-
AuroLibraryRuntimeUtils$
|
|
2849
|
+
AuroLibraryRuntimeUtils$8.prototype.registerComponent(name, AuroCounter);
|
|
2850
2850
|
}
|
|
2851
2851
|
|
|
2852
2852
|
static get styles() {
|
|
@@ -6243,7 +6243,7 @@ var tokensCss$3 = css`:host{--ds-auro-helptext-color: var(--ds-basic-color-texti
|
|
|
6243
6243
|
|
|
6244
6244
|
/* eslint-disable line-comment-position, no-inline-comments, no-confusing-arrow, no-nested-ternary, implicit-arrow-linebreak */
|
|
6245
6245
|
|
|
6246
|
-
let AuroLibraryRuntimeUtils$
|
|
6246
|
+
let AuroLibraryRuntimeUtils$4 = class AuroLibraryRuntimeUtils {
|
|
6247
6247
|
|
|
6248
6248
|
/* eslint-disable jsdoc/require-param */
|
|
6249
6249
|
|
|
@@ -6324,7 +6324,7 @@ class AuroHelpText extends LitElement {
|
|
|
6324
6324
|
this.onDark = false;
|
|
6325
6325
|
this.hasTextContent = false;
|
|
6326
6326
|
|
|
6327
|
-
AuroLibraryRuntimeUtils$
|
|
6327
|
+
AuroLibraryRuntimeUtils$4.prototype.handleComponentTagRename(this, 'auro-helptext');
|
|
6328
6328
|
}
|
|
6329
6329
|
|
|
6330
6330
|
static get styles() {
|
|
@@ -6380,7 +6380,7 @@ class AuroHelpText extends LitElement {
|
|
|
6380
6380
|
*
|
|
6381
6381
|
*/
|
|
6382
6382
|
static register(name = "auro-helptext") {
|
|
6383
|
-
AuroLibraryRuntimeUtils$
|
|
6383
|
+
AuroLibraryRuntimeUtils$4.prototype.registerComponent(name, AuroHelpText);
|
|
6384
6384
|
}
|
|
6385
6385
|
|
|
6386
6386
|
updated() {
|
|
@@ -7497,7 +7497,7 @@ var tokenCss = css`:host{--ds-auro-dropdownbib-header-boxshadow-color: var(--ds-
|
|
|
7497
7497
|
|
|
7498
7498
|
/* eslint-disable line-comment-position, no-inline-comments, no-confusing-arrow, no-nested-ternary, implicit-arrow-linebreak */
|
|
7499
7499
|
|
|
7500
|
-
let AuroLibraryRuntimeUtils$
|
|
7500
|
+
let AuroLibraryRuntimeUtils$3 = class AuroLibraryRuntimeUtils {
|
|
7501
7501
|
|
|
7502
7502
|
/* eslint-disable jsdoc/require-param */
|
|
7503
7503
|
|
|
@@ -8080,7 +8080,7 @@ var shapeSize = css`.shape-rounded-xl{min-height:68px;max-height:68px;border-sty
|
|
|
8080
8080
|
|
|
8081
8081
|
/* eslint-disable line-comment-position, no-inline-comments, no-confusing-arrow, no-nested-ternary, implicit-arrow-linebreak */
|
|
8082
8082
|
|
|
8083
|
-
let AuroLibraryRuntimeUtils$
|
|
8083
|
+
let AuroLibraryRuntimeUtils$2 = class AuroLibraryRuntimeUtils {
|
|
8084
8084
|
|
|
8085
8085
|
/* eslint-disable jsdoc/require-param */
|
|
8086
8086
|
|
|
@@ -8175,7 +8175,7 @@ class AuroLoader extends LitElement {
|
|
|
8175
8175
|
/**
|
|
8176
8176
|
* @private
|
|
8177
8177
|
*/
|
|
8178
|
-
this.runtimeUtils = new AuroLibraryRuntimeUtils$
|
|
8178
|
+
this.runtimeUtils = new AuroLibraryRuntimeUtils$2();
|
|
8179
8179
|
|
|
8180
8180
|
this.orbit = false;
|
|
8181
8181
|
this.ringworm = false;
|
|
@@ -8238,7 +8238,7 @@ class AuroLoader extends LitElement {
|
|
|
8238
8238
|
*
|
|
8239
8239
|
*/
|
|
8240
8240
|
static register(name = "auro-loader") {
|
|
8241
|
-
AuroLibraryRuntimeUtils$
|
|
8241
|
+
AuroLibraryRuntimeUtils$2.prototype.registerComponent(name, AuroLoader);
|
|
8242
8242
|
}
|
|
8243
8243
|
|
|
8244
8244
|
firstUpdated() {
|
|
@@ -8518,7 +8518,7 @@ class AuroButton extends AuroElement$1 {
|
|
|
8518
8518
|
*
|
|
8519
8519
|
*/
|
|
8520
8520
|
static register(name = "auro-button") {
|
|
8521
|
-
AuroLibraryRuntimeUtils$
|
|
8521
|
+
AuroLibraryRuntimeUtils$3.prototype.registerComponent(name, AuroButton);
|
|
8522
8522
|
}
|
|
8523
8523
|
|
|
8524
8524
|
/**
|
|
@@ -8855,7 +8855,7 @@ var colorCss$4 = css`:host{color:var(--ds-auro-icon-color)}:host([customColor]){
|
|
|
8855
8855
|
|
|
8856
8856
|
/* eslint-disable line-comment-position, no-inline-comments, no-confusing-arrow, no-nested-ternary, implicit-arrow-linebreak */
|
|
8857
8857
|
|
|
8858
|
-
class AuroLibraryRuntimeUtils {
|
|
8858
|
+
let AuroLibraryRuntimeUtils$1 = class AuroLibraryRuntimeUtils {
|
|
8859
8859
|
|
|
8860
8860
|
/* eslint-disable jsdoc/require-param */
|
|
8861
8861
|
|
|
@@ -8916,7 +8916,7 @@ class AuroLibraryRuntimeUtils {
|
|
|
8916
8916
|
|
|
8917
8917
|
return elemTag === tag || elem.hasAttribute(tag);
|
|
8918
8918
|
}
|
|
8919
|
-
}
|
|
8919
|
+
};
|
|
8920
8920
|
|
|
8921
8921
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
8922
8922
|
// See LICENSE in the project root for license information.
|
|
@@ -8937,7 +8937,7 @@ class AuroIcon extends BaseIcon {
|
|
|
8937
8937
|
*/
|
|
8938
8938
|
privateDefaults() {
|
|
8939
8939
|
this.uri = 'https://cdn.jsdelivr.net/npm/@alaskaairux/icons@latest/dist';
|
|
8940
|
-
this.runtimeUtils = new AuroLibraryRuntimeUtils();
|
|
8940
|
+
this.runtimeUtils = new AuroLibraryRuntimeUtils$1();
|
|
8941
8941
|
}
|
|
8942
8942
|
|
|
8943
8943
|
// function to define props used within the scope of this component
|
|
@@ -9019,7 +9019,7 @@ class AuroIcon extends BaseIcon {
|
|
|
9019
9019
|
*
|
|
9020
9020
|
*/
|
|
9021
9021
|
static register(name = "auro-icon") {
|
|
9022
|
-
AuroLibraryRuntimeUtils.prototype.registerComponent(name, AuroIcon);
|
|
9022
|
+
AuroLibraryRuntimeUtils$1.prototype.registerComponent(name, AuroIcon);
|
|
9023
9023
|
}
|
|
9024
9024
|
|
|
9025
9025
|
connectedCallback() {
|
|
@@ -9089,9 +9089,79 @@ class AuroIcon extends BaseIcon {
|
|
|
9089
9089
|
}
|
|
9090
9090
|
}
|
|
9091
9091
|
|
|
9092
|
-
var iconVersion = '8.
|
|
9092
|
+
var iconVersion = '8.0.4';
|
|
9093
|
+
|
|
9094
|
+
// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
|
|
9095
|
+
// See LICENSE in the project root for license information.
|
|
9096
|
+
|
|
9097
|
+
// ---------------------------------------------------------------------
|
|
9098
|
+
|
|
9099
|
+
/* eslint-disable line-comment-position, no-inline-comments, no-confusing-arrow, no-nested-ternary, implicit-arrow-linebreak */
|
|
9100
|
+
|
|
9101
|
+
class AuroLibraryRuntimeUtils {
|
|
9093
9102
|
|
|
9094
|
-
var styleCss$5 = 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)}`;
|
|
9103
|
+
/* eslint-disable jsdoc/require-param */
|
|
9104
|
+
|
|
9105
|
+
/**
|
|
9106
|
+
* This will register a new custom element with the browser.
|
|
9107
|
+
* @param {String} name - The name of the custom element.
|
|
9108
|
+
* @param {Object} componentClass - The class to register as a custom element.
|
|
9109
|
+
* @returns {void}
|
|
9110
|
+
*/
|
|
9111
|
+
registerComponent(name, componentClass) {
|
|
9112
|
+
if (!customElements.get(name)) {
|
|
9113
|
+
customElements.define(name, class extends componentClass {});
|
|
9114
|
+
}
|
|
9115
|
+
}
|
|
9116
|
+
|
|
9117
|
+
/**
|
|
9118
|
+
* Finds and returns the closest HTML Element based on a selector.
|
|
9119
|
+
* @returns {void}
|
|
9120
|
+
*/
|
|
9121
|
+
closestElement(
|
|
9122
|
+
selector, // selector like in .closest()
|
|
9123
|
+
base = this, // extra functionality to skip a parent
|
|
9124
|
+
__Closest = (el, found = el && el.closest(selector)) =>
|
|
9125
|
+
!el || el === document || el === window
|
|
9126
|
+
? null // standard .closest() returns null for non-found selectors also
|
|
9127
|
+
: found
|
|
9128
|
+
? found // found a selector INside this element
|
|
9129
|
+
: __Closest(el.getRootNode().host) // recursion!! break out to parent DOM
|
|
9130
|
+
) {
|
|
9131
|
+
return __Closest(base);
|
|
9132
|
+
}
|
|
9133
|
+
/* eslint-enable jsdoc/require-param */
|
|
9134
|
+
|
|
9135
|
+
/**
|
|
9136
|
+
* 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.
|
|
9137
|
+
* @param {Object} elem - The element to check.
|
|
9138
|
+
* @param {String} tagName - The name of the Auro component to check for or add as an attribute.
|
|
9139
|
+
* @returns {void}
|
|
9140
|
+
*/
|
|
9141
|
+
handleComponentTagRename(elem, tagName) {
|
|
9142
|
+
const tag = tagName.toLowerCase();
|
|
9143
|
+
const elemTag = elem.tagName.toLowerCase();
|
|
9144
|
+
|
|
9145
|
+
if (elemTag !== tag) {
|
|
9146
|
+
elem.setAttribute(tag, true);
|
|
9147
|
+
}
|
|
9148
|
+
}
|
|
9149
|
+
|
|
9150
|
+
/**
|
|
9151
|
+
* Validates if an element is a specific Auro component.
|
|
9152
|
+
* @param {Object} elem - The element to validate.
|
|
9153
|
+
* @param {String} tagName - The name of the Auro component to check against.
|
|
9154
|
+
* @returns {Boolean} - Returns true if the element is the specified Auro component.
|
|
9155
|
+
*/
|
|
9156
|
+
elementMatch(elem, tagName) {
|
|
9157
|
+
const tag = tagName.toLowerCase();
|
|
9158
|
+
const elemTag = elem.tagName.toLowerCase();
|
|
9159
|
+
|
|
9160
|
+
return elemTag === tag || elem.hasAttribute(tag);
|
|
9161
|
+
}
|
|
9162
|
+
}
|
|
9163
|
+
|
|
9164
|
+
var styleCss$5 = 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)}`;
|
|
9095
9165
|
|
|
9096
9166
|
// Copyright (c) 2020 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
9097
9167
|
// See LICENSE in the project root for license information.
|
|
@@ -9101,12 +9171,13 @@ var styleCss$5 = css`.body-default{font-size:var(--wcss-body-default-font-size,
|
|
|
9101
9171
|
* The auro-header component is a custom element to make using headers with the Auro Design System seamless and easy.
|
|
9102
9172
|
*
|
|
9103
9173
|
* @attr {Boolean} no-margin-block - if declared, margin-block will be set to `0`
|
|
9174
|
+
* @attr {String} level - Determines heading level for HTML element. Options are `1` - `6`
|
|
9175
|
+
* @attr {String} display - Determines presentation of header. Options are `display`, `800`, `700`, `600`, `500`, `400`, `300`.
|
|
9104
9176
|
* @attr {String} color - Allows user to pass in CSS custom property or direct hex value to change the color of the header
|
|
9105
|
-
* @attr {String} display - Determines the visual appearance of the header. Options are `display`, `800`, `700`, `600`, `500`, `400`, `300`.
|
|
9106
|
-
* @attr {String} level - Determines the semantic heading level of the HTML element. Options are `1` - `6`
|
|
9107
9177
|
* @attr {String} margin - Specify the margin(s) to be altered. Options are `top`, `bottom`, or `both`.
|
|
9108
9178
|
* @attr {String} size - Specify size of margin adjustment, either `none`, `25`, `50`, `100`, `150`, `200`, `300`, `400`, `600` or `800`.
|
|
9109
9179
|
*/
|
|
9180
|
+
|
|
9110
9181
|
/* eslint complexity: ["error", 21] */
|
|
9111
9182
|
|
|
9112
9183
|
// build the component class
|
|
@@ -9119,7 +9190,7 @@ class AuroHeader extends LitElement {
|
|
|
9119
9190
|
/**
|
|
9120
9191
|
* @private
|
|
9121
9192
|
*/
|
|
9122
|
-
this.runtimeUtils = new AuroLibraryRuntimeUtils
|
|
9193
|
+
this.runtimeUtils = new AuroLibraryRuntimeUtils();
|
|
9123
9194
|
}
|
|
9124
9195
|
|
|
9125
9196
|
// function to define props used within the scope of this component
|
|
@@ -9140,22 +9211,6 @@ class AuroHeader extends LitElement {
|
|
|
9140
9211
|
return [styleCss$5];
|
|
9141
9212
|
}
|
|
9142
9213
|
|
|
9143
|
-
/**
|
|
9144
|
-
* Mapping of display values to their corresponding CSS classes
|
|
9145
|
-
* @private
|
|
9146
|
-
*/
|
|
9147
|
-
static get displayClassMap() {
|
|
9148
|
-
return {
|
|
9149
|
-
'display': 'heading-xl',
|
|
9150
|
-
'800': 'heading-xl',
|
|
9151
|
-
'700': 'heading-lg',
|
|
9152
|
-
'600': 'heading-md',
|
|
9153
|
-
'500': 'heading-sm',
|
|
9154
|
-
'400': 'heading-xs',
|
|
9155
|
-
'300': 'heading-2xs'
|
|
9156
|
-
};
|
|
9157
|
-
}
|
|
9158
|
-
|
|
9159
9214
|
/**
|
|
9160
9215
|
* This will register this element with the browser.
|
|
9161
9216
|
* @param {string} [name="auro-header"] - The name of element that you want to register to.
|
|
@@ -9165,7 +9220,7 @@ class AuroHeader extends LitElement {
|
|
|
9165
9220
|
*
|
|
9166
9221
|
*/
|
|
9167
9222
|
static register(name = "auro-header") {
|
|
9168
|
-
AuroLibraryRuntimeUtils
|
|
9223
|
+
AuroLibraryRuntimeUtils.prototype.registerComponent(name, AuroHeader);
|
|
9169
9224
|
}
|
|
9170
9225
|
|
|
9171
9226
|
firstUpdated() {
|
|
@@ -9232,42 +9287,23 @@ class AuroHeader extends LitElement {
|
|
|
9232
9287
|
this.display = 'display';
|
|
9233
9288
|
}
|
|
9234
9289
|
|
|
9235
|
-
|
|
9236
|
-
|
|
9237
|
-
|
|
9238
|
-
|
|
9239
|
-
|
|
9240
|
-
|
|
9241
|
-
|
|
9242
|
-
'heading': true,
|
|
9243
|
-
[`heading--${this.display}`]: true,
|
|
9244
|
-
[headingClass]: true
|
|
9245
|
-
};
|
|
9246
|
-
|
|
9247
|
-
// Add spacing classes to the class object if they exist
|
|
9248
|
-
if (spacingClasses) {
|
|
9249
|
-
const spacingClassArray = spacingClasses.split(' ');
|
|
9250
|
-
spacingClassArray.forEach(cls => {
|
|
9251
|
-
if (cls.trim()) {
|
|
9252
|
-
classObject[cls.trim()] = true;
|
|
9253
|
-
}
|
|
9254
|
-
});
|
|
9290
|
+
switch (level) {
|
|
9291
|
+
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>`;
|
|
9292
|
+
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>`;
|
|
9293
|
+
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>`;
|
|
9294
|
+
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>`;
|
|
9295
|
+
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>`;
|
|
9296
|
+
default: return html`<h1 class="heading heading--${this.display} ${this.spacingDecision(this.size)}" style="color: ${ifDefined(this.color ? this.color : undefined)}"><slot></slot></h1>`;
|
|
9255
9297
|
}
|
|
9256
|
-
|
|
9257
|
-
const headerClasses = classMap(classObject);
|
|
9258
|
-
|
|
9259
|
-
// unsafeStatic dynamically creates tag names at runtime
|
|
9260
|
-
const tag = unsafeStatic(`h${headingLevel}`);
|
|
9261
|
-
return html$1`<${tag} class="${headerClasses}" style="color: ${ifDefined(this.color ? this.color : undefined)}"><slot></slot></${tag}>`;
|
|
9262
9298
|
}
|
|
9263
|
-
|
|
9264
9299
|
// function that renders the HTML and CSS into the scope of the component
|
|
9300
|
+
|
|
9265
9301
|
render() {
|
|
9266
9302
|
return this.template(this.level);
|
|
9267
9303
|
}
|
|
9268
9304
|
}
|
|
9269
9305
|
|
|
9270
|
-
var headerVersion = '4.0.
|
|
9306
|
+
var headerVersion = '4.0.1';
|
|
9271
9307
|
|
|
9272
9308
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
9273
9309
|
// See LICENSE in the project root for license information.
|
|
@@ -9280,7 +9316,7 @@ class AuroBibtemplate extends LitElement {
|
|
|
9280
9316
|
|
|
9281
9317
|
this.large = false;
|
|
9282
9318
|
|
|
9283
|
-
AuroLibraryRuntimeUtils$
|
|
9319
|
+
AuroLibraryRuntimeUtils$3.prototype.handleComponentTagRename(this, 'auro-bibtemplate');
|
|
9284
9320
|
|
|
9285
9321
|
const versioning = new AuroDependencyVersioning();
|
|
9286
9322
|
|
|
@@ -9332,7 +9368,7 @@ class AuroBibtemplate extends LitElement {
|
|
|
9332
9368
|
*
|
|
9333
9369
|
*/
|
|
9334
9370
|
static register(name = "auro-bibtemplate") {
|
|
9335
|
-
AuroLibraryRuntimeUtils$
|
|
9371
|
+
AuroLibraryRuntimeUtils$3.prototype.registerComponent(name, AuroBibtemplate);
|
|
9336
9372
|
}
|
|
9337
9373
|
|
|
9338
9374
|
/**
|
|
@@ -9390,9 +9426,8 @@ class AuroBibtemplate extends LitElement {
|
|
|
9390
9426
|
<div id="bibTemplate" part="bibtemplate">
|
|
9391
9427
|
${this.isFullscreen ? html$1`
|
|
9392
9428
|
<div id="headerContainer">
|
|
9393
|
-
<${this.buttonTag} id="closeButton" variant="ghost" shape="circle" size="sm" @click="${this.onCloseButtonClick}">
|
|
9394
|
-
|
|
9395
|
-
<${this.iconTag} aria-hidden="true" category="interface" name="x-lg"></${this.iconTag}>
|
|
9429
|
+
<${this.buttonTag} id="closeButton" aria-label="Close" variant="ghost" shape="circle" size="sm" @click="${this.onCloseButtonClick}">
|
|
9430
|
+
<${this.iconTag} category="interface" name="x-lg"></${this.iconTag}>
|
|
9396
9431
|
</${this.buttonTag}>
|
|
9397
9432
|
<${this.headerTag} display="${this.large ? 'display' : '600'}" level="3" size="none" id="header" no-margin-block>
|
|
9398
9433
|
<slot name="header"></slot>
|
|
@@ -9452,7 +9487,7 @@ class AuroCounterWrapper extends LitElement {
|
|
|
9452
9487
|
* AuroCounterWrapper.register("custom-counter-wrapper") // registers <custom-counter-wrapper/>
|
|
9453
9488
|
*/
|
|
9454
9489
|
static register(name = "auro-counter-wrapper") {
|
|
9455
|
-
AuroLibraryRuntimeUtils$
|
|
9490
|
+
AuroLibraryRuntimeUtils$8.prototype.registerComponent(name, AuroCounterWrapper);
|
|
9456
9491
|
}
|
|
9457
9492
|
|
|
9458
9493
|
// function that renders the HTML and CSS into the scope of the component
|
|
@@ -9586,7 +9621,6 @@ class AuroElement extends LitElement {
|
|
|
9586
9621
|
* @element auro-counter-group
|
|
9587
9622
|
* @extends LitElement
|
|
9588
9623
|
* @slot default - Slot for counter elements.
|
|
9589
|
-
* @slot ariaLabel.close - Sets aria-label on close button in fullscreen bib
|
|
9590
9624
|
* @slot bib.fullscreen.headline - Defines the headline to display above menu-options. Only used when `isDropdown` is true. Required.
|
|
9591
9625
|
* @slot bib.fullscreen.footer - Defines the footer to display at the bottom of fullscreen bib. Only used when `isDropdown` is true.
|
|
9592
9626
|
* @slot label - Dropdown label content. Only used when `isDropdown` is true.
|
|
@@ -10149,7 +10183,7 @@ class AuroCounterGroup extends AuroElement {
|
|
|
10149
10183
|
* AuroCounterGroup.register("custom-counter-group") // registers <custom-counter-group/>
|
|
10150
10184
|
*/
|
|
10151
10185
|
static register(name = "auro-counter-group") {
|
|
10152
|
-
AuroLibraryRuntimeUtils$
|
|
10186
|
+
AuroLibraryRuntimeUtils$8.prototype.registerComponent(name, AuroCounterGroup);
|
|
10153
10187
|
}
|
|
10154
10188
|
|
|
10155
10189
|
/**
|
|
@@ -10274,7 +10308,6 @@ class AuroCounterGroup extends AuroElement {
|
|
|
10274
10308
|
renderBibTemplate() {
|
|
10275
10309
|
return html$1`
|
|
10276
10310
|
<${this.bibtemplateTag} ?large="${this.largeFullscreenHeadline}">
|
|
10277
|
-
<slot name="ariaLabel.close" slot="ariaLabel.close"></slot>
|
|
10278
10311
|
${this.renderCounterGroup(true)}
|
|
10279
10312
|
</${this.bibtemplateTag}>
|
|
10280
10313
|
`;
|