@aurodesignsystem-dev/auro-lockup 0.0.0-pr65.0 → 0.0.0-pr69.0

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/demo/api.md CHANGED
@@ -7,18 +7,19 @@ The auro-lockup element is a standardized custom element for the use in headers
7
7
 
8
8
  ## Attributes
9
9
 
10
- | Attribute | Type | Description |
11
- |-----------|-----------|-------------------|
12
- | [onDark](#onDark) | `Boolean` | Toggle onDark UI. |
10
+ | Attribute | Type | Description |
11
+ |-----------|-----------|--------------------------------------------------|
12
+ | [onDark](#onDark) | `Boolean` | DEPRECATED - Use `appearance="inverse"` instead. |
13
13
 
14
14
  ## Properties
15
15
 
16
- | Property | Attribute | Type | Default | Description |
17
- |------------|------------|-----------|---------|--------------------------------------------------|
18
- | [oneworld](#oneworld) | `oneworld` | `boolean` | false | (DEPRECATED) Replaces product name and tag line with Oneworld logo. |
19
- | [path](#path) | `path` | `string` | "/" | URL path for lockup link. |
20
- | [standard](#standard) | `standard` | `boolean` | false | Uses the standard Alaska logo in place of the official logo, requires use of `oneWorld` attribute. |
21
- | [variant](#variant) | `variant` | `string` | | Sets lockup variant option. Only possible value is `oneworld`. |
16
+ | Property | Attribute | Type | Default | Description |
17
+ |--------------|--------------|-----------|-------------|--------------------------------------------------|
18
+ | [appearance](#appearance) | `appearance` | `string` | "'default'" | Defines whether the component should be light colored for use on dark backgrounds. |
19
+ | [oneworld](#oneworld) | `oneworld` | `boolean` | false | (DEPRECATED) Replaces product name and tag line with Oneworld logo. |
20
+ | [path](#path) | `path` | `string` | "/" | URL path for lockup link. |
21
+ | [standard](#standard) | `standard` | `boolean` | false | Uses the standard Alaska logo in place of the official logo, requires use of `oneWorld` attribute. |
22
+ | [variant](#variant) | `variant` | `string` | | Sets lockup variant option. Only possible value is `oneworld`. |
22
23
 
23
24
  ## Slots
24
25
 
@@ -34,13 +35,14 @@ See the following examples for use-case illustrations of API options.
34
35
 
35
36
  ### Attribute Examples
36
37
 
37
- #### <a name="onDark"></a>`onDark`<a href="#" style="float: right; font-size: 1rem; font-weight: 100;">back to top</a>
38
- Use the `onDark` attribute for the proper presentation on a darker background.
38
+ #### Visual state on dark background
39
+
40
+ Use the `appearance="inverse"` attribute for the proper presentation on a darker background.
39
41
 
40
42
  <div class="exampleWrapper--ondark">
41
43
  <!-- AURO-GENERATED-CONTENT:START (FILE:src=../apiExamples/onDarkExample.html) -->
42
44
  <!-- The below content is automatically added from ../apiExamples/onDarkExample.html -->
43
- <auro-lockup onDark></auro-lockup>
45
+ <auro-lockup appearance="inverse"></auro-lockup>
44
46
  <!-- AURO-GENERATED-CONTENT:END -->
45
47
  </div>
46
48
  <auro-accordion alignRight>
@@ -49,7 +51,7 @@ Use the `onDark` attribute for the proper presentation on a darker background.
49
51
  <!-- The below code snippet is automatically added from ../apiExamples/onDarkExample.html -->
50
52
 
51
53
  ```html
52
- <auro-lockup onDark></auro-lockup>
54
+ <auro-lockup appearance="inverse"></auro-lockup>
53
55
  ```
54
56
  <!-- AURO-GENERATED-CONTENT:END -->
55
57
  </auro-accordion>
@@ -119,7 +119,7 @@ const t={ATTRIBUTE:1},e$1=t=>(...e)=>({_$litDirective$:t,values:e});class i{cons
119
119
  * SPDX-License-Identifier: BSD-3-Clause
120
120
  */const o=o=>o??E;
121
121
 
122
- var colorCss = i$4`.headerLinkBox{color:var(--ds-auro-lockup-alaska-logo-color)}.logoIcon{border-right-color:var(--ds-auro-lockup-divider-color)}.headerTitle-title{color:var(--ds-auro-lockup-title-color)}.headerTitle-tagline{color:var(--ds-auro-lockup-subtitle-color)}:host([onDark]){--ds-auro-lockup-alaska-logo-color: #FFF;--ds-auro-lockup-divider-color: var(--ds-basic-color-border-divider-inverse, rgba(255, 255, 255, .4));--ds-auro-lockup-subtitle-color: var(--ds-basic-color-texticon-inverse, #ffffff);--ds-auro-lockup-title-color: var(--ds-basic-color-texticon-inverse, #ffffff)}
122
+ var colorCss = i$4`.headerLinkBox{color:var(--ds-auro-lockup-alaska-logo-color)}.logoIcon{border-right-color:var(--ds-auro-lockup-divider-color)}.headerTitle-title{color:var(--ds-auro-lockup-title-color)}.headerTitle-tagline{color:var(--ds-auro-lockup-subtitle-color)}:host([onDark]),:host([appearance=inverse]){--ds-auro-lockup-alaska-logo-color: #FFF;--ds-auro-lockup-divider-color: var(--ds-basic-color-border-divider-inverse, rgba(255, 255, 255, .4));--ds-auro-lockup-subtitle-color: var(--ds-basic-color-texticon-inverse, #ffffff);--ds-auro-lockup-title-color: var(--ds-basic-color-texticon-inverse, #ffffff)}
123
123
  `;
124
124
 
125
125
  var styleCss = i$4`.body-default{font-size:var(--wcss-body-default-font-size, 1rem);line-height:var(--wcss-body-default-line-height, 1.5rem)}.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.625rem)}.body-sm{font-size:var(--wcss-body-sm-font-size, .875rem);line-height:var(--wcss-body-sm-line-height, 1.25rem)}.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, .75rem);line-height:var(--wcss-body-xs-line-height, 1rem)}.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, .625rem);font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0);line-height:var(--wcss-body-2xs-line-height, .875rem)}.display-2xl{font-family:var(--wcss-display-2xl-family, "AS Circular"),var(--wcss-display-2xl-family-fallback, 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"),var(--wcss-display-xl-family-fallback, 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"),var(--wcss-display-lg-family-fallback, 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"),var(--wcss-display-md-family-fallback, 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"),var(--wcss-display-sm-family-fallback, 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"),var(--wcss-display-xs-family-fallback, 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"),var(--wcss-heading-xl-family-fallback, 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"),var(--wcss-heading-lg-family-fallback, 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"),var(--wcss-heading-md-family-fallback, 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"),var(--wcss-heading-sm-family-fallback, 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"),var(--wcss-heading-xs-family-fallback, 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"),var(--wcss-heading-2xs-family-fallback, 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"),var(--wcss-accent-2xl-family-fallback, 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, .05em);line-height:var(--wcss-accent-2xl-line-height, 1)}.accent-2xl,.accent-xl{text-transform:uppercase}.accent-xl{font-family:var(--wcss-accent-xl-family, "Good OT"),var(--wcss-accent-xl-family-fallback, 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, .05em);line-height:var(--wcss-accent-xl-line-height, 1.3)}.accent-lg{font-family:var(--wcss-accent-lg-family, "Good OT"),var(--wcss-accent-lg-family-fallback, 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, .05em);line-height:var(--wcss-accent-lg-line-height, 1.3)}.accent-lg,.accent-md{text-transform:uppercase}.accent-md{font-family:var(--wcss-accent-md-family, "Good OT"),var(--wcss-accent-md-family-fallback, 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, .05em);line-height:var(--wcss-accent-md-line-height, 1.3)}.accent-sm{font-family:var(--wcss-accent-sm-family, "Good OT"),var(--wcss-accent-sm-family-fallback, 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, .05em);line-height:var(--wcss-accent-sm-line-height, 1.3)}.accent-sm,.accent-xs{text-transform:uppercase}.accent-xs{font-family:var(--wcss-accent-xs-family, "Good OT"),var(--wcss-accent-xs-family-fallback, 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, .1em);line-height:var(--wcss-accent-xs-line-height, 1.3)}.accent-2xs{font-family:var(--wcss-accent-2xs-family, "Good OT"),var(--wcss-accent-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xs-font-size, clamp(.875rem, 1.1666666667vw, .875rem));font-weight:var(--wcss-accent-2xs-weight, 450);letter-spacing:var(--wcss-accent-2xs-letter-spacing, .1em);line-height:var(--wcss-accent-2xs-line-height, 1.3);text-transform:uppercase}:focus:not(:focus-visible){outline:3px solid transparent}.headerLinkBox{display:flex;text-decoration:none}.logoIcon{width:calc(var(--ds-size-800, 4rem) * 2);padding-right:var(--ds-size-100, .5rem);border-right-width:1px;border-right-style:solid;margin-right:var(--ds-size-100, .5rem)}.oneworldLogo{display:flex;width:calc(var(--ds-size-500, 2.5rem) + .1rem);flex-direction:column;justify-content:center;padding-left:var(--ds-size-50, .25rem);margin-bottom:var(--ds-size-100, .5rem)}.headerTitle{display:flex;flex-direction:column;justify-content:center;padding-left:var(--ds-size-50, .25rem)}.headerTitle-tagline{padding-bottom:var(--ds-size-50, .25rem)}
@@ -132,6 +132,13 @@ var tokensCss = i$4`:host{--ds-auro-lockup-alaska-logo-color: #02426D;--ds-auro-
132
132
  // See LICENSE in the project root for license information.
133
133
 
134
134
 
135
+ /**
136
+ * The auro-lockup element is a standardized custom element for the use in headers of Alaska Airlines extended experiences.
137
+ *
138
+ * @slot title - Set title for lockup
139
+ * @slot subtitle - Set sub-title for lockup
140
+ * @attr {Boolean} onDark - DEPRECATED - Use `appearance="inverse"` instead.
141
+ */
135
142
  class AuroLockup extends i$1 {
136
143
  constructor() {
137
144
  super();
@@ -151,6 +158,16 @@ class AuroLockup extends i$1 {
151
158
  return {
152
159
  // ...super.properties,
153
160
 
161
+ /**
162
+ * Defines whether the component should be light colored for use on dark backgrounds.
163
+ * @property {'default', 'inverse'}
164
+ * @default 'default'
165
+ */
166
+ appearance: {
167
+ type: String,
168
+ reflect: true
169
+ },
170
+
154
171
  /**
155
172
  * (DEPRECATED) Replaces product name and tag line with Oneworld logo.
156
173
  */
package/demo/index.md CHANGED
@@ -70,14 +70,14 @@ The `standard` property is only supported with the `oneworld` option.
70
70
  <!-- AURO-GENERATED-CONTENT:END -->
71
71
  </auro-accordion>
72
72
 
73
- ## auro-lockup onDark
73
+ ## auro-lockup appearance options
74
74
 
75
- For lockup use with dark backgrounds or a dark mode, use the `onDark` attribute.
75
+ For lockup use with dark backgrounds or a dark mode, use the `appearance="inverse"` attribute.
76
76
 
77
77
  <div class="exampleWrapper--ondark">
78
78
  <!-- AURO-GENERATED-CONTENT:START (FILE:src=../apiExamples/onDark.html) -->
79
79
  <!-- The below content is automatically added from ../apiExamples/onDark.html -->
80
- <auro-lockup onDark>
80
+ <auro-lockup appearance="inverse">
81
81
  <span slot="title">Product Name</span>
82
82
  <span slot="subtitle">Powered by Partner Name</span>
83
83
  </auro-lockup>
@@ -89,7 +89,7 @@ For lockup use with dark backgrounds or a dark mode, use the `onDark` attribute.
89
89
  <!-- The below code snippet is automatically added from ../apiExamples/onDark.html -->
90
90
 
91
91
  ```html
92
- <auro-lockup onDark>
92
+ <auro-lockup appearance="inverse">
93
93
  <span slot="title">Product Name</span>
94
94
  <span slot="subtitle">Powered by Partner Name</span>
95
95
  </auro-lockup>
@@ -99,7 +99,7 @@ For lockup use with dark backgrounds or a dark mode, use the `onDark` attribute.
99
99
  <div class="exampleWrapper--ondark">
100
100
  <!-- AURO-GENERATED-CONTENT:START (FILE:src=../apiExamples/onDark-2.html) -->
101
101
  <!-- The below content is automatically added from ../apiExamples/onDark-2.html -->
102
- <auro-lockup onDark variant="oneworld"></auro-lockup>
102
+ <auro-lockup appearance="inverse" variant="oneworld"></auro-lockup>
103
103
  <!-- AURO-GENERATED-CONTENT:END -->
104
104
  </div>
105
105
  <auro-accordion alignRight>
@@ -108,14 +108,14 @@ For lockup use with dark backgrounds or a dark mode, use the `onDark` attribute.
108
108
  <!-- The below code snippet is automatically added from ../apiExamples/onDark-2.html -->
109
109
 
110
110
  ```html
111
- <auro-lockup onDark variant="oneworld"></auro-lockup>
111
+ <auro-lockup appearance="inverse" variant="oneworld"></auro-lockup>
112
112
  ```
113
113
  <!-- AURO-GENERATED-CONTENT:END -->
114
114
  </auro-accordion>
115
115
  <div class="exampleWrapper--ondark">
116
116
  <!-- AURO-GENERATED-CONTENT:START (FILE:src=../apiExamples/onDark-3.html) -->
117
117
  <!-- The below content is automatically added from ../apiExamples/onDark-3.html -->
118
- <auro-lockup onDark standard variant="oneworld"></auro-lockup>
118
+ <auro-lockup appearance="inverse" standard variant="oneworld"></auro-lockup>
119
119
  <!-- AURO-GENERATED-CONTENT:END -->
120
120
  </div>
121
121
  <auro-accordion alignRight>
@@ -124,7 +124,7 @@ For lockup use with dark backgrounds or a dark mode, use the `onDark` attribute.
124
124
  <!-- The below code snippet is automatically added from ../apiExamples/onDark-3.html -->
125
125
 
126
126
  ```html
127
- <auro-lockup onDark standard variant="oneworld"></auro-lockup>
127
+ <auro-lockup appearance="inverse" standard variant="oneworld"></auro-lockup>
128
128
  ```
129
129
  <!-- AURO-GENERATED-CONTENT:END -->
130
130
  </auro-accordion>
@@ -1,7 +1,7 @@
1
- import{css as e,LitElement as s,html as a}from"lit";import{classMap as t}from"lit/directives/class-map.js";import{ifDefined as i}from"lit/directives/if-defined.js";var l='<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" style="min-width:100%;height:auto;fill:currentColor" viewBox="0 0 24 24" part="svg"><title id="oneworld__title">Airplane tail image for Oneworld Alliance</title><defs><radialGradient id="oneworld_svg__a" cx="23.632%" cy="17.875%" r="162.725%"><stop offset="0" stop-color="#fff" stop-opacity=".5"/><stop offset=".283" stop-color="#adabd3" stop-opacity=".595"/><stop offset=".58" stop-color="#5c58a8" stop-opacity=".695"/><stop offset=".791" stop-color="#2a248c" stop-opacity=".766"/><stop offset="1" stop-color="#161082" stop-opacity=".8"/></radialGradient><radialGradient id="oneworld_svg__b" cx="20.432%" cy="15.711%" r="77.841%" gradientTransform="matrix(.61524 .78834 -1.01126 .78922 .237 -.128)"><stop offset="0" stop-color="#fff" stop-opacity=".9"/><stop offset=".283" stop-color="#adabd3" stop-opacity=".615"/><stop offset=".58" stop-color="#5c58a8" stop-opacity=".316"/><stop offset=".791" stop-color="#2a248c" stop-opacity=".104"/><stop offset="1" stop-color="#161082" stop-opacity="0"/></radialGradient></defs><g fill="none" fill-rule="evenodd" transform="translate(1.5 1.5)"><path fill="#fff" fill-rule="nonzero" d="M0 10.483c0 5.78 4.7 10.482 10.483 10.482 5.781 0 10.482-4.7 10.482-10.482C20.965 4.7 16.262 0 10.483 0 4.703 0 0 4.7 0 10.483m1.07 0c0-5.192 4.222-9.414 9.413-9.414s9.412 4.223 9.412 9.414-4.222 9.412-9.412 9.412-9.414-4.222-9.414-9.412z"/><circle cx="10.483" cy="10.483" r="9.902" fill="#161082"/><circle cx="9.952" cy="9.952" r="9.902" fill="url(#oneworld_svg__a)" opacity=".5" transform="translate(.531 .531)"/><circle cx="9.952" cy="9.952" r="9.902" fill="url(#oneworld_svg__b)" transform="translate(.531 .531)"/><path fill="#fff" fill-rule="nonzero" d="M7.762 10.571c.044-.266.223-.446.49-.446.268 0 .446.225.446.446zm1.65.402c.044-.758-.357-1.383-1.16-1.383-.67 0-1.204.49-1.204 1.206 0 .757.49 1.203 1.248 1.203.491 0 .982-.224 1.116-.757h-.67q-.132.266-.4.266c-.313 0-.492-.223-.492-.535zm9.233.803c.58 0 .803-.49.803-.981s-.224-.982-.803-.982c-.535 0-.758.49-.758.982s.223.981.758.981m1.071.178h-.268v-.446c-.134.313-.49.491-.803.491-.67 0-1.025-.58-1.025-1.204 0-.625.312-1.205 1.025-1.205.357 0 .669.18.803.49V8.788h.267v3.167M9.546 9.68h.312l.58 1.964.535-1.964h.312l.536 1.964.58-1.964h.356l-.713 2.275h-.313l-.579-1.917-.536 1.917h-.312zm5.532 1.116c0 .669-.358 1.204-1.072 1.204-.713 0-1.07-.535-1.07-1.204s.357-1.205 1.07-1.205c.67.045 1.07.58 1.07 1.206m-1.873 0c0 .49.268.98.803.98.536 0 .803-.49.803-.981s-.267-.982-.803-.982c-.535.045-.803.535-.803.982m2.275-1.116h.268v.536a.87.87 0 0 1 .847-.58v.267c-.49-.044-.847.358-.847.804v1.204h-.267V9.68m1.427-.848h.312v3.122h-.268V8.832zM2.275 10.795c0-.267.09-.625.446-.625s.446.357.446.625-.09.624-.446.624-.446-.312-.446-.624m-.758 0c0 .669.491 1.204 1.204 1.204.714 0 1.205-.49 1.205-1.204 0-.67-.491-1.205-1.206-1.205-.713.045-1.204.535-1.204 1.206m2.811-1.117h.714v.313c.133-.224.446-.357.713-.357.758 0 .803.535.803.892v1.427H5.8v-1.07c0-.313.043-.624-.358-.624-.267 0-.401.223-.401.49V12h-.715V9.677"/></g></svg>',c='<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-labelledby="AS-200__title AS-200__desc" role="img" style="min-width:100%;height:auto;fill:currentColor" viewBox="0 0 83 26" part="svg"><title id="AS-200__title">Alaska Airlines</title><desc id="AS-200__desc">Logo image for Alaska Airlines</desc><path d="M39.72 1.52 30.44 17a11.3 11.3 0 0 0-1.6 4.8h-3.62a16.5 16.5 0 0 1 2.6-6.51l6.47-10.84c1.29-2.15 2.58-2.93 4.92-2.93zM39.01 17.81a5.7 5.7 0 0 1-3.1 1.6c-.76 0-.79-.74-.27-1.73 1.95-3.74 4-5.72 6.53-5.71h.46zm3.43-7.94c-4.69 0-7.57 2.73-10.11 8.71-.64 1.5-1 3.36 1.17 3.34a10 10 0 0 0 4.75-1.7 5.2 5.2 0 0 0-.14 1.58h3.29c.223-1.697.792-3.33 1.67-4.8l4.11-6.86a47 47 0 0 0-4.74-.27M72.82 17.81a5.66 5.66 0 0 1-3.09 1.6c-.76 0-.79-.74-.28-1.73 1.99-3.74 3.99-5.68 6.54-5.68h.45zm3.42-7.94c-4.69 0-7.57 2.73-10.12 8.71-.63 1.5-1 3.36 1.17 3.34a10 10 0 0 0 4.75-1.7 5.2 5.2 0 0 0-.13 1.58h3.29c.22-1.7.796-3.336 1.69-4.8L81 10.14a47 47 0 0 0-4.76-.27"/><path d="M65.55 25.11h-1.11a3.09 3.09 0 0 1-3-2.28l-1.6-6.17-3.05 5.14h-3.51l9.79-16.56c1.26-2.15 2.57-2.93 4.91-2.93h.36l-6.5 11 4.87-3.36h3.92l-8.19 5.64zM33.26.56c-3.3 0-5 .87-8.24 3.21l-11 7.9h-7c-2 0-3.66.08-4.94 1.29L.3 14.63l10.19-.39L0 21.8h4.53l10.74-7.74c2.08-.08 3.52-.14 3.53-.13a5.15 5.15 0 0 0 3.89-2.26h-4.11l8.67-6.26-6.44 10.44a15.4 15.4 0 0 0-2.27 5.95h3.72A11.34 11.34 0 0 1 23.9 17l8.77-14.61c.61-1 1.15-1.83 1.15-1.83zM50.73 13.23c0 .31.08.5.71.91l1 .66a2.85 2.85 0 0 1 1.4 2.67c-.37 2.46-2.17 4.44-6 4.44a22 22 0 0 1-4.4-.39L44.89 19c1.06.223 2.138.347 3.22.37 1.44 0 2-.66 2.1-1.19 0-.32-.11-.68-.79-1.15l-.8-.57c-1.28-.91-1.61-1.63-1.44-2.76.32-2.18 2.83-3.84 6.32-3.84a34 34 0 0 1 3.6.21l-1.4 2.37a31 31 0 0 0-3.24-.1c-1.02.04-1.66.39-1.73.89M80.69 18.27a1.86 1.86 0 1 1 .06 3.721 1.86 1.86 0 0 1-.06-3.72m0 3.35a1.49 1.49 0 1 0-1.44-1.49 1.45 1.45 0 0 0 1.44 1.49m-.25-.49h-.38v-2h.7a.65.65 0 0 1 .68.64.63.63 0 0 1-.44.6l.45.79h-.44l-.42-.76h-.15zm.28-1.13c.23 0 .35-.11.35-.3s-.12-.3-.35-.3h-.28v.6z"/></svg>',r='<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-labelledby="AS-tagline-200__title AS-tagline-200__desc" role="img" style="min-width:100%;height:auto;fill:currentColor" viewBox="0 0 83 35" part="svg"><title id="AS-tagline-200__title">Alaska Airlines</title><desc id="AS-tagline-200__desc">Logo image for Alaska Airlines</desc><path d="M10.2 33.4H7.6l-.5 1.5H5.8l2.4-6.4h1.4l2.4 6.4h-1.3zM8 32.2h1.8l-.9-2.4zM16.5 34.8v-6.4h1.3v6.4zM25 32.4h-.6v2.5h-1.2v-6.4h2.5c1.2 0 2 .9 2 2 0 .9-.5 1.6-1.4 1.8l1.4 2.6h-1.4zm.3-1.1c.6 0 1-.4 1-.9s-.4-.9-1-.9h-1v1.8zM32.6 34.8v-6.4h1.2v5.2h2.8v1.2zM41.6 34.8v-6.4h1.3v6.4zM52.3 34.8l-2.9-4.5v4.5h-1.2v-6.4h1.5l2.6 4.2v-4.2h1.2v6.4zM59 34.8v-6.4h4v1.2h-2.7v1.5h2.5v1.1h-2.5v1.5H63v1.2h-4zM71.3 30.3c-.1-.4-.4-.9-1.2-.9-.6 0-1 .4-1 .8s.2.6.7.7l.9.2c1.2.2 1.8 1 1.8 1.9 0 1-.8 2-2.3 2-1.7 0-2.4-1.1-2.5-2l1.1-.3c.1.6.5 1.2 1.4 1.2.7 0 1-.3 1-.8 0-.4-.3-.7-.8-.8l-.9-.2c-1-.2-1.7-.9-1.7-1.8 0-1.1 1-2 2.2-2 1.5 0 2.1.9 2.3 1.7zM39.7 1l-9.2 15.5c-1 1.6-1.5 3.2-1.6 4.8h-3.6c.2-2 1-3.8 2.6-6.5L34.4 4c1.2-2.3 2.5-3 4.8-3zM39 17.3c-.7.6-2 1.6-3.1 1.6-.8 0-.8-.7-.3-1.7 2-3.7 4-5.7 6.5-5.7h.5zm3.4-8c-4.7 0-7.6 2.7-10.1 8.7-.6 1.5-1 3.4 1.2 3.3 1.2 0 3.3-.7 4.8-1.7-.1.5-.2 1.2-.1 1.6h3.3c.1-1.3.6-2.9 1.7-4.8l4.1-6.9c-1.7-.1-3.3-.2-4.9-.2M72.8 17.3c-.7.6-2 1.6-3.1 1.6-.8 0-.8-.7-.3-1.7 2-3.7 4-5.7 6.5-5.7h.5zm3.4-8c-4.7 0-7.6 2.7-10.1 8.7-.6 1.5-1 3.4 1.2 3.3 1.2 0 3.3-.7 4.8-1.7-.1.5-.2 1.2-.1 1.6h3.3c.1-1.3.6-2.9 1.7-4.8l4-6.8q-2.4-.3-4.8-.3"/><path d="M65.5 24.6h-1.1c-1.4 0-2.6-.9-3-2.3l-1.6-6.2-3.1 5.1h-3.5L63 4.6c1.3-2.1 2.6-2.9 4.9-2.9h.4l-6.5 11 4.9-3.4h3.9L62.4 15zM33.3 0c-3.3 0-5 .9-8.2 3.2l-11 7.9H7c-2 0-3.7.1-4.9 1.3L.3 14.1s5.3-.2 10.2-.4L0 21.2h4.5l10.7-7.7c2.1-.1 3.5-.1 3.5-.1 2.5-.1 3.9-2.3 3.9-2.3h-4.1l8.7-6.3-6.4 10.4c-1.4 2.4-2 4.1-2.3 5.9h3.7c.1-1.6.7-3.2 1.6-4.8l8.8-14.7c.6-1 1.1-1.8 1.1-1.8zM50.7 12.7c0 .3.1.5.7.9l1 .7c1.1.7 1.5 1.8 1.4 2.7-.4 2.5-2.2 4.4-6 4.4-1.7 0-2.4-.1-4.4-.4l1.5-2.5c1.4.2 2.2.4 3.2.4 1.4 0 2-.7 2.1-1.2 0-.3-.1-.7-.8-1.2l-.8-.6c-1.3-.9-1.6-1.6-1.4-2.8.3-2.2 2.8-3.8 6.3-3.8 1.1 0 2.3.1 3.6.2l-1.4 2.4c-.9-.1-2.3-.1-3.2-.1-1 0-1.7.4-1.8.9M80.7 17.7c1 0 1.8.8 1.8 1.9 0 1-.8 1.9-1.8 1.9s-1.8-.8-1.8-1.9c0-1 .8-1.9 1.8-1.9m0 3.4c.8 0 1.4-.6 1.4-1.5 0-.8-.6-1.5-1.4-1.5s-1.4.6-1.4 1.5c0 .8.6 1.5 1.4 1.5m-.2-.5h-.4v-2h.7c.4 0 .7.3.7.6s-.2.5-.4.6l.5.8H81l-.4-.8h-.2v.8zm.2-1.1c.2 0 .4-.1.4-.3s-.1-.3-.4-.3h-.3v.6z"/></svg>';class o{registerComponent(e,s){customElements.get(e)||customElements.define(e,class extends s{})}closestElement(e,s=this,a=(s,t=s&&s.closest(e))=>s&&s!==document&&s!==window?t||a(s.getRootNode().host):null){return a(s)}handleComponentTagRename(e,s){const a=s.toLowerCase();e.tagName.toLowerCase()!==a&&e.setAttribute(a,!0)}elementMatch(e,s){const a=s.toLowerCase();return e.tagName.toLowerCase()===a||e.hasAttribute(a)}}var n=e`.headerLinkBox{color:var(--ds-auro-lockup-alaska-logo-color)}.logoIcon{border-right-color:var(--ds-auro-lockup-divider-color)}.headerTitle-title{color:var(--ds-auro-lockup-title-color)}.headerTitle-tagline{color:var(--ds-auro-lockup-subtitle-color)}:host([onDark]){--ds-auro-lockup-alaska-logo-color: #FFF;--ds-auro-lockup-divider-color: var(--ds-basic-color-border-divider-inverse, rgba(255, 255, 255, .4));--ds-auro-lockup-subtitle-color: var(--ds-basic-color-texticon-inverse, #ffffff);--ds-auro-lockup-title-color: var(--ds-basic-color-texticon-inverse, #ffffff)}
1
+ import{css as e,LitElement as s,html as a}from"lit";import{classMap as t}from"lit/directives/class-map.js";import{ifDefined as i}from"lit/directives/if-defined.js";var l='<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" style="min-width:100%;height:auto;fill:currentColor" viewBox="0 0 24 24" part="svg"><title id="oneworld__title">Airplane tail image for Oneworld Alliance</title><defs><radialGradient id="oneworld_svg__a" cx="23.632%" cy="17.875%" r="162.725%"><stop offset="0" stop-color="#fff" stop-opacity=".5"/><stop offset=".283" stop-color="#adabd3" stop-opacity=".595"/><stop offset=".58" stop-color="#5c58a8" stop-opacity=".695"/><stop offset=".791" stop-color="#2a248c" stop-opacity=".766"/><stop offset="1" stop-color="#161082" stop-opacity=".8"/></radialGradient><radialGradient id="oneworld_svg__b" cx="20.432%" cy="15.711%" r="77.841%" gradientTransform="matrix(.61524 .78834 -1.01126 .78922 .237 -.128)"><stop offset="0" stop-color="#fff" stop-opacity=".9"/><stop offset=".283" stop-color="#adabd3" stop-opacity=".615"/><stop offset=".58" stop-color="#5c58a8" stop-opacity=".316"/><stop offset=".791" stop-color="#2a248c" stop-opacity=".104"/><stop offset="1" stop-color="#161082" stop-opacity="0"/></radialGradient></defs><g fill="none" fill-rule="evenodd" transform="translate(1.5 1.5)"><path fill="#fff" fill-rule="nonzero" d="M0 10.483c0 5.78 4.7 10.482 10.483 10.482 5.781 0 10.482-4.7 10.482-10.482C20.965 4.7 16.262 0 10.483 0 4.703 0 0 4.7 0 10.483m1.07 0c0-5.192 4.222-9.414 9.413-9.414s9.412 4.223 9.412 9.414-4.222 9.412-9.412 9.412-9.414-4.222-9.414-9.412z"/><circle cx="10.483" cy="10.483" r="9.902" fill="#161082"/><circle cx="9.952" cy="9.952" r="9.902" fill="url(#oneworld_svg__a)" opacity=".5" transform="translate(.531 .531)"/><circle cx="9.952" cy="9.952" r="9.902" fill="url(#oneworld_svg__b)" transform="translate(.531 .531)"/><path fill="#fff" fill-rule="nonzero" d="M7.762 10.571c.044-.266.223-.446.49-.446.268 0 .446.225.446.446zm1.65.402c.044-.758-.357-1.383-1.16-1.383-.67 0-1.204.49-1.204 1.206 0 .757.49 1.203 1.248 1.203.491 0 .982-.224 1.116-.757h-.67q-.132.266-.4.266c-.313 0-.492-.223-.492-.535zm9.233.803c.58 0 .803-.49.803-.981s-.224-.982-.803-.982c-.535 0-.758.49-.758.982s.223.981.758.981m1.071.178h-.268v-.446c-.134.313-.49.491-.803.491-.67 0-1.025-.58-1.025-1.204 0-.625.312-1.205 1.025-1.205.357 0 .669.18.803.49V8.788h.267v3.167M9.546 9.68h.312l.58 1.964.535-1.964h.312l.536 1.964.58-1.964h.356l-.713 2.275h-.313l-.579-1.917-.536 1.917h-.312zm5.532 1.116c0 .669-.358 1.204-1.072 1.204-.713 0-1.07-.535-1.07-1.204s.357-1.205 1.07-1.205c.67.045 1.07.58 1.07 1.206m-1.873 0c0 .49.268.98.803.98.536 0 .803-.49.803-.981s-.267-.982-.803-.982c-.535.045-.803.535-.803.982m2.275-1.116h.268v.536a.87.87 0 0 1 .847-.58v.267c-.49-.044-.847.358-.847.804v1.204h-.267V9.68m1.427-.848h.312v3.122h-.268V8.832zM2.275 10.795c0-.267.09-.625.446-.625s.446.357.446.625-.09.624-.446.624-.446-.312-.446-.624m-.758 0c0 .669.491 1.204 1.204 1.204.714 0 1.205-.49 1.205-1.204 0-.67-.491-1.205-1.206-1.205-.713.045-1.204.535-1.204 1.206m2.811-1.117h.714v.313c.133-.224.446-.357.713-.357.758 0 .803.535.803.892v1.427H5.8v-1.07c0-.313.043-.624-.358-.624-.267 0-.401.223-.401.49V12h-.715V9.677"/></g></svg>',c='<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-labelledby="AS-200__title AS-200__desc" role="img" style="min-width:100%;height:auto;fill:currentColor" viewBox="0 0 83 26" part="svg"><title id="AS-200__title">Alaska Airlines</title><desc id="AS-200__desc">Logo image for Alaska Airlines</desc><path d="M39.72 1.52 30.44 17a11.3 11.3 0 0 0-1.6 4.8h-3.62a16.5 16.5 0 0 1 2.6-6.51l6.47-10.84c1.29-2.15 2.58-2.93 4.92-2.93zM39.01 17.81a5.7 5.7 0 0 1-3.1 1.6c-.76 0-.79-.74-.27-1.73 1.95-3.74 4-5.72 6.53-5.71h.46zm3.43-7.94c-4.69 0-7.57 2.73-10.11 8.71-.64 1.5-1 3.36 1.17 3.34a10 10 0 0 0 4.75-1.7 5.2 5.2 0 0 0-.14 1.58h3.29c.223-1.697.792-3.33 1.67-4.8l4.11-6.86a47 47 0 0 0-4.74-.27M72.82 17.81a5.66 5.66 0 0 1-3.09 1.6c-.76 0-.79-.74-.28-1.73 1.99-3.74 3.99-5.68 6.54-5.68h.45zm3.42-7.94c-4.69 0-7.57 2.73-10.12 8.71-.63 1.5-1 3.36 1.17 3.34a10 10 0 0 0 4.75-1.7 5.2 5.2 0 0 0-.13 1.58h3.29c.22-1.7.796-3.336 1.69-4.8L81 10.14a47 47 0 0 0-4.76-.27"/><path d="M65.55 25.11h-1.11a3.09 3.09 0 0 1-3-2.28l-1.6-6.17-3.05 5.14h-3.51l9.79-16.56c1.26-2.15 2.57-2.93 4.91-2.93h.36l-6.5 11 4.87-3.36h3.92l-8.19 5.64zM33.26.56c-3.3 0-5 .87-8.24 3.21l-11 7.9h-7c-2 0-3.66.08-4.94 1.29L.3 14.63l10.19-.39L0 21.8h4.53l10.74-7.74c2.08-.08 3.52-.14 3.53-.13a5.15 5.15 0 0 0 3.89-2.26h-4.11l8.67-6.26-6.44 10.44a15.4 15.4 0 0 0-2.27 5.95h3.72A11.34 11.34 0 0 1 23.9 17l8.77-14.61c.61-1 1.15-1.83 1.15-1.83zM50.73 13.23c0 .31.08.5.71.91l1 .66a2.85 2.85 0 0 1 1.4 2.67c-.37 2.46-2.17 4.44-6 4.44a22 22 0 0 1-4.4-.39L44.89 19c1.06.223 2.138.347 3.22.37 1.44 0 2-.66 2.1-1.19 0-.32-.11-.68-.79-1.15l-.8-.57c-1.28-.91-1.61-1.63-1.44-2.76.32-2.18 2.83-3.84 6.32-3.84a34 34 0 0 1 3.6.21l-1.4 2.37a31 31 0 0 0-3.24-.1c-1.02.04-1.66.39-1.73.89M80.69 18.27a1.86 1.86 0 1 1 .06 3.721 1.86 1.86 0 0 1-.06-3.72m0 3.35a1.49 1.49 0 1 0-1.44-1.49 1.45 1.45 0 0 0 1.44 1.49m-.25-.49h-.38v-2h.7a.65.65 0 0 1 .68.64.63.63 0 0 1-.44.6l.45.79h-.44l-.42-.76h-.15zm.28-1.13c.23 0 .35-.11.35-.3s-.12-.3-.35-.3h-.28v.6z"/></svg>',r='<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-labelledby="AS-tagline-200__title AS-tagline-200__desc" role="img" style="min-width:100%;height:auto;fill:currentColor" viewBox="0 0 83 35" part="svg"><title id="AS-tagline-200__title">Alaska Airlines</title><desc id="AS-tagline-200__desc">Logo image for Alaska Airlines</desc><path d="M10.2 33.4H7.6l-.5 1.5H5.8l2.4-6.4h1.4l2.4 6.4h-1.3zM8 32.2h1.8l-.9-2.4zM16.5 34.8v-6.4h1.3v6.4zM25 32.4h-.6v2.5h-1.2v-6.4h2.5c1.2 0 2 .9 2 2 0 .9-.5 1.6-1.4 1.8l1.4 2.6h-1.4zm.3-1.1c.6 0 1-.4 1-.9s-.4-.9-1-.9h-1v1.8zM32.6 34.8v-6.4h1.2v5.2h2.8v1.2zM41.6 34.8v-6.4h1.3v6.4zM52.3 34.8l-2.9-4.5v4.5h-1.2v-6.4h1.5l2.6 4.2v-4.2h1.2v6.4zM59 34.8v-6.4h4v1.2h-2.7v1.5h2.5v1.1h-2.5v1.5H63v1.2h-4zM71.3 30.3c-.1-.4-.4-.9-1.2-.9-.6 0-1 .4-1 .8s.2.6.7.7l.9.2c1.2.2 1.8 1 1.8 1.9 0 1-.8 2-2.3 2-1.7 0-2.4-1.1-2.5-2l1.1-.3c.1.6.5 1.2 1.4 1.2.7 0 1-.3 1-.8 0-.4-.3-.7-.8-.8l-.9-.2c-1-.2-1.7-.9-1.7-1.8 0-1.1 1-2 2.2-2 1.5 0 2.1.9 2.3 1.7zM39.7 1l-9.2 15.5c-1 1.6-1.5 3.2-1.6 4.8h-3.6c.2-2 1-3.8 2.6-6.5L34.4 4c1.2-2.3 2.5-3 4.8-3zM39 17.3c-.7.6-2 1.6-3.1 1.6-.8 0-.8-.7-.3-1.7 2-3.7 4-5.7 6.5-5.7h.5zm3.4-8c-4.7 0-7.6 2.7-10.1 8.7-.6 1.5-1 3.4 1.2 3.3 1.2 0 3.3-.7 4.8-1.7-.1.5-.2 1.2-.1 1.6h3.3c.1-1.3.6-2.9 1.7-4.8l4.1-6.9c-1.7-.1-3.3-.2-4.9-.2M72.8 17.3c-.7.6-2 1.6-3.1 1.6-.8 0-.8-.7-.3-1.7 2-3.7 4-5.7 6.5-5.7h.5zm3.4-8c-4.7 0-7.6 2.7-10.1 8.7-.6 1.5-1 3.4 1.2 3.3 1.2 0 3.3-.7 4.8-1.7-.1.5-.2 1.2-.1 1.6h3.3c.1-1.3.6-2.9 1.7-4.8l4-6.8q-2.4-.3-4.8-.3"/><path d="M65.5 24.6h-1.1c-1.4 0-2.6-.9-3-2.3l-1.6-6.2-3.1 5.1h-3.5L63 4.6c1.3-2.1 2.6-2.9 4.9-2.9h.4l-6.5 11 4.9-3.4h3.9L62.4 15zM33.3 0c-3.3 0-5 .9-8.2 3.2l-11 7.9H7c-2 0-3.7.1-4.9 1.3L.3 14.1s5.3-.2 10.2-.4L0 21.2h4.5l10.7-7.7c2.1-.1 3.5-.1 3.5-.1 2.5-.1 3.9-2.3 3.9-2.3h-4.1l8.7-6.3-6.4 10.4c-1.4 2.4-2 4.1-2.3 5.9h3.7c.1-1.6.7-3.2 1.6-4.8l8.8-14.7c.6-1 1.1-1.8 1.1-1.8zM50.7 12.7c0 .3.1.5.7.9l1 .7c1.1.7 1.5 1.8 1.4 2.7-.4 2.5-2.2 4.4-6 4.4-1.7 0-2.4-.1-4.4-.4l1.5-2.5c1.4.2 2.2.4 3.2.4 1.4 0 2-.7 2.1-1.2 0-.3-.1-.7-.8-1.2l-.8-.6c-1.3-.9-1.6-1.6-1.4-2.8.3-2.2 2.8-3.8 6.3-3.8 1.1 0 2.3.1 3.6.2l-1.4 2.4c-.9-.1-2.3-.1-3.2-.1-1 0-1.7.4-1.8.9M80.7 17.7c1 0 1.8.8 1.8 1.9 0 1-.8 1.9-1.8 1.9s-1.8-.8-1.8-1.9c0-1 .8-1.9 1.8-1.9m0 3.4c.8 0 1.4-.6 1.4-1.5 0-.8-.6-1.5-1.4-1.5s-1.4.6-1.4 1.5c0 .8.6 1.5 1.4 1.5m-.2-.5h-.4v-2h.7c.4 0 .7.3.7.6s-.2.5-.4.6l.5.8H81l-.4-.8h-.2v.8zm.2-1.1c.2 0 .4-.1.4-.3s-.1-.3-.4-.3h-.3v.6z"/></svg>';class o{registerComponent(e,s){customElements.get(e)||customElements.define(e,class extends s{})}closestElement(e,s=this,a=(s,t=s&&s.closest(e))=>s&&s!==document&&s!==window?t||a(s.getRootNode().host):null){return a(s)}handleComponentTagRename(e,s){const a=s.toLowerCase();e.tagName.toLowerCase()!==a&&e.setAttribute(a,!0)}elementMatch(e,s){const a=s.toLowerCase();return e.tagName.toLowerCase()===a||e.hasAttribute(a)}}var n=e`.headerLinkBox{color:var(--ds-auro-lockup-alaska-logo-color)}.logoIcon{border-right-color:var(--ds-auro-lockup-divider-color)}.headerTitle-title{color:var(--ds-auro-lockup-title-color)}.headerTitle-tagline{color:var(--ds-auro-lockup-subtitle-color)}:host([onDark]),:host([appearance=inverse]){--ds-auro-lockup-alaska-logo-color: #FFF;--ds-auro-lockup-divider-color: var(--ds-basic-color-border-divider-inverse, rgba(255, 255, 255, .4));--ds-auro-lockup-subtitle-color: var(--ds-basic-color-texticon-inverse, #ffffff);--ds-auro-lockup-title-color: var(--ds-basic-color-texticon-inverse, #ffffff)}
2
2
  `,m=e`.body-default{font-size:var(--wcss-body-default-font-size, 1rem);line-height:var(--wcss-body-default-line-height, 1.5rem)}.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.625rem)}.body-sm{font-size:var(--wcss-body-sm-font-size, .875rem);line-height:var(--wcss-body-sm-line-height, 1.25rem)}.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, .75rem);line-height:var(--wcss-body-xs-line-height, 1rem)}.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, .625rem);font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0);line-height:var(--wcss-body-2xs-line-height, .875rem)}.display-2xl{font-family:var(--wcss-display-2xl-family, "AS Circular"),var(--wcss-display-2xl-family-fallback, 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"),var(--wcss-display-xl-family-fallback, 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"),var(--wcss-display-lg-family-fallback, 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"),var(--wcss-display-md-family-fallback, 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"),var(--wcss-display-sm-family-fallback, 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"),var(--wcss-display-xs-family-fallback, 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"),var(--wcss-heading-xl-family-fallback, 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"),var(--wcss-heading-lg-family-fallback, 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"),var(--wcss-heading-md-family-fallback, 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"),var(--wcss-heading-sm-family-fallback, 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"),var(--wcss-heading-xs-family-fallback, 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"),var(--wcss-heading-2xs-family-fallback, 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"),var(--wcss-accent-2xl-family-fallback, 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, .05em);line-height:var(--wcss-accent-2xl-line-height, 1)}.accent-2xl,.accent-xl{text-transform:uppercase}.accent-xl{font-family:var(--wcss-accent-xl-family, "Good OT"),var(--wcss-accent-xl-family-fallback, 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, .05em);line-height:var(--wcss-accent-xl-line-height, 1.3)}.accent-lg{font-family:var(--wcss-accent-lg-family, "Good OT"),var(--wcss-accent-lg-family-fallback, 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, .05em);line-height:var(--wcss-accent-lg-line-height, 1.3)}.accent-lg,.accent-md{text-transform:uppercase}.accent-md{font-family:var(--wcss-accent-md-family, "Good OT"),var(--wcss-accent-md-family-fallback, 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, .05em);line-height:var(--wcss-accent-md-line-height, 1.3)}.accent-sm{font-family:var(--wcss-accent-sm-family, "Good OT"),var(--wcss-accent-sm-family-fallback, 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, .05em);line-height:var(--wcss-accent-sm-line-height, 1.3)}.accent-sm,.accent-xs{text-transform:uppercase}.accent-xs{font-family:var(--wcss-accent-xs-family, "Good OT"),var(--wcss-accent-xs-family-fallback, 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, .1em);line-height:var(--wcss-accent-xs-line-height, 1.3)}.accent-2xs{font-family:var(--wcss-accent-2xs-family, "Good OT"),var(--wcss-accent-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xs-font-size, clamp(.875rem, 1.1666666667vw, .875rem));font-weight:var(--wcss-accent-2xs-weight, 450);letter-spacing:var(--wcss-accent-2xs-letter-spacing, .1em);line-height:var(--wcss-accent-2xs-line-height, 1.3);text-transform:uppercase}:focus:not(:focus-visible){outline:3px solid transparent}.headerLinkBox{display:flex;text-decoration:none}.logoIcon{width:calc(var(--ds-size-800, 4rem) * 2);padding-right:var(--ds-size-100, .5rem);border-right-width:1px;border-right-style:solid;margin-right:var(--ds-size-100, .5rem)}.oneworldLogo{display:flex;width:calc(var(--ds-size-500, 2.5rem) + .1rem);flex-direction:column;justify-content:center;padding-left:var(--ds-size-50, .25rem);margin-bottom:var(--ds-size-100, .5rem)}.headerTitle{display:flex;flex-direction:column;justify-content:center;padding-left:var(--ds-size-50, .25rem)}.headerTitle-tagline{padding-bottom:var(--ds-size-50, .25rem)}
