@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
|
@@ -4954,9 +4954,6 @@ let AuroElement$2 = class AuroElement extends LitElement {
|
|
|
4954
4954
|
* @prop {string} id - The id global attribute defines an identifier (ID) which must be unique in the whole document.
|
|
4955
4955
|
* @attr id
|
|
4956
4956
|
*
|
|
4957
|
-
* @slot ariaLabel.clear - Sets aria-label on clear button for screenreader to read
|
|
4958
|
-
* @slot ariaLabel.password.show - Sets aria-label on password button to toggle on showing password
|
|
4959
|
-
* @slot ariaLabel.password.hide - Sets aria-label on password button to toggle off showing password
|
|
4960
4957
|
* @slot helpText - Sets the help text displayed below the input.
|
|
4961
4958
|
* @slot label - Sets the label text for the input.
|
|
4962
4959
|
* @slot {HTMLSlotElement} optionalLabel - Allows overriding the optional display text "(optional)", which appears next to the label.
|
|
@@ -8022,13 +8019,12 @@ class AuroInput extends BaseInput {
|
|
|
8022
8019
|
<${this.buttonTag}
|
|
8023
8020
|
@click="${this.handleClickClear}"
|
|
8024
8021
|
?onDark="${this.onDark}"
|
|
8022
|
+
aria-label="${i18n(this.lang, 'clearInput')}"
|
|
8025
8023
|
class="notificationBtn clearBtn"
|
|
8026
8024
|
shape="circle"
|
|
8027
8025
|
size="sm"
|
|
8028
8026
|
variant="ghost">
|
|
8029
|
-
<span><slot name="ariaLabel.clear">Clear Input</slot></span>
|
|
8030
8027
|
<${this.iconTag}
|
|
8031
|
-
aria-hidden="true"
|
|
8032
8028
|
?customColor="${this.onDark}"
|
|
8033
8029
|
category="interface"
|
|
8034
8030
|
name="x-lg"
|
|
@@ -8051,23 +8047,18 @@ class AuroInput extends BaseInput {
|
|
|
8051
8047
|
@click="${this.handleClickShowPassword}"
|
|
8052
8048
|
?onDark="${this.onDark}"
|
|
8053
8049
|
class="notificationBtn passwordBtn"
|
|
8050
|
+
aria-label="${this.showPassword ? i18n(this.lang, "hidePassword") : i18n(this.lang, "showPassword")}"
|
|
8054
8051
|
shape="circle"
|
|
8055
8052
|
size="sm"
|
|
8056
8053
|
variant="ghost">
|
|
8057
|
-
<span>
|
|
8058
|
-
${this.showPassword ? html$1`<slot name="ariaLabel.password.hide">Hide Password</slot>`
|
|
8059
|
-
: html$1`<slot name="ariaLabel.password.show">Show Password</slot>`}
|
|
8060
|
-
</span>
|
|
8061
8054
|
<${this.iconTag}
|
|
8062
8055
|
?customColor="${this.onDark}"
|
|
8063
|
-
aria-hidden="true"
|
|
8064
8056
|
?hidden=${!this.showPassword}
|
|
8065
8057
|
category="interface"
|
|
8066
8058
|
name="hide-password-stroke">
|
|
8067
8059
|
</${this.iconTag}>
|
|
8068
8060
|
<${this.iconTag}
|
|
8069
8061
|
?customColor="${this.onDark}"
|
|
8070
|
-
aria-hidden="true"
|
|
8071
8062
|
?hidden=${this.showPassword}
|
|
8072
8063
|
category="interface"
|
|
8073
8064
|
name="view-password-stroke">
|
|
@@ -4954,9 +4954,6 @@ let AuroElement$2 = class AuroElement extends LitElement {
|
|
|
4954
4954
|
* @prop {string} id - The id global attribute defines an identifier (ID) which must be unique in the whole document.
|
|
4955
4955
|
* @attr id
|
|
4956
4956
|
*
|
|
4957
|
-
* @slot ariaLabel.clear - Sets aria-label on clear button for screenreader to read
|
|
4958
|
-
* @slot ariaLabel.password.show - Sets aria-label on password button to toggle on showing password
|
|
4959
|
-
* @slot ariaLabel.password.hide - Sets aria-label on password button to toggle off showing password
|
|
4960
4957
|
* @slot helpText - Sets the help text displayed below the input.
|
|
4961
4958
|
* @slot label - Sets the label text for the input.
|
|
4962
4959
|
* @slot {HTMLSlotElement} optionalLabel - Allows overriding the optional display text "(optional)", which appears next to the label.
|
|
@@ -8022,13 +8019,12 @@ class AuroInput extends BaseInput {
|
|
|
8022
8019
|
<${this.buttonTag}
|
|
8023
8020
|
@click="${this.handleClickClear}"
|
|
8024
8021
|
?onDark="${this.onDark}"
|
|
8022
|
+
aria-label="${i18n(this.lang, 'clearInput')}"
|
|
8025
8023
|
class="notificationBtn clearBtn"
|
|
8026
8024
|
shape="circle"
|
|
8027
8025
|
size="sm"
|
|
8028
8026
|
variant="ghost">
|
|
8029
|
-
<span><slot name="ariaLabel.clear">Clear Input</slot></span>
|
|
8030
8027
|
<${this.iconTag}
|
|
8031
|
-
aria-hidden="true"
|
|
8032
8028
|
?customColor="${this.onDark}"
|
|
8033
8029
|
category="interface"
|
|
8034
8030
|
name="x-lg"
|
|
@@ -8051,23 +8047,18 @@ class AuroInput extends BaseInput {
|
|
|
8051
8047
|
@click="${this.handleClickShowPassword}"
|
|
8052
8048
|
?onDark="${this.onDark}"
|
|
8053
8049
|
class="notificationBtn passwordBtn"
|
|
8050
|
+
aria-label="${this.showPassword ? i18n(this.lang, "hidePassword") : i18n(this.lang, "showPassword")}"
|
|
8054
8051
|
shape="circle"
|
|
8055
8052
|
size="sm"
|
|
8056
8053
|
variant="ghost">
|
|
8057
|
-
<span>
|
|
8058
|
-
${this.showPassword ? html$1`<slot name="ariaLabel.password.hide">Hide Password</slot>`
|
|
8059
|
-
: html$1`<slot name="ariaLabel.password.show">Show Password</slot>`}
|
|
8060
|
-
</span>
|
|
8061
8054
|
<${this.iconTag}
|
|
8062
8055
|
?customColor="${this.onDark}"
|
|
8063
|
-
aria-hidden="true"
|
|
8064
8056
|
?hidden=${!this.showPassword}
|
|
8065
8057
|
category="interface"
|
|
8066
8058
|
name="hide-password-stroke">
|
|
8067
8059
|
</${this.iconTag}>
|
|
8068
8060
|
<${this.iconTag}
|
|
8069
8061
|
?customColor="${this.onDark}"
|
|
8070
|
-
aria-hidden="true"
|
|
8071
8062
|
?hidden=${this.showPassword}
|
|
8072
8063
|
category="interface"
|
|
8073
8064
|
name="view-password-stroke">
|
|
@@ -1536,7 +1536,7 @@ class AuroIcon extends BaseIcon {
|
|
|
1536
1536
|
}
|
|
1537
1537
|
}
|
|
1538
1538
|
|
|
1539
|
-
var iconVersion = '8.
|
|
1539
|
+
var iconVersion = '8.0.4';
|
|
1540
1540
|
|
|
1541
1541
|
var checkmarkIcon = {"svg":"<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" aria-labelledby=\"checkmark-sm__desc\" class=\"ico_squareLarge\" role=\"img\" style=\"min-width:var(--auro-size-lg, var(--ds-size-300, 1.5rem));height:var(--auro-size-lg, var(--ds-size-300, 1.5rem));fill:currentColor\" viewBox=\"0 0 24 24\" part=\"svg\"><title/><desc id=\"checkmark-sm__desc\">a small check mark.</desc><path d=\"M8.461 11.84a.625.625 0 1 0-.922.844l2.504 2.738c.247.27.674.27.922 0l5.496-6a.625.625 0 1 0-.922-.844l-5.035 5.496z\"/></svg>"};
|
|
1542
1542
|
|
|
@@ -1496,7 +1496,7 @@ class AuroIcon extends BaseIcon {
|
|
|
1496
1496
|
}
|
|
1497
1497
|
}
|
|
1498
1498
|
|
|
1499
|
-
var iconVersion = '8.
|
|
1499
|
+
var iconVersion = '8.0.4';
|
|
1500
1500
|
|
|
1501
1501
|
var checkmarkIcon = {"svg":"<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" aria-labelledby=\"checkmark-sm__desc\" class=\"ico_squareLarge\" role=\"img\" style=\"min-width:var(--auro-size-lg, var(--ds-size-300, 1.5rem));height:var(--auro-size-lg, var(--ds-size-300, 1.5rem));fill:currentColor\" viewBox=\"0 0 24 24\" part=\"svg\"><title/><desc id=\"checkmark-sm__desc\">a small check mark.</desc><path d=\"M8.461 11.84a.625.625 0 1 0-.922.844l2.504 2.738c.247.27.674.27.922 0l5.496-6a.625.625 0 1 0-.922-.844l-5.035 5.496z\"/></svg>"};
|
|
1502
1502
|
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const _default: "8.
|
|
1
|
+
declare const _default: "8.0.4";
|
|
2
2
|
export default _default;
|
|
@@ -1490,7 +1490,7 @@ class AuroIcon extends BaseIcon {
|
|
|
1490
1490
|
}
|
|
1491
1491
|
}
|
|
1492
1492
|
|
|
1493
|
-
var iconVersion = '8.
|
|
1493
|
+
var iconVersion = '8.0.4';
|
|
1494
1494
|
|
|
1495
1495
|
var checkmarkIcon = {"svg":"<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" aria-labelledby=\"checkmark-sm__desc\" class=\"ico_squareLarge\" role=\"img\" style=\"min-width:var(--auro-size-lg, var(--ds-size-300, 1.5rem));height:var(--auro-size-lg, var(--ds-size-300, 1.5rem));fill:currentColor\" viewBox=\"0 0 24 24\" part=\"svg\"><title/><desc id=\"checkmark-sm__desc\">a small check mark.</desc><path d=\"M8.461 11.84a.625.625 0 1 0-.922.844l2.504 2.738c.247.27.674.27.922 0l5.496-6a.625.625 0 1 0-.922-.844l-5.035 5.496z\"/></svg>"};
|
|
1496
1496
|
|
|
@@ -1449,7 +1449,7 @@ class AuroIcon extends BaseIcon {
|
|
|
1449
1449
|
}
|
|
1450
1450
|
}
|
|
1451
1451
|
|
|
1452
|
-
var iconVersion = '8.
|
|
1452
|
+
var iconVersion = '8.0.4';
|
|
1453
1453
|
|
|
1454
1454
|
var checkmarkIcon = {"svg":"<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" aria-labelledby=\"checkmark-sm__desc\" class=\"ico_squareLarge\" role=\"img\" style=\"min-width:var(--auro-size-lg, var(--ds-size-300, 1.5rem));height:var(--auro-size-lg, var(--ds-size-300, 1.5rem));fill:currentColor\" viewBox=\"0 0 24 24\" part=\"svg\"><title/><desc id=\"checkmark-sm__desc\">a small check mark.</desc><path d=\"M8.461 11.84a.625.625 0 1 0-.922.844l2.504 2.738c.247.27.674.27.922 0l5.496-6a.625.625 0 1 0-.922-.844l-5.035 5.496z\"/></svg>"};
|
|
1455
1455
|
|
|
@@ -84,7 +84,6 @@ This configuration enables proper module resolution for the component's TypeScri
|
|
|
84
84
|
|
|
85
85
|
```html
|
|
86
86
|
<auro-select>
|
|
87
|
-
<span slot="ariaLabel.close">Close Popup</span>
|
|
88
87
|
<span slot="bib.fullscreen.headline">Bib Headline</span>
|
|
89
88
|
<span slot="label">Select Example</span>
|
|
90
89
|
<auro-menu>
|
|
@@ -66,7 +66,6 @@ The auro-select element is a wrapper for auro-dropdown and auro-menu to create a
|
|
|
66
66
|
| Name | Description |
|
|
67
67
|
|---------------------------|--------------------------------------------------|
|
|
68
68
|
| | Default slot for the menu content. |
|
|
69
|
-
| `ariaLabel.close` | Sets aria-label on close button in fullscreen bib |
|
|
70
69
|
| `bib.fullscreen.headline` | Defines the headline to display above menu-options |
|
|
71
70
|
| [displayValue](#displayValue) | Allows custom HTML content to display the selected value when select is not focused. |
|
|
72
71
|
| [helpText](#helpText) | Defines the content of the helpText. |
|
|
@@ -91,7 +90,6 @@ A baseline `auro-select` using `auro-menu` and `auro-menuoption` elements.
|
|
|
91
90
|
<!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/basic.html) -->
|
|
92
91
|
<!-- The below content is automatically added from ./../apiExamples/basic.html -->
|
|
93
92
|
<auro-select>
|
|
94
|
-
<span slot="ariaLabel.close">Close Popup</span>
|
|
95
93
|
<span slot="bib.fullscreen.headline">Bib Headline</span>
|
|
96
94
|
<span slot="label">Select Example</span>
|
|
97
95
|
<auro-menu>
|
|
@@ -129,7 +127,6 @@ A baseline `auro-select` using `auro-menu` and `auro-menuoption` elements.
|
|
|
129
127
|
|
|
130
128
|
```html
|
|
131
129
|
<auro-select>
|
|
132
|
-
<span slot="ariaLabel.close">Close Popup</span>
|
|
133
130
|
<span slot="bib.fullscreen.headline">Bib Headline</span>
|
|
134
131
|
<span slot="label">Select Example</span>
|
|
135
132
|
<auro-menu>
|
|
@@ -651,7 +651,7 @@ const {
|
|
|
651
651
|
|
|
652
652
|
/* eslint-disable line-comment-position, no-inline-comments, no-confusing-arrow, no-nested-ternary, implicit-arrow-linebreak */
|
|
653
653
|
|
|
654
|
-
let AuroLibraryRuntimeUtils$
|
|
654
|
+
let AuroLibraryRuntimeUtils$6 = class AuroLibraryRuntimeUtils {
|
|
655
655
|
|
|
656
656
|
/* eslint-disable jsdoc/require-param */
|
|
657
657
|
|
|
@@ -721,7 +721,7 @@ let AuroLibraryRuntimeUtils$5 = class AuroLibraryRuntimeUtils {
|
|
|
721
721
|
class AuroFormValidation {
|
|
722
722
|
|
|
723
723
|
constructor() {
|
|
724
|
-
this.runtimeUtils = new AuroLibraryRuntimeUtils$
|
|
724
|
+
this.runtimeUtils = new AuroLibraryRuntimeUtils$6();
|
|
725
725
|
}
|
|
726
726
|
|
|
727
727
|
/**
|
|
@@ -4305,7 +4305,7 @@ var tokensCss$4 = i$5`:host{--ds-auro-helptext-color: var(--ds-basic-color-texti
|
|
|
4305
4305
|
|
|
4306
4306
|
/* eslint-disable line-comment-position, no-inline-comments, no-confusing-arrow, no-nested-ternary, implicit-arrow-linebreak */
|
|
4307
4307
|
|
|
4308
|
-
let AuroLibraryRuntimeUtils$
|
|
4308
|
+
let AuroLibraryRuntimeUtils$5 = class AuroLibraryRuntimeUtils {
|
|
4309
4309
|
|
|
4310
4310
|
/* eslint-disable jsdoc/require-param */
|
|
4311
4311
|
|
|
@@ -4386,7 +4386,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$2 {
|
|
|
4386
4386
|
this.onDark = false;
|
|
4387
4387
|
this.hasTextContent = false;
|
|
4388
4388
|
|
|
4389
|
-
AuroLibraryRuntimeUtils$
|
|
4389
|
+
AuroLibraryRuntimeUtils$5.prototype.handleComponentTagRename(this, 'auro-helptext');
|
|
4390
4390
|
}
|
|
4391
4391
|
|
|
4392
4392
|
static get styles() {
|
|
@@ -4442,7 +4442,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$2 {
|
|
|
4442
4442
|
*
|
|
4443
4443
|
*/
|
|
4444
4444
|
static register(name = "auro-helptext") {
|
|
4445
|
-
AuroLibraryRuntimeUtils$
|
|
4445
|
+
AuroLibraryRuntimeUtils$5.prototype.registerComponent(name, AuroHelpText);
|
|
4446
4446
|
}
|
|
4447
4447
|
|
|
4448
4448
|
updated() {
|
|
@@ -5559,7 +5559,7 @@ var tokenCss = i$5`:host{--ds-auro-dropdownbib-header-boxshadow-color: var(--ds-
|
|
|
5559
5559
|
|
|
5560
5560
|
/* eslint-disable line-comment-position, no-inline-comments, no-confusing-arrow, no-nested-ternary, implicit-arrow-linebreak */
|
|
5561
5561
|
|
|
5562
|
-
let AuroLibraryRuntimeUtils$
|
|
5562
|
+
let AuroLibraryRuntimeUtils$3 = class AuroLibraryRuntimeUtils {
|
|
5563
5563
|
|
|
5564
5564
|
/* eslint-disable jsdoc/require-param */
|
|
5565
5565
|
|
|
@@ -6142,7 +6142,7 @@ var shapeSize = i$5`.shape-rounded-xl{min-height:68px;max-height:68px;border-sty
|
|
|
6142
6142
|
|
|
6143
6143
|
/* eslint-disable line-comment-position, no-inline-comments, no-confusing-arrow, no-nested-ternary, implicit-arrow-linebreak */
|
|
6144
6144
|
|
|
6145
|
-
let AuroLibraryRuntimeUtils$
|
|
6145
|
+
let AuroLibraryRuntimeUtils$2 = class AuroLibraryRuntimeUtils {
|
|
6146
6146
|
|
|
6147
6147
|
/* eslint-disable jsdoc/require-param */
|
|
6148
6148
|
|
|
@@ -6237,7 +6237,7 @@ class AuroLoader extends i$2 {
|
|
|
6237
6237
|
/**
|
|
6238
6238
|
* @private
|
|
6239
6239
|
*/
|
|
6240
|
-
this.runtimeUtils = new AuroLibraryRuntimeUtils$
|
|
6240
|
+
this.runtimeUtils = new AuroLibraryRuntimeUtils$2();
|
|
6241
6241
|
|
|
6242
6242
|
this.orbit = false;
|
|
6243
6243
|
this.ringworm = false;
|
|
@@ -6300,7 +6300,7 @@ class AuroLoader extends i$2 {
|
|
|
6300
6300
|
*
|
|
6301
6301
|
*/
|
|
6302
6302
|
static register(name = "auro-loader") {
|
|
6303
|
-
AuroLibraryRuntimeUtils$
|
|
6303
|
+
AuroLibraryRuntimeUtils$2.prototype.registerComponent(name, AuroLoader);
|
|
6304
6304
|
}
|
|
6305
6305
|
|
|
6306
6306
|
firstUpdated() {
|
|
@@ -6580,7 +6580,7 @@ class AuroButton extends AuroElement$1 {
|
|
|
6580
6580
|
*
|
|
6581
6581
|
*/
|
|
6582
6582
|
static register(name = "auro-button") {
|
|
6583
|
-
AuroLibraryRuntimeUtils$
|
|
6583
|
+
AuroLibraryRuntimeUtils$3.prototype.registerComponent(name, AuroButton);
|
|
6584
6584
|
}
|
|
6585
6585
|
|
|
6586
6586
|
/**
|
|
@@ -6917,7 +6917,7 @@ var colorCss$4 = i$5`:host{color:var(--ds-auro-icon-color)}:host([customColor]){
|
|
|
6917
6917
|
|
|
6918
6918
|
/* eslint-disable line-comment-position, no-inline-comments, no-confusing-arrow, no-nested-ternary, implicit-arrow-linebreak */
|
|
6919
6919
|
|
|
6920
|
-
let AuroLibraryRuntimeUtils$
|
|
6920
|
+
let AuroLibraryRuntimeUtils$1$1 = class AuroLibraryRuntimeUtils {
|
|
6921
6921
|
|
|
6922
6922
|
/* eslint-disable jsdoc/require-param */
|
|
6923
6923
|
|
|
@@ -6999,7 +6999,7 @@ let AuroIcon$1 = class AuroIcon extends BaseIcon$1 {
|
|
|
6999
6999
|
*/
|
|
7000
7000
|
privateDefaults() {
|
|
7001
7001
|
this.uri = 'https://cdn.jsdelivr.net/npm/@alaskaairux/icons@latest/dist';
|
|
7002
|
-
this.runtimeUtils = new AuroLibraryRuntimeUtils$
|
|
7002
|
+
this.runtimeUtils = new AuroLibraryRuntimeUtils$1$1();
|
|
7003
7003
|
}
|
|
7004
7004
|
|
|
7005
7005
|
// function to define props used within the scope of this component
|
|
@@ -7081,7 +7081,7 @@ let AuroIcon$1 = class AuroIcon extends BaseIcon$1 {
|
|
|
7081
7081
|
*
|
|
7082
7082
|
*/
|
|
7083
7083
|
static register(name = "auro-icon") {
|
|
7084
|
-
AuroLibraryRuntimeUtils$
|
|
7084
|
+
AuroLibraryRuntimeUtils$1$1.prototype.registerComponent(name, AuroIcon);
|
|
7085
7085
|
}
|
|
7086
7086
|
|
|
7087
7087
|
connectedCallback() {
|
|
@@ -7151,9 +7151,79 @@ let AuroIcon$1 = class AuroIcon extends BaseIcon$1 {
|
|
|
7151
7151
|
}
|
|
7152
7152
|
};
|
|
7153
7153
|
|
|
7154
|
-
var iconVersion$1 = '8.
|
|
7154
|
+
var iconVersion$1 = '8.0.4';
|
|
7155
|
+
|
|
7156
|
+
// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
|
|
7157
|
+
// See LICENSE in the project root for license information.
|
|
7158
|
+
|
|
7159
|
+
// ---------------------------------------------------------------------
|
|
7155
7160
|
|
|
7156
|
-
var styleCss$5 = i$5`.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)}`;
|
|
7161
|
+
/* eslint-disable line-comment-position, no-inline-comments, no-confusing-arrow, no-nested-ternary, implicit-arrow-linebreak */
|
|
7162
|
+
|
|
7163
|
+
let AuroLibraryRuntimeUtils$4 = class AuroLibraryRuntimeUtils {
|
|
7164
|
+
|
|
7165
|
+
/* eslint-disable jsdoc/require-param */
|
|
7166
|
+
|
|
7167
|
+
/**
|
|
7168
|
+
* This will register a new custom element with the browser.
|
|
7169
|
+
* @param {String} name - The name of the custom element.
|
|
7170
|
+
* @param {Object} componentClass - The class to register as a custom element.
|
|
7171
|
+
* @returns {void}
|
|
7172
|
+
*/
|
|
7173
|
+
registerComponent(name, componentClass) {
|
|
7174
|
+
if (!customElements.get(name)) {
|
|
7175
|
+
customElements.define(name, class extends componentClass {});
|
|
7176
|
+
}
|
|
7177
|
+
}
|
|
7178
|
+
|
|
7179
|
+
/**
|
|
7180
|
+
* Finds and returns the closest HTML Element based on a selector.
|
|
7181
|
+
* @returns {void}
|
|
7182
|
+
*/
|
|
7183
|
+
closestElement(
|
|
7184
|
+
selector, // selector like in .closest()
|
|
7185
|
+
base = this, // extra functionality to skip a parent
|
|
7186
|
+
__Closest = (el, found = el && el.closest(selector)) =>
|
|
7187
|
+
!el || el === document || el === window
|
|
7188
|
+
? null // standard .closest() returns null for non-found selectors also
|
|
7189
|
+
: found
|
|
7190
|
+
? found // found a selector INside this element
|
|
7191
|
+
: __Closest(el.getRootNode().host) // recursion!! break out to parent DOM
|
|
7192
|
+
) {
|
|
7193
|
+
return __Closest(base);
|
|
7194
|
+
}
|
|
7195
|
+
/* eslint-enable jsdoc/require-param */
|
|
7196
|
+
|
|
7197
|
+
/**
|
|
7198
|
+
* 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.
|
|
7199
|
+
* @param {Object} elem - The element to check.
|
|
7200
|
+
* @param {String} tagName - The name of the Auro component to check for or add as an attribute.
|
|
7201
|
+
* @returns {void}
|
|
7202
|
+
*/
|
|
7203
|
+
handleComponentTagRename(elem, tagName) {
|
|
7204
|
+
const tag = tagName.toLowerCase();
|
|
7205
|
+
const elemTag = elem.tagName.toLowerCase();
|
|
7206
|
+
|
|
7207
|
+
if (elemTag !== tag) {
|
|
7208
|
+
elem.setAttribute(tag, true);
|
|
7209
|
+
}
|
|
7210
|
+
}
|
|
7211
|
+
|
|
7212
|
+
/**
|
|
7213
|
+
* Validates if an element is a specific Auro component.
|
|
7214
|
+
* @param {Object} elem - The element to validate.
|
|
7215
|
+
* @param {String} tagName - The name of the Auro component to check against.
|
|
7216
|
+
* @returns {Boolean} - Returns true if the element is the specified Auro component.
|
|
7217
|
+
*/
|
|
7218
|
+
elementMatch(elem, tagName) {
|
|
7219
|
+
const tag = tagName.toLowerCase();
|
|
7220
|
+
const elemTag = elem.tagName.toLowerCase();
|
|
7221
|
+
|
|
7222
|
+
return elemTag === tag || elem.hasAttribute(tag);
|
|
7223
|
+
}
|
|
7224
|
+
};
|
|
7225
|
+
|
|
7226
|
+
var styleCss$5 = i$5`.heading{margin:1.75rem 0;letter-spacing:var(--ds-text-heading-default-spacing, -0.2px);font-weight:var(--ds-text-heading-default-weight, 500)}.heading--display{margin-top:0;font-size:var(--ds-text-heading-display-size-breakpoint-sm, 2.75rem);font-weight:var(--ds-text-heading-display-weight, 100);line-height:var(--ds-text-heading-display-height-breakpoint-sm, 3.375rem)}@media screen and (min-width: 768px){.heading--display{font-size:var(--ds-text-heading-display-size-breakpoint-md, 3rem);line-height:var(--ds-text-heading-display-height-breakpoint-md, 3.75rem)}}@media screen and (min-width: 1024px){.heading--display{font-size:var(--ds-text-heading-display-size-breakpoint-lg, 3.5rem);line-height:var(--ds-text-heading-display-height-breakpoint-lg, 4.25rem)}}.heading--800{font-size:var(--ds-text-heading-800-size-breakpoint-sm, 2rem);font-weight:var(--ds-text-heading-800-weight, 500);line-height:var(--ds-text-heading-800-height-breakpoint-sm, 2.375rem)}@media screen and (min-width: 768px){.heading--800{font-size:var(--ds-text-heading-800-size-breakpoint-md, 2.25rem);line-height:var(--ds-text-heading-800-height-breakpoint-md, 2.625rem)}}@media screen and (min-width: 1024px){.heading--800{font-size:var(--ds-text-heading-800-size-breakpoint-lg, 2.5rem);line-height:var(--ds-text-heading-800-height-breakpoint-lg, 3rem)}}.heading--700{font-size:var(--ds-text-heading-700-size-breakpoint-sm, 1.75rem);font-weight:var(--ds-text-heading-700-weight, 500);line-height:var(--ds-text-heading-700-height-breakpoint-sm, 2.125rem)}@media screen and (min-width: 768px){.heading--700{font-size:var(--ds-text-heading-700-size-breakpoint-md, 2rem);line-height:var(--ds-text-heading-700-height-breakpoint-md, 2.375rem)}}@media screen and (min-width: 1024px){.heading--700{font-size:var(--ds-text-heading-700-size-breakpoint-lg, 2.25rem);line-height:var(--ds-text-heading-700-height-breakpoint-lg, 2.75rem)}}.heading--600{margin:1rem 0;font-size:var(--ds-text-heading-600-size-breakpoint-sm, 1.625rem);font-weight:var(--ds-text-heading-600-weight, 300);line-height:var(--ds-text-heading-600-height-breakpoint-sm, 1.875rem)}@media screen and (min-width: 768px){.heading--600{font-size:var(--ds-text-heading-600-size-breakpoint-md, 1.75rem);line-height:var(--ds-text-heading-600-height-breakpoint-md, 2.125rem)}}@media screen and (min-width: 1024px){.heading--600{font-size:var(--ds-text-heading-600-size-breakpoint-lg, 1.75rem);line-height:var(--ds-text-heading-600-height-breakpoint-lg, 2.25rem)}}.heading--500{margin:1rem 0;font-size:var(--ds-text-heading-500-size-breakpoint-sm, 1.375rem);font-weight:var(--ds-text-heading-500-weight, 300);line-height:var(--ds-text-heading-500-height-breakpoint-sm, 1.625rem)}@media screen and (min-width: 768px){.heading--500{font-size:var(--ds-text-heading-500-size-breakpoint-md, 1.5rem);line-height:var(--ds-text-heading-500-height-breakpoint-md, 1.875rem)}}@media screen and (min-width: 1024px){.heading--500{font-size:var(--ds-text-heading-500-size-breakpoint-lg, 1.5rem);line-height:var(--ds-text-heading-500-height-breakpoint-lg, 2rem)}}.heading--400{margin:.75rem 0;font-size:var(--ds-text-heading-400-size, 1.25rem);font-weight:var(--ds-text-heading-400-weight, 300);line-height:var(--ds-text-heading-400-height, 1.625rem)}.heading--300{margin:.75rem 0;font-size:var(--ds-text-heading-300-size, 1.125rem);font-weight:var(--ds-text-heading-300-weight, 300);line-height:var(--ds-text-heading-300-height, 1.625rem)}:host([no-margin-block]) .heading{margin-block:0}.util_stackMarginnone--bottom{margin-bottom:0}.util_stackMargin25--bottom{margin-bottom:var(--ds-size-25, 0.125rem)}.util_stackMargin50--bottom{margin-bottom:var(--ds-size-50, 0.25rem)}.util_stackMargin100--bottom{margin-bottom:var(--ds-size-100, 0.5rem)}.util_stackMargin150--bottom{margin-bottom:var(--ds-size-150, 0.75rem)}.util_stackMargin200--bottom{margin-bottom:var(--ds-size-200, 1rem)}.util_stackMargin300--bottom{margin-bottom:var(--ds-size-300, 1.5rem)}.util_stackMargin400--bottom{margin-bottom:var(--ds-size-400, 2rem)}.util_stackMargin600--bottom{margin-bottom:var(--ds-size-600, 3rem)}.util_stackMargin800--bottom{margin-bottom:var(--ds-size-800, 4rem)}.util_stackMarginnone--top{margin-top:0}.util_stackMargin25--top{margin-top:var(--ds-size-25, 0.125rem)}.util_stackMargin50--top{margin-top:var(--ds-size-50, 0.25rem)}.util_stackMargin100--top{margin-top:var(--ds-size-100, 0.5rem)}.util_stackMargin150--top{margin-top:var(--ds-size-150, 0.75rem)}.util_stackMargin200--top{margin-top:var(--ds-size-200, 1rem)}.util_stackMargin300--top{margin-top:var(--ds-size-300, 1.5rem)}.util_stackMargin400--top{margin-top:var(--ds-size-400, 2rem)}.util_stackMargin600--top{margin-top:var(--ds-size-600, 3rem)}.util_stackMargin800--top{margin-top:var(--ds-size-800, 4rem)}`;
|
|
7157
7227
|
|
|
7158
7228
|
// Copyright (c) 2020 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
7159
7229
|
// See LICENSE in the project root for license information.
|
|
@@ -7163,12 +7233,13 @@ var styleCss$5 = i$5`.body-default{font-size:var(--wcss-body-default-font-size,
|
|
|
7163
7233
|
* The auro-header component is a custom element to make using headers with the Auro Design System seamless and easy.
|
|
7164
7234
|
*
|
|
7165
7235
|
* @attr {Boolean} no-margin-block - if declared, margin-block will be set to `0`
|
|
7236
|
+
* @attr {String} level - Determines heading level for HTML element. Options are `1` - `6`
|
|
7237
|
+
* @attr {String} display - Determines presentation of header. Options are `display`, `800`, `700`, `600`, `500`, `400`, `300`.
|
|
7166
7238
|
* @attr {String} color - Allows user to pass in CSS custom property or direct hex value to change the color of the header
|
|
7167
|
-
* @attr {String} display - Determines the visual appearance of the header. Options are `display`, `800`, `700`, `600`, `500`, `400`, `300`.
|
|
7168
|
-
* @attr {String} level - Determines the semantic heading level of the HTML element. Options are `1` - `6`
|
|
7169
7239
|
* @attr {String} margin - Specify the margin(s) to be altered. Options are `top`, `bottom`, or `both`.
|
|
7170
7240
|
* @attr {String} size - Specify size of margin adjustment, either `none`, `25`, `50`, `100`, `150`, `200`, `300`, `400`, `600` or `800`.
|
|
7171
7241
|
*/
|
|
7242
|
+
|
|
7172
7243
|
/* eslint complexity: ["error", 21] */
|
|
7173
7244
|
|
|
7174
7245
|
// build the component class
|
|
@@ -7181,7 +7252,7 @@ class AuroHeader extends i$2 {
|
|
|
7181
7252
|
/**
|
|
7182
7253
|
* @private
|
|
7183
7254
|
*/
|
|
7184
|
-
this.runtimeUtils = new AuroLibraryRuntimeUtils$
|
|
7255
|
+
this.runtimeUtils = new AuroLibraryRuntimeUtils$4();
|
|
7185
7256
|
}
|
|
7186
7257
|
|
|
7187
7258
|
// function to define props used within the scope of this component
|
|
@@ -7202,22 +7273,6 @@ class AuroHeader extends i$2 {
|
|
|
7202
7273
|
return [styleCss$5];
|
|
7203
7274
|
}
|
|
7204
7275
|
|
|
7205
|
-
/**
|
|
7206
|
-
* Mapping of display values to their corresponding CSS classes
|
|
7207
|
-
* @private
|
|
7208
|
-
*/
|
|
7209
|
-
static get displayClassMap() {
|
|
7210
|
-
return {
|
|
7211
|
-
'display': 'heading-xl',
|
|
7212
|
-
'800': 'heading-xl',
|
|
7213
|
-
'700': 'heading-lg',
|
|
7214
|
-
'600': 'heading-md',
|
|
7215
|
-
'500': 'heading-sm',
|
|
7216
|
-
'400': 'heading-xs',
|
|
7217
|
-
'300': 'heading-2xs'
|
|
7218
|
-
};
|
|
7219
|
-
}
|
|
7220
|
-
|
|
7221
7276
|
/**
|
|
7222
7277
|
* This will register this element with the browser.
|
|
7223
7278
|
* @param {string} [name="auro-header"] - The name of element that you want to register to.
|
|
@@ -7227,7 +7282,7 @@ class AuroHeader extends i$2 {
|
|
|
7227
7282
|
*
|
|
7228
7283
|
*/
|
|
7229
7284
|
static register(name = "auro-header") {
|
|
7230
|
-
AuroLibraryRuntimeUtils$
|
|
7285
|
+
AuroLibraryRuntimeUtils$4.prototype.registerComponent(name, AuroHeader);
|
|
7231
7286
|
}
|
|
7232
7287
|
|
|
7233
7288
|
firstUpdated() {
|
|
@@ -7294,42 +7349,23 @@ class AuroHeader extends i$2 {
|
|
|
7294
7349
|
this.display = 'display';
|
|
7295
7350
|
}
|
|
7296
7351
|
|
|
7297
|
-
|
|
7298
|
-
|
|
7299
|
-
|
|
7300
|
-
|
|
7301
|
-
|
|
7302
|
-
|
|
7303
|
-
|
|
7304
|
-
'heading': true,
|
|
7305
|
-
[`heading--${this.display}`]: true,
|
|
7306
|
-
[headingClass]: true
|
|
7307
|
-
};
|
|
7308
|
-
|
|
7309
|
-
// Add spacing classes to the class object if they exist
|
|
7310
|
-
if (spacingClasses) {
|
|
7311
|
-
const spacingClassArray = spacingClasses.split(' ');
|
|
7312
|
-
spacingClassArray.forEach(cls => {
|
|
7313
|
-
if (cls.trim()) {
|
|
7314
|
-
classObject[cls.trim()] = true;
|
|
7315
|
-
}
|
|
7316
|
-
});
|
|
7352
|
+
switch (level) {
|
|
7353
|
+
case '2': return x`<h2 class="heading heading--${this.display} ${this.spacingDecision(this.size)}" style="color: ${o(this.color ? this.color : undefined)}"><slot></slot></h2>`;
|
|
7354
|
+
case '3': return x`<h3 class="heading heading--${this.display} ${this.spacingDecision(this.size)}" style="color: ${o(this.color ? this.color : undefined)}"><slot></slot></h3>`;
|
|
7355
|
+
case '4': return x`<h4 class="heading heading--${this.display} ${this.spacingDecision(this.size)}" style="color: ${o(this.color ? this.color : undefined)}"><slot></slot></h4>`;
|
|
7356
|
+
case '5': return x`<h5 class="heading heading--${this.display} ${this.spacingDecision(this.size)}" style="color: ${o(this.color ? this.color : undefined)}"><slot></slot></h5>`;
|
|
7357
|
+
case '6': return x`<h6 class="heading heading--${this.display} ${this.spacingDecision(this.size)}" style="color: ${o(this.color ? this.color : undefined)}"><slot></slot></h6>`;
|
|
7358
|
+
default: return x`<h1 class="heading heading--${this.display} ${this.spacingDecision(this.size)}" style="color: ${o(this.color ? this.color : undefined)}"><slot></slot></h1>`;
|
|
7317
7359
|
}
|
|
7318
|
-
|
|
7319
|
-
const headerClasses = e(classObject);
|
|
7320
|
-
|
|
7321
|
-
// unsafeStatic dynamically creates tag names at runtime
|
|
7322
|
-
const tag = s(`h${headingLevel}`);
|
|
7323
|
-
return u`<${tag} class="${headerClasses}" style="color: ${o(this.color ? this.color : undefined)}"><slot></slot></${tag}>`;
|
|
7324
7360
|
}
|
|
7325
|
-
|
|
7326
7361
|
// function that renders the HTML and CSS into the scope of the component
|
|
7362
|
+
|
|
7327
7363
|
render() {
|
|
7328
7364
|
return this.template(this.level);
|
|
7329
7365
|
}
|
|
7330
7366
|
}
|
|
7331
7367
|
|
|
7332
|
-
var headerVersion = '4.0.
|
|
7368
|
+
var headerVersion = '4.0.1';
|
|
7333
7369
|
|
|
7334
7370
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
7335
7371
|
// See LICENSE in the project root for license information.
|
|
@@ -7342,7 +7378,7 @@ class AuroBibtemplate extends i$2 {
|
|
|
7342
7378
|
|
|
7343
7379
|
this.large = false;
|
|
7344
7380
|
|
|
7345
|
-
AuroLibraryRuntimeUtils$
|
|
7381
|
+
AuroLibraryRuntimeUtils$3.prototype.handleComponentTagRename(this, 'auro-bibtemplate');
|
|
7346
7382
|
|
|
7347
7383
|
const versioning = new AuroDependencyVersioning();
|
|
7348
7384
|
|
|
@@ -7394,7 +7430,7 @@ class AuroBibtemplate extends i$2 {
|
|
|
7394
7430
|
*
|
|
7395
7431
|
*/
|
|
7396
7432
|
static register(name = "auro-bibtemplate") {
|
|
7397
|
-
AuroLibraryRuntimeUtils$
|
|
7433
|
+
AuroLibraryRuntimeUtils$3.prototype.registerComponent(name, AuroBibtemplate);
|
|
7398
7434
|
}
|
|
7399
7435
|
|
|
7400
7436
|
/**
|
|
@@ -7452,9 +7488,8 @@ class AuroBibtemplate extends i$2 {
|
|
|
7452
7488
|
<div id="bibTemplate" part="bibtemplate">
|
|
7453
7489
|
${this.isFullscreen ? u`
|
|
7454
7490
|
<div id="headerContainer">
|
|
7455
|
-
<${this.buttonTag} id="closeButton" variant="ghost" shape="circle" size="sm" @click="${this.onCloseButtonClick}">
|
|
7456
|
-
|
|
7457
|
-
<${this.iconTag} aria-hidden="true" category="interface" name="x-lg"></${this.iconTag}>
|
|
7491
|
+
<${this.buttonTag} id="closeButton" aria-label="Close" variant="ghost" shape="circle" size="sm" @click="${this.onCloseButtonClick}">
|
|
7492
|
+
<${this.iconTag} category="interface" name="x-lg"></${this.iconTag}>
|
|
7458
7493
|
</${this.buttonTag}>
|
|
7459
7494
|
<${this.headerTag} display="${this.large ? 'display' : '600'}" level="3" size="none" id="header" no-margin-block>
|
|
7460
7495
|
<slot name="header"></slot>
|
|
@@ -7698,7 +7733,6 @@ var styleCss$3 = i$5`.util_displayInline{display:inline}.util_displayInlineBlock
|
|
|
7698
7733
|
* The auro-select element is a wrapper for auro-dropdown and auro-menu to create a dropdown menu control.
|
|
7699
7734
|
*
|
|
7700
7735
|
* @slot - Default slot for the menu content.
|
|
7701
|
-
* @slot ariaLabel.close - Sets aria-label on close button in fullscreen bib
|
|
7702
7736
|
* @slot bib.fullscreen.headline - Defines the headline to display above menu-options
|
|
7703
7737
|
* @slot label - Defines the content of the label.
|
|
7704
7738
|
* @slot {HTMLSlotElement} optionalLabel - Allows overriding the optional display text "(optional)", which appears next to the label.
|
|
@@ -7756,7 +7790,7 @@ class AuroSelect extends AuroElement$4 {
|
|
|
7756
7790
|
/**
|
|
7757
7791
|
* @private
|
|
7758
7792
|
*/
|
|
7759
|
-
this.runtimeUtils = new AuroLibraryRuntimeUtils$
|
|
7793
|
+
this.runtimeUtils = new AuroLibraryRuntimeUtils$6();
|
|
7760
7794
|
|
|
7761
7795
|
/**
|
|
7762
7796
|
* Generate unique names for dependency components.
|
|
@@ -8173,7 +8207,7 @@ class AuroSelect extends AuroElement$4 {
|
|
|
8173
8207
|
*
|
|
8174
8208
|
*/
|
|
8175
8209
|
static register(name = "auro-select") {
|
|
8176
|
-
AuroLibraryRuntimeUtils$
|
|
8210
|
+
AuroLibraryRuntimeUtils$6.prototype.registerComponent(name, AuroSelect);
|
|
8177
8211
|
}
|
|
8178
8212
|
|
|
8179
8213
|
/**
|
|
@@ -8825,7 +8859,6 @@ class AuroSelect extends AuroElement$4 {
|
|
|
8825
8859
|
</div>
|
|
8826
8860
|
<div class="menuWrapper"></div>
|
|
8827
8861
|
<${this.bibtemplateTag} ?large="${this.largeFullscreenHeadline}" @close-click="${this.hideBib}">
|
|
8828
|
-
<slot name="ariaLabel.close" slot="ariaLabel.close">Close</slot>
|
|
8829
8862
|
<slot></slot>
|
|
8830
8863
|
</${this.bibtemplateTag}>
|
|
8831
8864
|
<div slot="helpText">
|
|
@@ -8904,7 +8937,6 @@ class AuroSelect extends AuroElement$4 {
|
|
|
8904
8937
|
</div>
|
|
8905
8938
|
<div class="menuWrapper"></div>
|
|
8906
8939
|
<${this.bibtemplateTag} ?large="${this.largeFullscreenHeadline}" @close-click="${this.hideBib}">
|
|
8907
|
-
<slot name="ariaLabel.close" slot="ariaLabel.close">Close</slot>
|
|
8908
8940
|
<slot></slot>
|
|
8909
8941
|
</${this.bibtemplateTag}>
|
|
8910
8942
|
<div slot="helpText">
|
|
@@ -8984,7 +9016,6 @@ class AuroSelect extends AuroElement$4 {
|
|
|
8984
9016
|
</div>
|
|
8985
9017
|
<div class="menuWrapper"></div>
|
|
8986
9018
|
<${this.bibtemplateTag} ?large="${this.largeFullscreenHeadline}" @close-click="${this.hideBib}">
|
|
8987
|
-
<slot name="ariaLabel.close" slot="ariaLabel.close">Close</slot>
|
|
8988
9019
|
<slot></slot>
|
|
8989
9020
|
</${this.bibtemplateTag}>
|
|
8990
9021
|
<div slot="helpText">
|
|
@@ -9235,7 +9266,7 @@ class AuroMenu extends AuroElement$4 {
|
|
|
9235
9266
|
*
|
|
9236
9267
|
*/
|
|
9237
9268
|
static register(name = "auro-menu") {
|
|
9238
|
-
AuroLibraryRuntimeUtils$
|
|
9269
|
+
AuroLibraryRuntimeUtils$6.prototype.registerComponent(name, AuroMenu);
|
|
9239
9270
|
}
|
|
9240
9271
|
|
|
9241
9272
|
/**
|
|
@@ -9279,7 +9310,7 @@ class AuroMenu extends AuroElement$4 {
|
|
|
9279
9310
|
}
|
|
9280
9311
|
|
|
9281
9312
|
firstUpdated() {
|
|
9282
|
-
AuroLibraryRuntimeUtils$
|
|
9313
|
+
AuroLibraryRuntimeUtils$6.prototype.handleComponentTagRename(this, 'auro-menu');
|
|
9283
9314
|
|
|
9284
9315
|
this.loadingSlots = this.querySelectorAll("[slot='loadingText'], [slot='loadingIcon']");
|
|
9285
9316
|
this.initializeMenu();
|
|
@@ -10268,7 +10299,7 @@ class AuroIcon extends BaseIcon {
|
|
|
10268
10299
|
}
|
|
10269
10300
|
}
|
|
10270
10301
|
|
|
10271
|
-
var iconVersion = '8.
|
|
10302
|
+
var iconVersion = '8.0.4';
|
|
10272
10303
|
|
|
10273
10304
|
var checkmarkIcon = {"svg":"<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" aria-labelledby=\"checkmark-sm__desc\" class=\"ico_squareLarge\" role=\"img\" style=\"min-width:var(--auro-size-lg, var(--ds-size-300, 1.5rem));height:var(--auro-size-lg, var(--ds-size-300, 1.5rem));fill:currentColor\" viewBox=\"0 0 24 24\" part=\"svg\"><title/><desc id=\"checkmark-sm__desc\">a small check mark.</desc><path d=\"M8.461 11.84a.625.625 0 1 0-.922.844l2.504 2.738c.247.27.674.27.922 0l5.496-6a.625.625 0 1 0-.922-.844l-5.035 5.496z\"/></svg>"};
|
|
10274
10305
|
|
|
@@ -10311,7 +10342,7 @@ class AuroMenuOption extends AuroElement$4 {
|
|
|
10311
10342
|
/**
|
|
10312
10343
|
* @private
|
|
10313
10344
|
*/
|
|
10314
|
-
this.runtimeUtils = new AuroLibraryRuntimeUtils$
|
|
10345
|
+
this.runtimeUtils = new AuroLibraryRuntimeUtils$6();
|
|
10315
10346
|
}
|
|
10316
10347
|
|
|
10317
10348
|
static get properties() {
|
|
@@ -10356,7 +10387,7 @@ class AuroMenuOption extends AuroElement$4 {
|
|
|
10356
10387
|
*
|
|
10357
10388
|
*/
|
|
10358
10389
|
static register(name = "auro-menuoption") {
|
|
10359
|
-
AuroLibraryRuntimeUtils$
|
|
10390
|
+
AuroLibraryRuntimeUtils$6.prototype.registerComponent(name, AuroMenuOption);
|
|
10360
10391
|
}
|
|
10361
10392
|
|
|
10362
10393
|
firstUpdated() {
|