3
3
  `,h=e`:host{--ds-auro-lockup-alaska-logo-color: #02426D;--ds-auro-lockup-divider-color: var(--ds-basic-color-border-divider, rgba(0, 0, 0, .15));--ds-auro-lockup-subtitle-color: var(--ds-basic-color-texticon-muted, #676767);--ds-auro-lockup-title-color: var(--ds-basic-color-texticon-accent1, #265688)}
4
- `;class g extends s{constructor(){super(),this.path="/",this.standard=!1,this.oneworld=!1,this.runtimeUtils=new o}static get properties(){return{oneworld:{type:Boolean,reflect:!0},path:{type:String},standard:{type:Boolean,reflect:!0},variant:{type:String,reflect:!0}}}static get styles(){return[m,n,h]}static register(e="auro-lockup"){o.prototype.registerComponent(e,g)}firstUpdated(){this.runtimeUtils.handleComponentTagRename(this,"auro-lockup")}updated(){this.oneworld&&this.setAttribute("variant","oneworld")}generateIconHtml(e){const s=(new DOMParser).parseFromString(e,"text/html").body.firstChild;return a`${s}`}render(){const e={logoIcon:!0,logoDivider:!this.variant};return a`
4
+ `;class g extends s{constructor(){super(),this.path="/",this.standard=!1,this.oneworld=!1,this.runtimeUtils=new o}static get properties(){return{appearance:{type:String,reflect:!0},oneworld:{type:Boolean,reflect:!0},path:{type:String},standard:{type:Boolean,reflect:!0},variant:{type:String,reflect:!0}}}static get styles(){return[m,n,h]}static register(e="auro-lockup"){o.prototype.registerComponent(e,g)}firstUpdated(){this.runtimeUtils.handleComponentTagRename(this,"auro-lockup")}updated(){this.oneworld&&this.setAttribute("variant","oneworld")}generateIconHtml(e){const s=(new DOMParser).parseFromString(e,"text/html").body.firstChild;return a`${s}`}render(){const e={logoIcon:!0,logoDivider:!this.variant};return a`
5
5
  <a href=${this.path} class="headerLinkBox">
6
6
  <div class="${t(e)}">
7
7
  ${i(this.standard&&"oneworld"===this.variant?this.generateIconHtml(c):this.generateIconHtml(r))}
package/dist/index.d.ts CHANGED
@@ -2,10 +2,10 @@ import { css, LitElement, html } from 'lit';
2
2
  import { classMap } from 'lit/directives/class-map.js';
3
3
  import { ifDefined } from 'lit/directives/if-defined.js';
4
4
 
5
- var l='<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" style="min-width:100%;height:auto;fill:currentColor" viewBox="0 0 24 24" part="svg"><title id="oneworld__title">Airplane tail image for Oneworld Alliance</title><defs><radialGradient id="oneworld_svg__a" cx="23.632%" cy="17.875%" r="162.725%"><stop offset="0" stop-color="#fff" stop-opacity=".5"/><stop offset=".283" stop-color="#adabd3" stop-opacity=".595"/><stop offset=".58" stop-color="#5c58a8" stop-opacity=".695"/><stop offset=".791" stop-color="#2a248c" stop-opacity=".766"/><stop offset="1" stop-color="#161082" stop-opacity=".8"/></radialGradient><radialGradient id="oneworld_svg__b" cx="20.432%" cy="15.711%" r="77.841%" gradientTransform="matrix(.61524 .78834 -1.01126 .78922 .237 -.128)"><stop offset="0" stop-color="#fff" stop-opacity=".9"/><stop offset=".283" stop-color="#adabd3" stop-opacity=".615"/><stop offset=".58" stop-color="#5c58a8" stop-opacity=".316"/><stop offset=".791" stop-color="#2a248c" stop-opacity=".104"/><stop offset="1" stop-color="#161082" stop-opacity="0"/></radialGradient></defs><g fill="none" fill-rule="evenodd" transform="translate(1.5 1.5)"><path fill="#fff" fill-rule="nonzero" d="M0 10.483c0 5.78 4.7 10.482 10.483 10.482 5.781 0 10.482-4.7 10.482-10.482C20.965 4.7 16.262 0 10.483 0 4.703 0 0 4.7 0 10.483m1.07 0c0-5.192 4.222-9.414 9.413-9.414s9.412 4.223 9.412 9.414-4.222 9.412-9.412 9.412-9.414-4.222-9.414-9.412z"/><circle cx="10.483" cy="10.483" r="9.902" fill="#161082"/><circle cx="9.952" cy="9.952" r="9.902" fill="url(#oneworld_svg__a)" opacity=".5" transform="translate(.531 .531)"/><circle cx="9.952" cy="9.952" r="9.902" fill="url(#oneworld_svg__b)" transform="translate(.531 .531)"/><path fill="#fff" fill-rule="nonzero" d="M7.762 10.571c.044-.266.223-.446.49-.446.268 0 .446.225.446.446zm1.65.402c.044-.758-.357-1.383-1.16-1.383-.67 0-1.204.49-1.204 1.206 0 .757.49 1.203 1.248 1.203.491 0 .982-.224 1.116-.757h-.67q-.132.266-.4.266c-.313 0-.492-.223-.492-.535zm9.233.803c.58 0 .803-.49.803-.981s-.224-.982-.803-.982c-.535 0-.758.49-.758.982s.223.981.758.981m1.071.178h-.268v-.446c-.134.313-.49.491-.803.491-.67 0-1.025-.58-1.025-1.204 0-.625.312-1.205 1.025-1.205.357 0 .669.18.803.49V8.788h.267v3.167M9.546 9.68h.312l.58 1.964.535-1.964h.312l.536 1.964.58-1.964h.356l-.713 2.275h-.313l-.579-1.917-.536 1.917h-.312zm5.532 1.116c0 .669-.358 1.204-1.072 1.204-.713 0-1.07-.535-1.07-1.204s.357-1.205 1.07-1.205c.67.045 1.07.58 1.07 1.206m-1.873 0c0 .49.268.98.803.98.536 0 .803-.49.803-.981s-.267-.982-.803-.982c-.535.045-.803.535-.803.982m2.275-1.116h.268v.536a.87.87 0 0 1 .847-.58v.267c-.49-.044-.847.358-.847.804v1.204h-.267V9.68m1.427-.848h.312v3.122h-.268V8.832zM2.275 10.795c0-.267.09-.625.446-.625s.446.357.446.625-.09.624-.446.624-.446-.312-.446-.624m-.758 0c0 .669.491 1.204 1.204 1.204.714 0 1.205-.49 1.205-1.204 0-.67-.491-1.205-1.206-1.205-.713.045-1.204.535-1.204 1.206m2.811-1.117h.714v.313c.133-.224.446-.357.713-.357.758 0 .803.535.803.892v1.427H5.8v-1.07c0-.313.043-.624-.358-.624-.267 0-.401.223-.401.49V12h-.715V9.677"/></g></svg>',c='<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-labelledby="AS-200__title AS-200__desc" role="img" style="min-width:100%;height:auto;fill:currentColor" viewBox="0 0 83 26" part="svg"><title id="AS-200__title">Alaska Airlines</title><desc id="AS-200__desc">Logo image for Alaska Airlines</desc><path d="M39.72 1.52 30.44 17a11.3 11.3 0 0 0-1.6 4.8h-3.62a16.5 16.5 0 0 1 2.6-6.51l6.47-10.84c1.29-2.15 2.58-2.93 4.92-2.93zM39.01 17.81a5.7 5.7 0 0 1-3.1 1.6c-.76 0-.79-.74-.27-1.73 1.95-3.74 4-5.72 6.53-5.71h.46zm3.43-7.94c-4.69 0-7.57 2.73-10.11 8.71-.64 1.5-1 3.36 1.17 3.34a10 10 0 0 0 4.75-1.7 5.2 5.2 0 0 0-.14 1.58h3.29c.223-1.697.792-3.33 1.67-4.8l4.11-6.86a47 47 0 0 0-4.74-.27M72.82 17.81a5.66 5.66 0 0 1-3.09 1.6c-.76 0-.79-.74-.28-1.73 1.99-3.74 3.99-5.68 6.54-5.68h.45zm3.42-7.94c-4.69 0-7.57 2.73-10.12 8.71-.63 1.5-1 3.36 1.17 3.34a10 10 0 0 0 4.75-1.7 5.2 5.2 0 0 0-.13 1.58h3.29c.22-1.7.796-3.336 1.69-4.8L81 10.14a47 47 0 0 0-4.76-.27"/><path d="M65.55 25.11h-1.11a3.09 3.09 0 0 1-3-2.28l-1.6-6.17-3.05 5.14h-3.51l9.79-16.56c1.26-2.15 2.57-2.93 4.91-2.93h.36l-6.5 11 4.87-3.36h3.92l-8.19 5.64zM33.26.56c-3.3 0-5 .87-8.24 3.21l-11 7.9h-7c-2 0-3.66.08-4.94 1.29L.3 14.63l10.19-.39L0 21.8h4.53l10.74-7.74c2.08-.08 3.52-.14 3.53-.13a5.15 5.15 0 0 0 3.89-2.26h-4.11l8.67-6.26-6.44 10.44a15.4 15.4 0 0 0-2.27 5.95h3.72A11.34 11.34 0 0 1 23.9 17l8.77-14.61c.61-1 1.15-1.83 1.15-1.83zM50.73 13.23c0 .31.08.5.71.91l1 .66a2.85 2.85 0 0 1 1.4 2.67c-.37 2.46-2.17 4.44-6 4.44a22 22 0 0 1-4.4-.39L44.89 19c1.06.223 2.138.347 3.22.37 1.44 0 2-.66 2.1-1.19 0-.32-.11-.68-.79-1.15l-.8-.57c-1.28-.91-1.61-1.63-1.44-2.76.32-2.18 2.83-3.84 6.32-3.84a34 34 0 0 1 3.6.21l-1.4 2.37a31 31 0 0 0-3.24-.1c-1.02.04-1.66.39-1.73.89M80.69 18.27a1.86 1.86 0 1 1 .06 3.721 1.86 1.86 0 0 1-.06-3.72m0 3.35a1.49 1.49 0 1 0-1.44-1.49 1.45 1.45 0 0 0 1.44 1.49m-.25-.49h-.38v-2h.7a.65.65 0 0 1 .68.64.63.63 0 0 1-.44.6l.45.79h-.44l-.42-.76h-.15zm.28-1.13c.23 0 .35-.11.35-.3s-.12-.3-.35-.3h-.28v.6z"/></svg>',r='<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-labelledby="AS-tagline-200__title AS-tagline-200__desc" role="img" style="min-width:100%;height:auto;fill:currentColor" viewBox="0 0 83 35" part="svg"><title id="AS-tagline-200__title">Alaska Airlines</title><desc id="AS-tagline-200__desc">Logo image for Alaska Airlines</desc><path d="M10.2 33.4H7.6l-.5 1.5H5.8l2.4-6.4h1.4l2.4 6.4h-1.3zM8 32.2h1.8l-.9-2.4zM16.5 34.8v-6.4h1.3v6.4zM25 32.4h-.6v2.5h-1.2v-6.4h2.5c1.2 0 2 .9 2 2 0 .9-.5 1.6-1.4 1.8l1.4 2.6h-1.4zm.3-1.1c.6 0 1-.4 1-.9s-.4-.9-1-.9h-1v1.8zM32.6 34.8v-6.4h1.2v5.2h2.8v1.2zM41.6 34.8v-6.4h1.3v6.4zM52.3 34.8l-2.9-4.5v4.5h-1.2v-6.4h1.5l2.6 4.2v-4.2h1.2v6.4zM59 34.8v-6.4h4v1.2h-2.7v1.5h2.5v1.1h-2.5v1.5H63v1.2h-4zM71.3 30.3c-.1-.4-.4-.9-1.2-.9-.6 0-1 .4-1 .8s.2.6.7.7l.9.2c1.2.2 1.8 1 1.8 1.9 0 1-.8 2-2.3 2-1.7 0-2.4-1.1-2.5-2l1.1-.3c.1.6.5 1.2 1.4 1.2.7 0 1-.3 1-.8 0-.4-.3-.7-.8-.8l-.9-.2c-1-.2-1.7-.9-1.7-1.8 0-1.1 1-2 2.2-2 1.5 0 2.1.9 2.3 1.7zM39.7 1l-9.2 15.5c-1 1.6-1.5 3.2-1.6 4.8h-3.6c.2-2 1-3.8 2.6-6.5L34.4 4c1.2-2.3 2.5-3 4.8-3zM39 17.3c-.7.6-2 1.6-3.1 1.6-.8 0-.8-.7-.3-1.7 2-3.7 4-5.7 6.5-5.7h.5zm3.4-8c-4.7 0-7.6 2.7-10.1 8.7-.6 1.5-1 3.4 1.2 3.3 1.2 0 3.3-.7 4.8-1.7-.1.5-.2 1.2-.1 1.6h3.3c.1-1.3.6-2.9 1.7-4.8l4.1-6.9c-1.7-.1-3.3-.2-4.9-.2M72.8 17.3c-.7.6-2 1.6-3.1 1.6-.8 0-.8-.7-.3-1.7 2-3.7 4-5.7 6.5-5.7h.5zm3.4-8c-4.7 0-7.6 2.7-10.1 8.7-.6 1.5-1 3.4 1.2 3.3 1.2 0 3.3-.7 4.8-1.7-.1.5-.2 1.2-.1 1.6h3.3c.1-1.3.6-2.9 1.7-4.8l4-6.8q-2.4-.3-4.8-.3"/><path d="M65.5 24.6h-1.1c-1.4 0-2.6-.9-3-2.3l-1.6-6.2-3.1 5.1h-3.5L63 4.6c1.3-2.1 2.6-2.9 4.9-2.9h.4l-6.5 11 4.9-3.4h3.9L62.4 15zM33.3 0c-3.3 0-5 .9-8.2 3.2l-11 7.9H7c-2 0-3.7.1-4.9 1.3L.3 14.1s5.3-.2 10.2-.4L0 21.2h4.5l10.7-7.7c2.1-.1 3.5-.1 3.5-.1 2.5-.1 3.9-2.3 3.9-2.3h-4.1l8.7-6.3-6.4 10.4c-1.4 2.4-2 4.1-2.3 5.9h3.7c.1-1.6.7-3.2 1.6-4.8l8.8-14.7c.6-1 1.1-1.8 1.1-1.8zM50.7 12.7c0 .3.1.5.7.9l1 .7c1.1.7 1.5 1.8 1.4 2.7-.4 2.5-2.2 4.4-6 4.4-1.7 0-2.4-.1-4.4-.4l1.5-2.5c1.4.2 2.2.4 3.2.4 1.4 0 2-.7 2.1-1.2 0-.3-.1-.7-.8-1.2l-.8-.6c-1.3-.9-1.6-1.6-1.4-2.8.3-2.2 2.8-3.8 6.3-3.8 1.1 0 2.3.1 3.6.2l-1.4 2.4c-.9-.1-2.3-.1-3.2-.1-1 0-1.7.4-1.8.9M80.7 17.7c1 0 1.8.8 1.8 1.9 0 1-.8 1.9-1.8 1.9s-1.8-.8-1.8-1.9c0-1 .8-1.9 1.8-1.9m0 3.4c.8 0 1.4-.6 1.4-1.5 0-.8-.6-1.5-1.4-1.5s-1.4.6-1.4 1.5c0 .8.6 1.5 1.4 1.5m-.2-.5h-.4v-2h.7c.4 0 .7.3.7.6s-.2.5-.4.6l.5.8H81l-.4-.8h-.2v.8zm.2-1.1c.2 0 .4-.1.4-.3s-.1-.3-.4-.3h-.3v.6z"/></svg>';class o{registerComponent(e,s){customElements.get(e)||customElements.define(e,class extends s{});}closestElement(e,s=this,a=(s,t=s&&s.closest(e))=>s&&s!==document&&s!==window?t||a(s.getRootNode().host):null){return a(s)}handleComponentTagRename(e,s){const a=s.toLowerCase();e.tagName.toLowerCase()!==a&&e.setAttribute(a,true);}elementMatch(e,s){const a=s.toLowerCase();return e.tagName.toLowerCase()===a||e.hasAttribute(a)}}var n=css`.headerLinkBox{color:var(--ds-auro-lockup-alaska-logo-color)}.logoIcon{border-right-color:var(--ds-auro-lockup-divider-color)}.headerTitle-title{color:var(--ds-auro-lockup-title-color)}.headerTitle-tagline{color:var(--ds-auro-lockup-subtitle-color)}:host([onDark]){--ds-auro-lockup-alaska-logo-color: #FFF;--ds-auro-lockup-divider-color: var(--ds-basic-color-border-divider-inverse, rgba(255, 255, 255, .4));--ds-auro-lockup-subtitle-color: var(--ds-basic-color-texticon-inverse, #ffffff);--ds-auro-lockup-title-color: var(--ds-basic-color-texticon-inverse, #ffffff)}
5
+ var l='<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" style="min-width:100%;height:auto;fill:currentColor" viewBox="0 0 24 24" part="svg"><title id="oneworld__title">Airplane tail image for Oneworld Alliance</title><defs><radialGradient id="oneworld_svg__a" cx="23.632%" cy="17.875%" r="162.725%"><stop offset="0" stop-color="#fff" stop-opacity=".5"/><stop offset=".283" stop-color="#adabd3" stop-opacity=".595"/><stop offset=".58" stop-color="#5c58a8" stop-opacity=".695"/><stop offset=".791" stop-color="#2a248c" stop-opacity=".766"/><stop offset="1" stop-color="#161082" stop-opacity=".8"/></radialGradient><radialGradient id="oneworld_svg__b" cx="20.432%" cy="15.711%" r="77.841%" gradientTransform="matrix(.61524 .78834 -1.01126 .78922 .237 -.128)"><stop offset="0" stop-color="#fff" stop-opacity=".9"/><stop offset=".283" stop-color="#adabd3" stop-opacity=".615"/><stop offset=".58" stop-color="#5c58a8" stop-opacity=".316"/><stop offset=".791" stop-color="#2a248c" stop-opacity=".104"/><stop offset="1" stop-color="#161082" stop-opacity="0"/></radialGradient></defs><g fill="none" fill-rule="evenodd" transform="translate(1.5 1.5)"><path fill="#fff" fill-rule="nonzero" d="M0 10.483c0 5.78 4.7 10.482 10.483 10.482 5.781 0 10.482-4.7 10.482-10.482C20.965 4.7 16.262 0 10.483 0 4.703 0 0 4.7 0 10.483m1.07 0c0-5.192 4.222-9.414 9.413-9.414s9.412 4.223 9.412 9.414-4.222 9.412-9.412 9.412-9.414-4.222-9.414-9.412z"/><circle cx="10.483" cy="10.483" r="9.902" fill="#161082"/><circle cx="9.952" cy="9.952" r="9.902" fill="url(#oneworld_svg__a)" opacity=".5" transform="translate(.531 .531)"/><circle cx="9.952" cy="9.952" r="9.902" fill="url(#oneworld_svg__b)" transform="translate(.531 .531)"/><path fill="#fff" fill-rule="nonzero" d="M7.762 10.571c.044-.266.223-.446.49-.446.268 0 .446.225.446.446zm1.65.402c.044-.758-.357-1.383-1.16-1.383-.67 0-1.204.49-1.204 1.206 0 .757.49 1.203 1.248 1.203.491 0 .982-.224 1.116-.757h-.67q-.132.266-.4.266c-.313 0-.492-.223-.492-.535zm9.233.803c.58 0 .803-.49.803-.981s-.224-.982-.803-.982c-.535 0-.758.49-.758.982s.223.981.758.981m1.071.178h-.268v-.446c-.134.313-.49.491-.803.491-.67 0-1.025-.58-1.025-1.204 0-.625.312-1.205 1.025-1.205.357 0 .669.18.803.49V8.788h.267v3.167M9.546 9.68h.312l.58 1.964.535-1.964h.312l.536 1.964.58-1.964h.356l-.713 2.275h-.313l-.579-1.917-.536 1.917h-.312zm5.532 1.116c0 .669-.358 1.204-1.072 1.204-.713 0-1.07-.535-1.07-1.204s.357-1.205 1.07-1.205c.67.045 1.07.58 1.07 1.206m-1.873 0c0 .49.268.98.803.98.536 0 .803-.49.803-.981s-.267-.982-.803-.982c-.535.045-.803.535-.803.982m2.275-1.116h.268v.536a.87.87 0 0 1 .847-.58v.267c-.49-.044-.847.358-.847.804v1.204h-.267V9.68m1.427-.848h.312v3.122h-.268V8.832zM2.275 10.795c0-.267.09-.625.446-.625s.446.357.446.625-.09.624-.446.624-.446-.312-.446-.624m-.758 0c0 .669.491 1.204 1.204 1.204.714 0 1.205-.49 1.205-1.204 0-.67-.491-1.205-1.206-1.205-.713.045-1.204.535-1.204 1.206m2.811-1.117h.714v.313c.133-.224.446-.357.713-.357.758 0 .803.535.803.892v1.427H5.8v-1.07c0-.313.043-.624-.358-.624-.267 0-.401.223-.401.49V12h-.715V9.677"/></g></svg>',c='<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-labelledby="AS-200__title AS-200__desc" role="img" style="min-width:100%;height:auto;fill:currentColor" viewBox="0 0 83 26" part="svg"><title id="AS-200__title">Alaska Airlines</title><desc id="AS-200__desc">Logo image for Alaska Airlines</desc><path d="M39.72 1.52 30.44 17a11.3 11.3 0 0 0-1.6 4.8h-3.62a16.5 16.5 0 0 1 2.6-6.51l6.47-10.84c1.29-2.15 2.58-2.93 4.92-2.93zM39.01 17.81a5.7 5.7 0 0 1-3.1 1.6c-.76 0-.79-.74-.27-1.73 1.95-3.74 4-5.72 6.53-5.71h.46zm3.43-7.94c-4.69 0-7.57 2.73-10.11 8.71-.64 1.5-1 3.36 1.17 3.34a10 10 0 0 0 4.75-1.7 5.2 5.2 0 0 0-.14 1.58h3.29c.223-1.697.792-3.33 1.67-4.8l4.11-6.86a47 47 0 0 0-4.74-.27M72.82 17.81a5.66 5.66 0 0 1-3.09 1.6c-.76 0-.79-.74-.28-1.73 1.99-3.74 3.99-5.68 6.54-5.68h.45zm3.42-7.94c-4.69 0-7.57 2.73-10.12 8.71-.63 1.5-1 3.36 1.17 3.34a10 10 0 0 0 4.75-1.7 5.2 5.2 0 0 0-.13 1.58h3.29c.22-1.7.796-3.336 1.69-4.8L81 10.14a47 47 0 0 0-4.76-.27"/><path d="M65.55 25.11h-1.11a3.09 3.09 0 0 1-3-2.28l-1.6-6.17-3.05 5.14h-3.51l9.79-16.56c1.26-2.15 2.57-2.93 4.91-2.93h.36l-6.5 11 4.87-3.36h3.92l-8.19 5.64zM33.26.56c-3.3 0-5 .87-8.24 3.21l-11 7.9h-7c-2 0-3.66.08-4.94 1.29L.3 14.63l10.19-.39L0 21.8h4.53l10.74-7.74c2.08-.08 3.52-.14 3.53-.13a5.15 5.15 0 0 0 3.89-2.26h-4.11l8.67-6.26-6.44 10.44a15.4 15.4 0 0 0-2.27 5.95h3.72A11.34 11.34 0 0 1 23.9 17l8.77-14.61c.61-1 1.15-1.83 1.15-1.83zM50.73 13.23c0 .31.08.5.71.91l1 .66a2.85 2.85 0 0 1 1.4 2.67c-.37 2.46-2.17 4.44-6 4.44a22 22 0 0 1-4.4-.39L44.89 19c1.06.223 2.138.347 3.22.37 1.44 0 2-.66 2.1-1.19 0-.32-.11-.68-.79-1.15l-.8-.57c-1.28-.91-1.61-1.63-1.44-2.76.32-2.18 2.83-3.84 6.32-3.84a34 34 0 0 1 3.6.21l-1.4 2.37a31 31 0 0 0-3.24-.1c-1.02.04-1.66.39-1.73.89M80.69 18.27a1.86 1.86 0 1 1 .06 3.721 1.86 1.86 0 0 1-.06-3.72m0 3.35a1.49 1.49 0 1 0-1.44-1.49 1.45 1.45 0 0 0 1.44 1.49m-.25-.49h-.38v-2h.7a.65.65 0 0 1 .68.64.63.63 0 0 1-.44.6l.45.79h-.44l-.42-.76h-.15zm.28-1.13c.23 0 .35-.11.35-.3s-.12-.3-.35-.3h-.28v.6z"/></svg>',r='<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-labelledby="AS-tagline-200__title AS-tagline-200__desc" role="img" style="min-width:100%;height:auto;fill:currentColor" viewBox="0 0 83 35" part="svg"><title id="AS-tagline-200__title">Alaska Airlines</title><desc id="AS-tagline-200__desc">Logo image for Alaska Airlines</desc><path d="M10.2 33.4H7.6l-.5 1.5H5.8l2.4-6.4h1.4l2.4 6.4h-1.3zM8 32.2h1.8l-.9-2.4zM16.5 34.8v-6.4h1.3v6.4zM25 32.4h-.6v2.5h-1.2v-6.4h2.5c1.2 0 2 .9 2 2 0 .9-.5 1.6-1.4 1.8l1.4 2.6h-1.4zm.3-1.1c.6 0 1-.4 1-.9s-.4-.9-1-.9h-1v1.8zM32.6 34.8v-6.4h1.2v5.2h2.8v1.2zM41.6 34.8v-6.4h1.3v6.4zM52.3 34.8l-2.9-4.5v4.5h-1.2v-6.4h1.5l2.6 4.2v-4.2h1.2v6.4zM59 34.8v-6.4h4v1.2h-2.7v1.5h2.5v1.1h-2.5v1.5H63v1.2h-4zM71.3 30.3c-.1-.4-.4-.9-1.2-.9-.6 0-1 .4-1 .8s.2.6.7.7l.9.2c1.2.2 1.8 1 1.8 1.9 0 1-.8 2-2.3 2-1.7 0-2.4-1.1-2.5-2l1.1-.3c.1.6.5 1.2 1.4 1.2.7 0 1-.3 1-.8 0-.4-.3-.7-.8-.8l-.9-.2c-1-.2-1.7-.9-1.7-1.8 0-1.1 1-2 2.2-2 1.5 0 2.1.9 2.3 1.7zM39.7 1l-9.2 15.5c-1 1.6-1.5 3.2-1.6 4.8h-3.6c.2-2 1-3.8 2.6-6.5L34.4 4c1.2-2.3 2.5-3 4.8-3zM39 17.3c-.7.6-2 1.6-3.1 1.6-.8 0-.8-.7-.3-1.7 2-3.7 4-5.7 6.5-5.7h.5zm3.4-8c-4.7 0-7.6 2.7-10.1 8.7-.6 1.5-1 3.4 1.2 3.3 1.2 0 3.3-.7 4.8-1.7-.1.5-.2 1.2-.1 1.6h3.3c.1-1.3.6-2.9 1.7-4.8l4.1-6.9c-1.7-.1-3.3-.2-4.9-.2M72.8 17.3c-.7.6-2 1.6-3.1 1.6-.8 0-.8-.7-.3-1.7 2-3.7 4-5.7 6.5-5.7h.5zm3.4-8c-4.7 0-7.6 2.7-10.1 8.7-.6 1.5-1 3.4 1.2 3.3 1.2 0 3.3-.7 4.8-1.7-.1.5-.2 1.2-.1 1.6h3.3c.1-1.3.6-2.9 1.7-4.8l4-6.8q-2.4-.3-4.8-.3"/><path d="M65.5 24.6h-1.1c-1.4 0-2.6-.9-3-2.3l-1.6-6.2-3.1 5.1h-3.5L63 4.6c1.3-2.1 2.6-2.9 4.9-2.9h.4l-6.5 11 4.9-3.4h3.9L62.4 15zM33.3 0c-3.3 0-5 .9-8.2 3.2l-11 7.9H7c-2 0-3.7.1-4.9 1.3L.3 14.1s5.3-.2 10.2-.4L0 21.2h4.5l10.7-7.7c2.1-.1 3.5-.1 3.5-.1 2.5-.1 3.9-2.3 3.9-2.3h-4.1l8.7-6.3-6.4 10.4c-1.4 2.4-2 4.1-2.3 5.9h3.7c.1-1.6.7-3.2 1.6-4.8l8.8-14.7c.6-1 1.1-1.8 1.1-1.8zM50.7 12.7c0 .3.1.5.7.9l1 .7c1.1.7 1.5 1.8 1.4 2.7-.4 2.5-2.2 4.4-6 4.4-1.7 0-2.4-.1-4.4-.4l1.5-2.5c1.4.2 2.2.4 3.2.4 1.4 0 2-.7 2.1-1.2 0-.3-.1-.7-.8-1.2l-.8-.6c-1.3-.9-1.6-1.6-1.4-2.8.3-2.2 2.8-3.8 6.3-3.8 1.1 0 2.3.1 3.6.2l-1.4 2.4c-.9-.1-2.3-.1-3.2-.1-1 0-1.7.4-1.8.9M80.7 17.7c1 0 1.8.8 1.8 1.9 0 1-.8 1.9-1.8 1.9s-1.8-.8-1.8-1.9c0-1 .8-1.9 1.8-1.9m0 3.4c.8 0 1.4-.6 1.4-1.5 0-.8-.6-1.5-1.4-1.5s-1.4.6-1.4 1.5c0 .8.6 1.5 1.4 1.5m-.2-.5h-.4v-2h.7c.4 0 .7.3.7.6s-.2.5-.4.6l.5.8H81l-.4-.8h-.2v.8zm.2-1.1c.2 0 .4-.1.4-.3s-.1-.3-.4-.3h-.3v.6z"/></svg>';class o{registerComponent(e,s){customElements.get(e)||customElements.define(e,class extends s{});}closestElement(e,s=this,a=(s,t=s&&s.closest(e))=>s&&s!==document&&s!==window?t||a(s.getRootNode().host):null){return a(s)}handleComponentTagRename(e,s){const a=s.toLowerCase();e.tagName.toLowerCase()!==a&&e.setAttribute(a,true);}elementMatch(e,s){const a=s.toLowerCase();return e.tagName.toLowerCase()===a||e.hasAttribute(a)}}var n=css`.headerLinkBox{color:var(--ds-auro-lockup-alaska-logo-color)}.logoIcon{border-right-color:var(--ds-auro-lockup-divider-color)}.headerTitle-title{color:var(--ds-auro-lockup-title-color)}.headerTitle-tagline{color:var(--ds-auro-lockup-subtitle-color)}:host([onDark]),:host([appearance=inverse]){--ds-auro-lockup-alaska-logo-color: #FFF;--ds-auro-lockup-divider-color: var(--ds-basic-color-border-divider-inverse, rgba(255, 255, 255, .4));--ds-auro-lockup-subtitle-color: var(--ds-basic-color-texticon-inverse, #ffffff);--ds-auro-lockup-title-color: var(--ds-basic-color-texticon-inverse, #ffffff)}
6
6
  `,m=css`.body-default{font-size:var(--wcss-body-default-font-size, 1rem);line-height:var(--wcss-body-default-line-height, 1.5rem)}.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.625rem)}.body-sm{font-size:var(--wcss-body-sm-font-size, .875rem);line-height:var(--wcss-body-sm-line-height, 1.25rem)}.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, .75rem);line-height:var(--wcss-body-xs-line-height, 1rem)}.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, .625rem);font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0);line-height:var(--wcss-body-2xs-line-height, .875rem)}.display-2xl{font-family:var(--wcss-display-2xl-family, "AS Circular"),var(--wcss-display-2xl-family-fallback, 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"),var(--wcss-display-xl-family-fallback, 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"),var(--wcss-display-lg-family-fallback, 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"),var(--wcss-display-md-family-fallback, 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"),var(--wcss-display-sm-family-fallback, 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"),var(--wcss-display-xs-family-fallback, 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"),var(--wcss-heading-xl-family-fallback, 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"),var(--wcss-heading-lg-family-fallback, 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"),var(--wcss-heading-md-family-fallback, 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"),var(--wcss-heading-sm-family-fallback, 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"),var(--wcss-heading-xs-family-fallback, 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"),var(--wcss-heading-2xs-family-fallback, 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"),var(--wcss-accent-2xl-family-fallback, 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, .05em);line-height:var(--wcss-accent-2xl-line-height, 1)}.accent-2xl,.accent-xl{text-transform:uppercase}.accent-xl{font-family:var(--wcss-accent-xl-family, "Good OT"),var(--wcss-accent-xl-family-fallback, 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, .05em);line-height:var(--wcss-accent-xl-line-height, 1.3)}.accent-lg{font-family:var(--wcss-accent-lg-family, "Good OT"),var(--wcss-accent-lg-family-fallback, 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, .05em);line-height:var(--wcss-accent-lg-line-height, 1.3)}.accent-lg,.accent-md{text-transform:uppercase}.accent-md{font-family:var(--wcss-accent-md-family, "Good OT"),var(--wcss-accent-md-family-fallback, 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, .05em);line-height:var(--wcss-accent-md-line-height, 1.3)}.accent-sm{font-family:var(--wcss-accent-sm-family, "Good OT"),var(--wcss-accent-sm-family-fallback, 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, .05em);line-height:var(--wcss-accent-sm-line-height, 1.3)}.accent-sm,.accent-xs{text-transform:uppercase}.accent-xs{font-family:var(--wcss-accent-xs-family, "Good OT"),var(--wcss-accent-xs-family-fallback, 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, .1em);line-height:var(--wcss-accent-xs-line-height, 1.3)}.accent-2xs{font-family:var(--wcss-accent-2xs-family, "Good OT"),var(--wcss-accent-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xs-font-size, clamp(.875rem, 1.1666666667vw, .875rem));font-weight:var(--wcss-accent-2xs-weight, 450);letter-spacing:var(--wcss-accent-2xs-letter-spacing, .1em);line-height:var(--wcss-accent-2xs-line-height, 1.3);text-transform:uppercase}:focus:not(:focus-visible){outline:3px solid transparent}.headerLinkBox{display:flex;text-decoration:none}.logoIcon{width:calc(var(--ds-size-800, 4rem) * 2);padding-right:var(--ds-size-100, .5rem);border-right-width:1px;border-right-style:solid;margin-right:var(--ds-size-100, .5rem)}.oneworldLogo{display:flex;width:calc(var(--ds-size-500, 2.5rem) + .1rem);flex-direction:column;justify-content:center;padding-left:var(--ds-size-50, .25rem);margin-bottom:var(--ds-size-100, .5rem)}.headerTitle{display:flex;flex-direction:column;justify-content:center;padding-left:var(--ds-size-50, .25rem)}.headerTitle-tagline{padding-bottom:var(--ds-size-50, .25rem)}
7
7
  `,h=css`:host{--ds-auro-lockup-alaska-logo-color: #02426D;--ds-auro-lockup-divider-color: var(--ds-basic-color-border-divider, rgba(0, 0, 0, .15));--ds-auro-lockup-subtitle-color: var(--ds-basic-color-texticon-muted, #676767);--ds-auro-lockup-title-color: var(--ds-basic-color-texticon-accent1, #265688)}
8
- `;class g extends LitElement{constructor(){super(),this.path="/",this.standard=false,this.oneworld=false,this.runtimeUtils=new o;}static get properties(){return {oneworld:{type:Boolean,reflect:true},path:{type:String},standard:{type:Boolean,reflect:true},variant:{type:String,reflect:true}}}static get styles(){return [m,n,h]}static register(e="auro-lockup"){o.prototype.registerComponent(e,g);}firstUpdated(){this.runtimeUtils.handleComponentTagRename(this,"auro-lockup");}updated(){this.oneworld&&this.setAttribute("variant","oneworld");}generateIconHtml(e){const s=(new DOMParser).parseFromString(e,"text/html").body.firstChild;return html`${s}`}render(){const e={logoIcon:true,logoDivider:!this.variant};return html`
8
+ `;class g extends LitElement{constructor(){super(),this.path="/",this.standard=false,this.oneworld=false,this.runtimeUtils=new o;}static get properties(){return {appearance:{type:String,reflect:true},oneworld:{type:Boolean,reflect:true},path:{type:String},standard:{type:Boolean,reflect:true},variant:{type:String,reflect:true}}}static get styles(){return [m,n,h]}static register(e="auro-lockup"){o.prototype.registerComponent(e,g);}firstUpdated(){this.runtimeUtils.handleComponentTagRename(this,"auro-lockup");}updated(){this.oneworld&&this.setAttribute("variant","oneworld");}generateIconHtml(e){const s=(new DOMParser).parseFromString(e,"text/html").body.firstChild;return html`${s}`}render(){const e={logoIcon:true,logoDivider:!this.variant};return html`
9
9
  <a href=${this.path} class="headerLinkBox">
10
10
  <div class="${classMap(e)}">
11
11
  ${ifDefined(this.standard&&"oneworld"===this.variant?this.generateIconHtml(c):this.generateIconHtml(r))}
package/dist/index.js CHANGED
@@ -1 +1 @@
1
- export{A as AuroLockup}from"./auro-lockup-BxXukpTD.js";import"lit";import"lit/directives/class-map.js";import"lit/directives/if-defined.js";
1
+ export{A as AuroLockup}from"./auro-lockup-C2sEQ8ey.js";import"lit";import"lit/directives/class-map.js";import"lit/directives/if-defined.js";
@@ -1 +1 @@
1
- import{A as i}from"./auro-lockup-BxXukpTD.js";import"lit";import"lit/directives/class-map.js";import"lit/directives/if-defined.js";i.register();
1
+ import{A as i}from"./auro-lockup-C2sEQ8ey.js";import"lit";import"lit/directives/class-map.js";import"lit/directives/if-defined.js";i.register();
package/package.json CHANGED
@@ -7,7 +7,7 @@
7
7
  "================================================================================"
8
8
  ],
9
9
  "name": "@aurodesignsystem-dev/auro-lockup",
10
- "version": "0.0.0-pr65.0",
10
+ "version": "0.0.0-pr69.0",
11
11
  "description": "auro-lockup HTML custom element",
12
12
  "repository": {
13
13
  "type": "git",
@@ -25,11 +25,11 @@
25
25
  },
26
26
  "devDependencies": {
27
27
  "@alaskaairux/icons": "^5.5.0",
28
- "@aurodesignsystem/auro-cli": "^3.0.2",
28
+ "@aurodesignsystem/auro-cli": "^3.0.3",
29
29
  "@aurodesignsystem/auro-config": "^1.3.0",
30
- "@aurodesignsystem/auro-library": "^5.4.0",
31
- "@aurodesignsystem/design-tokens": "^8.4.0",
32
- "@aurodesignsystem/webcorestylesheets": "10.0.3",
30
+ "@aurodesignsystem/auro-library": "^5.5.3",
31
+ "@aurodesignsystem/design-tokens": "^8.4.4",
32
+ "@aurodesignsystem/webcorestylesheets": "10.0.4",
33
33
  "husky": "^9.1.7"
34
34
  },
35
35
  "browserslist": [