@aurodesignsystem-dev/auro-icon 0.0.0-pr238.4 → 0.0.0-pr241.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/demo/api.md +31 -12
- package/demo/auro-icon.min.js +6 -43
- package/dist/{auro-icon-D3vPEGY7.js → auro-icon-C0vUd7Ip.js} +7 -7
- package/dist/index.d.ts +0 -5
- package/dist/index.js +1 -1
- package/dist/registered.js +1 -1
- package/package.json +1 -1
package/demo/api.md
CHANGED
|
@@ -31,18 +31,17 @@ The `auro-icon` element provides users a way to use the Alaska Airlines icon lib
|
|
|
31
31
|
|
|
32
32
|
### Properties & Attributes
|
|
33
33
|
|
|
34
|
-
| Properties
|
|
35
|
-
|
|
|
36
|
-
| appearance
|
|
37
|
-
| ariaHidden
|
|
38
|
-
| category
|
|
39
|
-
| customColor
|
|
40
|
-
| customSvg
|
|
41
|
-
| label
|
|
42
|
-
| name
|
|
43
|
-
| onDark
|
|
44
|
-
|
|
|
45
|
-
| variant | variant | | `accent1` \| `disabled` \| `muted` \| `statusDefault` \| `statusInfo` \| `statusSuccess` \| `statusWarning` \| `statusError` \| `statusInfoSubtle` \| `statusSuccessSubtle` \| `statusWarningSubtle` \| `statusErrorSubtle` \| `fareBasicEconomy` \| `fareBusiness` \| `fareEconomy` \| `fareFirst` \| `farePremiumEconomy` \| `tierOneWorldEmerald` \| `tierOneWorldSapphire` \| `tierOneWorldRuby` | | The style of the icon. |
|
|
34
|
+
| Properties | Attributes | Modifiers | Type | Default | Description |
|
|
35
|
+
| ----------- | ----------- | --------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------- | ---------------------------------------------------------------------------------------------------------------------- |
|
|
36
|
+
| appearance | appearance | | string | `default` | Defines whether the button will be on lighter or darker backgrounds. |
|
|
37
|
+
| ariaHidden | ariaHidden | | `true` \| `false` | `true` | Set aria-hidden value. Default is `true`. Option is `false`. |
|
|
38
|
+
| category | category | | string | | The category of the icon you are looking for. See https://auro.alaskaair.com/icons/ways-to-use. |
|
|
39
|
+
| customColor | customColor | | boolean | | Allows custom color to be set. |
|
|
40
|
+
| customSvg | customSvg | | boolean | | When true, auro-icon will render a custom SVG inside the default slot. |
|
|
41
|
+
| label | label | | boolean | | Exposes content in slot as icon label. |
|
|
42
|
+
| name | name | | string | | The name of the icon you are looking for without the file extension. See https://auro.alaskaair.com/icons/ways-to-use. |
|
|
43
|
+
| onDark | onDark | | boolean | | DEPRECATED - use `appearance="inverse"` instead. |
|
|
44
|
+
| variant | variant | | `accent1` \| `disabled` \| `muted` \| `statusDefault` \| `statusInfo` \| `statusSuccess` \| `statusWarning` \| `statusError` \| `statusInfoSubtle` \| `statusSuccessSubtle` \| `statusWarningSubtle` \| `statusErrorSubtle` \| `fareBasicEconomy` \| `fareBusiness` \| `fareEconomy` \| `fareFirst` \| `farePremiumEconomy` \| `tierOneWorldEmerald` \| `tierOneWorldSapphire` \| `tierOneWorldRuby` | | The style of the icon. |
|
|
46
45
|
|
|
47
46
|
### Methods
|
|
48
47
|
|
|
@@ -387,6 +386,26 @@ All compatible with `appearance="inverse"` attribute.
|
|
|
387
386
|
<!-- AURO-GENERATED-CONTENT:END -->
|
|
388
387
|
</auro-accordion>
|
|
389
388
|
|
|
389
|
+
## Common Usage Patterns & Functional Examples
|
|
390
|
+
|
|
391
|
+
### Fallback Icons
|
|
392
|
+
|
|
393
|
+
When an icon is not found, the component will attempt to render a fallback icon. By default, the error icon will be used. If the name of the icon starts with `tail-`, the component will attempt to render the default tail logo as a fallback.
|
|
394
|
+
|
|
395
|
+
<auro-accordion alignRight>
|
|
396
|
+
<span slot="trigger">See code</span>
|
|
397
|
+
<!-- AURO-GENERATED-CONTENT:START (CODE:src=../apiExamples/fallback.html) -->
|
|
398
|
+
<!-- The below code snippet is automatically added from ../apiExamples/fallback.html -->
|
|
399
|
+
|
|
400
|
+
```html
|
|
401
|
+
<!-- Default Fallback Icon -->
|
|
402
|
+
<auro-icon category="interface" name="icon-INVALID"></auro-icon>
|
|
403
|
+
<!-- Tail Fallback Icon -->
|
|
404
|
+
<auro-icon category="interface" name="tail-INVALID"></auro-icon>
|
|
405
|
+
```
|
|
406
|
+
<!-- AURO-GENERATED-CONTENT:END -->
|
|
407
|
+
</auro-accordion>
|
|
408
|
+
|
|
390
409
|
## Restyle Component with CSS Variables
|
|
391
410
|
|
|
392
411
|
The component may be restyled by changing the values of the following token(s).
|
package/demo/auro-icon.min.js
CHANGED
|
@@ -120,7 +120,9 @@ const t={ATTRIBUTE:1},e$1=t=>(...e)=>({_$litDirective$:t,values:e});class i{cons
|
|
|
120
120
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
121
121
|
*/const e=e$1(class extends i{constructor(t$1){if(super(t$1),t$1.type!==t.ATTRIBUTE||"class"!==t$1.name||t$1.strings?.length>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(t){return " "+Object.keys(t).filter((s=>t[s])).join(" ")+" "}update(s,[i]){if(void 0===this.st){this.st=new Set,void 0!==s.strings&&(this.nt=new Set(s.strings.join(" ").split(/\s/).filter((t=>""!==t))));for(const t in i)i[t]&&!this.nt?.has(t)&&this.st.add(t);return this.render(i)}const r=s.element.classList;for(const t of this.st)t in i||(r.remove(t),this.st.delete(t));for(const t in i){const s=!!i[t];s===this.st.has(t)||this.nt?.has(t)||(s?(r.add(t),this.st.add(t)):(r.remove(t),this.st.delete(t)));}return T}});
|
|
122
122
|
|
|
123
|
-
var error = {"svg":"<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" aria-labelledby=\"error__desc\" class=\"ico_squareLarge\" data-deprecated=\"true\" 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=\"error__desc\">Error alert indicator.</desc><path d=\"m13.047 5.599 6.786 11.586A1.207 1.207 0 0 1 18.786 19H5.214a1.207 1.207 0 0 1-1.047-1.815l6.786-11.586a1.214 1.214 0 0 1 2.094 0m-1.165.87a.23.23 0 0 0-.085.085L5.419 17.442a.232.232 0 0 0 .203.35h12.756a.234.234 0 0 0 .203-.35L12.203 6.554a.236.236 0 0 0-.321-.084M12 15.5a.75.75 0 1 1 0 1.5.75.75 0 0 1 0-1.5m-.024-6.22c.325 0 .589.261.589.583v4.434a.586.586 0 0 1-.589.583.586.586 0 0 1-.588-.583V9.863c0-.322.264-.583.588-.583\"/></svg>"};
|
|
123
|
+
var error = {"role":"img","color":"currentColor","title":"","desc":"Error alert indicator.","width":"var(--auro-size-lg, var(--ds-size-300, 1.5rem))","height":"var(--auro-size-lg, var(--ds-size-300, 1.5rem))","xmlns":"http://www.w3.org/2000/svg","xmlns_xlink":"http://www.w3.org/1999/xlink","viewBox":"0 0 24 24","path":"/icons","style":"ico_squareLarge","type":"icon","name":"error","category":"alert","deprecated":true,"svg":"<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" aria-labelledby=\"error__desc\" class=\"ico_squareLarge\" data-deprecated=\"true\" 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=\"error__desc\">Error alert indicator.</desc><path d=\"m13.047 5.599 6.786 11.586A1.207 1.207 0 0 1 18.786 19H5.214a1.207 1.207 0 0 1-1.047-1.815l6.786-11.586a1.214 1.214 0 0 1 2.094 0m-1.165.87a.23.23 0 0 0-.085.085L5.419 17.442a.232.232 0 0 0 .203.35h12.756a.234.234 0 0 0 .203-.35L12.203 6.554a.236.236 0 0 0-.321-.084M12 15.5a.75.75 0 1 1 0 1.5.75.75 0 0 1 0-1.5m-.024-6.22c.325 0 .589.261.589.583v4.434a.586.586 0 0 1-.589.583.586.586 0 0 1-.588-.583V9.863c0-.322.264-.583.588-.583\"/></svg>"};
|
|
124
|
+
|
|
125
|
+
var tailDefault = {"category":"logos","role":"img","color":"currentColor","title":"Airplane tail default image with light gray color","desc":"","width":"100%","height":"auto","xmlns":"http://www.w3.org/2000/svg","xmlns_xlink":"http://www.w3.org/1999/xlink","path":"/icons/logos","style":"","type":"logo","name":"tail-DEFAULT","viewBox":"0 0 142 138","svg":"<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 142 138\" part=\"svg\"><title id=\"tail-DEFAULT__title\">Airplane tail default image with light gray color</title><path fill=\"url(#paint0_linear_9225_2069)\" fill-rule=\"evenodd\" d=\"M124.093 14.665a3.26 3.26 0 0 1 3.208 3.829L101.097 119.85c-.47 1.087-2.211 3.398-5.692 3.471l-.106.001-80.65.013A659230 659230 0 0 1 99.08 17.412c1.214-1.497 3.275-2.722 5.372-2.747z\" clip-rule=\"evenodd\"/><defs><linearGradient id=\"paint0_linear_9225_2069\" x1=\"114.823\" x2=\"60.061\" y1=\"14.665\" y2=\"123.335\" gradientUnits=\"userSpaceOnUse\"><stop offset=\".5\" stop-color=\"#707984\"/><stop offset=\".5\" stop-color=\"#646E7B\"/></linearGradient></defs></svg>"};
|
|
124
126
|
|
|
125
127
|
// Copyright (c) 2020 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
126
128
|
// See LICENSE in the project root for license information.
|
|
@@ -273,26 +275,6 @@ class BaseIcon extends AuroElement {
|
|
|
273
275
|
return dom.body.querySelector("svg");
|
|
274
276
|
}
|
|
275
277
|
|
|
276
|
-
/**
|
|
277
|
-
* Parses an SVG string and returns the SVG element.
|
|
278
|
-
* @protected
|
|
279
|
-
* @param {string} svgString - Raw SVG markup to parse.
|
|
280
|
-
* @returns {Element} The parsed SVG element.
|
|
281
|
-
*/
|
|
282
|
-
static _parseSvg(svgString) {
|
|
283
|
-
return new DOMParser().parseFromString(svgString, "text/html").body.querySelector("svg");
|
|
284
|
-
}
|
|
285
|
-
|
|
286
|
-
/**
|
|
287
|
-
* Returns the fallback SVG element to display when an icon fails to load.
|
|
288
|
-
* Subclasses may override this to provide a different fallback.
|
|
289
|
-
* @protected
|
|
290
|
-
* @returns {Element} DOM element to use as fallback.
|
|
291
|
-
*/
|
|
292
|
-
_getErrorFallback() {
|
|
293
|
-
return BaseIcon._parseSvg(error.svg);
|
|
294
|
-
}
|
|
295
|
-
|
|
296
278
|
// lifecycle function
|
|
297
279
|
async firstUpdated() {
|
|
298
280
|
try {
|
|
@@ -302,7 +284,9 @@ class BaseIcon extends AuroElement {
|
|
|
302
284
|
if (svg) {
|
|
303
285
|
this.svg = svg;
|
|
304
286
|
} else if (!svg) {
|
|
305
|
-
|
|
287
|
+
const fallbackSvg = this.name?.startsWith('tail-') ? tailDefault.svg : error.svg;
|
|
288
|
+
|
|
289
|
+
this.svg = new DOMParser().parseFromString(fallbackSvg, "text/html").body.querySelector("svg");
|
|
306
290
|
}
|
|
307
291
|
}
|
|
308
292
|
// eslint-disable-next-line no-unused-vars
|
|
@@ -318,8 +302,6 @@ var styleCss = i$4`.util_displayInline{display:inline}.util_displayInlineBlock{d
|
|
|
318
302
|
var tokensCss = i$4`:host{--ds-auro-icon-color: var(--ds-basic-color-texticon-default, #2a2a2a);--ds-auro-alaska-color: #02426D;--ds-auro-icon-size: var(--ds-size-300, 1.5rem)}
|
|
319
303
|
`;
|
|
320
304
|
|
|
321
|
-
var tailDefault = {"svg":"<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 142 138\" part=\"svg\"><title id=\"tail-DEFAULT__title\">Airplane tail default image with light gray color</title><path fill=\"url(#paint0_linear_9225_2069)\" fill-rule=\"evenodd\" d=\"M124.093 14.665a3.26 3.26 0 0 1 3.208 3.829L101.097 119.85c-.47 1.087-2.211 3.398-5.692 3.471l-.106.001-80.65.013A659230 659230 0 0 1 99.08 17.412c1.214-1.497 3.275-2.722 5.372-2.747z\" clip-rule=\"evenodd\"/><defs><linearGradient id=\"paint0_linear_9225_2069\" x1=\"114.823\" x2=\"60.061\" y1=\"14.665\" y2=\"123.335\" gradientUnits=\"userSpaceOnUse\"><stop offset=\".5\" stop-color=\"#707984\"/><stop offset=\".5\" stop-color=\"#646E7B\"/></linearGradient></defs></svg>"};
|
|
322
|
-
|
|
323
305
|
/**
|
|
324
306
|
* @license
|
|
325
307
|
* Copyright 2018 Google LLC
|
|
@@ -413,15 +395,6 @@ class AuroIcon extends BaseIcon {
|
|
|
413
395
|
reflect: true
|
|
414
396
|
},
|
|
415
397
|
|
|
416
|
-
/**
|
|
417
|
-
* When true, renders the default tail livery image when the requested tail fails to load,
|
|
418
|
-
* instead of the generic error icon.
|
|
419
|
-
*/
|
|
420
|
-
tailFallback: {
|
|
421
|
-
type: Boolean,
|
|
422
|
-
reflect: true
|
|
423
|
-
},
|
|
424
|
-
|
|
425
398
|
/**
|
|
426
399
|
* The style of the icon.
|
|
427
400
|
* @type {'accent1' | 'disabled' | 'muted' | 'statusDefault' | 'statusInfo' | 'statusSuccess' | 'statusWarning' | 'statusError' | 'statusInfoSubtle' | 'statusSuccessSubtle' | 'statusWarningSubtle' | 'statusErrorSubtle' | 'fareBasicEconomy' | 'fareBusiness' | 'fareEconomy' | 'fareFirst' | 'farePremiumEconomy' | 'tierOneWorldEmerald' | 'tierOneWorldSapphire' | 'tierOneWorldRuby'}
|
|
@@ -456,16 +429,6 @@ class AuroIcon extends BaseIcon {
|
|
|
456
429
|
this.runtimeUtils.handleComponentTagRename(this, "auro-icon");
|
|
457
430
|
}
|
|
458
431
|
|
|
459
|
-
/**
|
|
460
|
-
* @protected
|
|
461
|
-
* @override
|
|
462
|
-
* @returns {Element} The tail-DEFAULT fallback SVG when `tailFallback` is set;
|
|
463
|
-
* otherwise delegates to the base error icon fallback.
|
|
464
|
-
*/
|
|
465
|
-
_getErrorFallback() {
|
|
466
|
-
return this.tailFallback ? BaseIcon._parseSvg(tailDefault.svg) : super._getErrorFallback();
|
|
467
|
-
}
|
|
468
|
-
|
|
469
432
|
/**
|
|
470
433
|
* @private
|
|
471
434
|
* @returns {void} Exposes CSS parts for styling from parent components.
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
import{LitElement as t,css as a,html as e}from"lit";import{classMap as s}from"lit/directives/class-map.js";import{ifDefined as i}from"lit/directives/if-defined.js";var r='<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-labelledby="AS-100__title AS-100__desc" role="img" style="min-width:100%;height:auto;fill:currentColor" viewBox="0 0 57 17" part="svg"><title id="AS-100__title">Alaska Airlines</title><desc id="AS-100__desc">Logo image for Alaska Airlines</desc><path d="M22.21.05c-2.2 0-3.33.58-5.49 2.14L9.41 7.46H4.74c-1.36 0-2.44 0-3.29.86L.24 9.43 7 9.17l-7 5h3l7.16-5.16L12.58 9a3.44 3.44 0 0 0 2.59-1.5h-2.75l5.78-4.22-4.29 7a10.4 10.4 0 0 0-1.51 4h2.48A7.56 7.56 0 0 1 16 11l5.85-9.77c.41-.67.77-1.22.77-1.22zM26.52.69 20.35 11a7.5 7.5 0 0 0-1.08 3.17h-2.42a11.3 11.3 0 0 1 1.74-4.34l4.31-7.19A3.35 3.35 0 0 1 26.18.69zM26 11.55a3.77 3.77 0 0 1-2 1.07c-.5 0-.52-.5-.18-1.15 1.3-2.5 2.67-3.82 4.35-3.81h.31zm2.28-5.29c-3.12 0-5.05 1.82-6.74 5.8-.43 1-.67 2.25.78 2.23a6.6 6.6 0 0 0 3.16-1.13 4 4 0 0 0-.09 1.05h2.2A8.15 8.15 0 0 1 28.75 11l2.75-4.57a31 31 0 0 0-3.18-.17zM48.59 11.55a3.8 3.8 0 0 1-2.06 1.07c-.51 0-.53-.5-.19-1.15 1.3-2.5 2.67-3.82 4.36-3.81h.3zm2.28-5.29c-3.13 0-5 1.82-6.75 5.8-.42 1-.66 2.25.78 2.23a6.64 6.64 0 0 0 3.17-1.13 3.3 3.3 0 0 0-.07 1.05h2.19A8.4 8.4 0 0 1 51.3 11L54 6.43a30 30 0 0 0-3.13-.17"/><path d="M43.74 16.42H43a2.08 2.08 0 0 1-2-1.52l-1.09-4.11-2 3.42h-2.35l6.52-11a3.34 3.34 0 0 1 3.28-1.95h.24l-4.33 7.32 3.25-2.24h2.6l-5.46 3.77zM33.86 8.5c0 .21.06.33.47.61l.67.44a1.89 1.89 0 0 1 .94 1.78c-.25 1.63-1.45 3-4 3-.989-.009-1.974-.12-2.94-.33l1-1.68c.704.15 1.42.233 2.14.25 1 0 1.35-.44 1.4-.79s-.07-.46-.52-.77l-.54-.38c-.85-.61-1.07-1.09-1-1.84.22-1.45 1.89-2.56 4.22-2.56q1.204.01 2.4.14L37.17 8A21 21 0 0 0 35 7.91c-.66.02-1.09.25-1.14.59M55.23 11a1.7 1.7 0 1 1-1.67 1.69A1.69 1.69 0 0 1 55.23 11m0 3.05a1.36 1.36 0 1 0-1.31-1.36A1.32 1.32 0 0 0 55.23 14zm-.23-.5h-.35v-1.84h.64a.58.58 0 0 1 .508.915.57.57 0 0 1-.288.205l.41.72h-.4l-.38-.69H55zm.24-1c.2 0 .32-.1.32-.27s-.12-.28-.32-.28H55v.55z"/></svg>',l='<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>',o='<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-labelledby="AS-300__title AS-300__desc" role="img" style="min-width:100%;height:auto;fill:currentColor" viewBox="0 0 144 45" part="svg"><title id="AS-300__title">Alaska Airlines</title><desc id="AS-300__desc">Logo image for Alaska Airlines</desc><path d="M70.61 2.15 54.17 29.74a20.06 20.06 0 0 0-2.9 8.47h-6.44c.44-3.49 1.8-6.81 4.63-11.58l11.5-19.27c2.3-3.82 4.59-5.21 8.75-5.21zM69.34 31.11c-1.2 1.11-3.53 2.79-5.49 2.85-1.36-.06-1.41-1.33-.5-3.07 3.47-6.65 7.12-10.17 11.62-10.16h.82zM75.42 17c-8.34 0-13.46 4.86-18 15.49-1.13 2.67-1.78 6 2.07 5.93a17.74 17.74 0 0 0 8.45-3 9.3 9.3 0 0 0-.24 2.81h5.86a22 22 0 0 1 3-8.57l7.31-12.19a79 79 0 0 0-8.45-.47M129.46 31.11c-1.2 1.11-3.53 2.79-5.49 2.85-1.36-.06-1.41-1.33-.5-3.07 3.47-6.65 7.12-10.17 11.62-10.16h.81zm6.1-14.11c-8.34 0-13.46 4.86-18 15.49-1.14 2.67-1.78 6 2.07 5.93a17.74 17.74 0 0 0 8.45-3 9 9 0 0 0-.24 2.81h5.84a22.1 22.1 0 0 1 3-8.57l7.31-12.19a79 79 0 0 0-8.43-.47"/><path d="M116.56 44.09h-1.91a5.53 5.53 0 0 1-5.36-4.09l-2.91-11-5.43 9.14h-6.23l17.4-29.44c2.24-3.83 4.58-5.21 8.73-5.21h.64l-11.55 19.58 8.66-6h7l-14.61 10.09zM59.13.44c-5.87 0-8.9 1.55-14.66 5.7l-19.48 14H12.56c-3.6 0-6.49.14-8.77 2.29l-3.22 3 18.12-.7L0 38.21h8.06l19.08-13.77c3.7-.14 6.27-.24 6.29-.23 4.45-.12 6.91-4 6.91-4h-7.32L48.44 9.07 37 27.63c-2.45 4.27-3.63 7.31-4 10.58h6.56a20.2 20.2 0 0 1 2.9-8.47l15.61-26c1.08-1.79 2-3.25 2-3.25zM90.18 23c-.08.55.15.89 1.27 1.62l1.79 1.17a5.05 5.05 0 0 1 2.49 4.75c-.65 4.36-3.86 7.88-10.68 7.89-2.647.039-5.29-.192-7.89-.69l2.65-4.46c1.882.392 3.797.606 5.72.64 2.56 0 3.59-1.15 3.73-2.1.08-.56-.19-1.21-1.4-2.06l-1.42-1c-2.27-1.62-2.87-2.9-2.57-4.91.57-3.87 5-6.82 11.25-6.82 2.138.005 4.275.125 6.4.36l-2.49 4.22a56 56 0 0 0-5.76-.18c-1.79.03-2.95.64-3.09 1.57M140.43 34.36a2.067 2.067 0 0 1 2.108 2.429 2.067 2.067 0 0 1-2.813 1.559 2.07 2.07 0 0 1-1.295-1.919 2.07 2.07 0 0 1 2-2.07m0 3.73a1.66 1.66 0 1 0-1.6-1.66 1.61 1.61 0 0 0 1.6 1.66m-.25-.56h-.43v-2.25h.81a.72.72 0 0 1 .532.192.73.73 0 0 1 .228.517.71.71 0 0 1-.49.67l.5.87h-.49l-.47-.84h-.16zm.29-1.21c.25 0 .39-.12.39-.32s-.14-.35-.39-.35h-.29v.67z"/></svg>',c='<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-labelledby="AS-400__title AS-400__desc" role="img" style="min-width:100%;height:auto;fill:currentColor" viewBox="0 0 396 121" part="svg"><title id="AS-400__title">Alaska Airlines</title><desc id="AS-400__desc">Logo image for Alaska Airlines</desc><path d="m194.18 5-45.2 75.86a55.1 55.1 0 0 0-8 23.3h-17.69c1.2-9.6 5-18.74 12.73-31.83l31.63-53c6.32-10.51 12.62-14.31 24-14.31zM190.75 84.6c-3.32 3.06-9.71 7.68-15.12 7.84-3.72-.16-3.86-3.65-1.36-8.46 9.48-18.29 19.48-27.98 31.9-27.92h2.24zm16.7-38.82c-22.92 0-37 13.35-49.45 42.57-3.11 7.34-4.88 16.44 5.71 16.33 6-.08 16.12-3.38 23.23-8.28a25 25 0 0 0-.66 7.72h16.08c.56-6.27 3-14.08 8.26-23.57L230.67 47a215 215 0 0 0-23.27-1.22zM356.02 84.6c-3.31 3.06-9.71 7.68-15.11 7.84-3.72-.16-3.86-3.65-1.36-8.46 9.54-18.29 19.57-28 31.94-27.92h2.26zm16.73-38.82c-22.92 0-37 13.35-49.44 42.57-3.11 7.34-4.89 16.44 5.71 16.33 6-.08 16.12-3.38 23.22-8.28a25.3 25.3 0 0 0-.66 7.72h16.08c.56-6.27 3-14.08 8.27-23.57L396 47a216 216 0 0 0-23.25-1.22"/><path d="M320.45 120.29h-5.25a15.166 15.166 0 0 1-14.64-11.15l-8-30.15-14.94 25.13h-17.13l47.83-81c6.17-10.51 12.6-14.33 24-14.33h1.75l-31.75 53.7 23.83-16.42h19.13l-40 27.66zM162.61.25c-16.14 0-24.47 4.27-40.31 15.69L68.75 54.57H34.44c-9.92 0-17.85.39-24.11 6.29l-8.87 8.19 49.84-1.92-51.3 37h22.17l52.47-37.88c10.16-.38 17.23-.64 17.29-.62 12.23-.34 19-11.05 19-11.05H90.82L133.21 24l-31.46 51c-6.74 11.72-10 20.1-11.11 29.09h18.21a55.25 55.25 0 0 1 8-23.3l42.9-71.6c3-4.92 5.6-8.94 5.6-8.94zM248.01 62.2c-.22 1.53.41 2.46 3.49 4.45l4.91 3.23c5.32 3.54 7.47 8.76 6.84 13.07-1.79 12-10.61 21.67-29.36 21.68a106 106 0 0 1-21.69-1.89l7.28-12.27c6.78 1.18 10.65 1.79 15.72 1.78 7.06 0 9.88-3.18 10.27-5.79.23-1.55-.51-3.33-3.87-5.65l-3.85-2.76c-6.24-4.45-7.88-8-7.06-13.51 1.57-10.63 13.86-18.76 30.93-18.76 5.877.028 11.748.362 17.59 1l-6.85 11.59a158 158 0 0 0-15.83-.5c-4.97.18-8.16 1.87-8.52 4.33M381.68 96.74a3.76 3.76 0 1 1-3.7 3.76 3.74 3.74 0 0 1 3.7-3.76m0 6.78a3.004 3.004 0 0 0 3.043-3.528 3 3 0 0 0-2.334-2.406 2.998 2.998 0 0 0-3.619 2.934 2.93 2.93 0 0 0 2.91 3m-.47-1h-.77v-4.09h1.41a1.31 1.31 0 0 1 1.39 1.29 1.28 1.28 0 0 1-.9 1.21l.92 1.59h-.89l-.85-1.52h-.31zm.53-2.19c.46 0 .71-.23.71-.6s-.25-.62-.71-.62h-.53v1.22z"/></svg>',n='<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-labelledby="AS-tagline-100__title AS-tagline-100__desc" role="img" style="min-width:100%;height:auto;fill:currentColor" viewBox="0 0 57 24" part="svg"><title id="AS-tagline-100__title">Alaska Airlines</title><desc id="AS-tagline-100__desc">Logo image for Alaska Airlines</desc><path d="M6.8 22.2H5.1l-.4 1h-.9L5.5 19h1L8 23.2h-.8zm-1.4-.7h1.2L6 19.9zM11 23.2V19h.8v4.2zM16.7 21.6h-.4v1.6h-.8V19h1.7c.8 0 1.4.6 1.4 1.3q0 .9-.9 1.2l.9 1.7h-.9zm.2-.7c.4 0 .7-.2.7-.6s-.2-.6-.7-.6h-.7v1.2zM21.7 23.2V19h.8v3.5h1.9v.8h-2.7zM27.7 23.2V19h.8v4.2zM34.9 23.2l-1.9-3v3h-.8V19h1l1.8 2.8V19h.8v4.2zM39.3 23.2V19H42v.8h-1.8v1h1.7v.7h-1.7v1H42v.8h-2.7zM47.5 20.2c0-.2-.2-.6-.8-.6-.4 0-.7.3-.7.5s.1.4.5.5l.6.1c.8.2 1.2.7 1.2 1.2 0 .7-.5 1.3-1.5 1.3-1.1 0-1.6-.7-1.7-1.3l.8-.2c0 .4.3.8.9.8.4 0 .7-.2.7-.5 0-.2-.2-.4-.5-.5l-.6-.1c-.7-.1-1.1-.6-1.1-1.2 0-.8.7-1.3 1.5-1.3 1 0 1.4.6 1.5 1.1zM26.5.6 20.3 11c-.6 1.1-1 2.1-1.1 3.2h-2.4c.2-1.3.7-2.6 1.7-4.3l4.3-7.2c.9-1.4 1.7-2 3.3-2h.4zM26 11.5c-.5.4-1.3 1-2.1 1.1-.5 0-.5-.5-.2-1.2 1.3-2.5 2.7-3.8 4.4-3.8h.3zm2.3-5.3c-3.1 0-5 1.8-6.7 5.8-.4 1-.7 2.2.8 2.2.8 0 2.2-.5 3.2-1.1-.1.3-.1.8-.1 1.1h2.2c.1-.9.4-1.9 1.1-3.2l2.7-4.6c-1.1-.1-2.1-.2-3.2-.2M48.5 11.5c-.5.4-1.3 1-2.1 1.1-.5 0-.5-.5-.2-1.2 1.3-2.5 2.7-3.8 4.4-3.8h.4zm2.3-5.3c-3.1 0-5 1.8-6.7 5.8-.4 1-.7 2.2.8 2.2.8 0 2.2-.5 3.2-1.1-.1.3-.1.8-.1 1.1h2.2c.1-.9.4-1.9 1.1-3.2L54 6.4c-1-.1-2.1-.2-3.2-.2"/><path d="M43.7 16.4H43c-.9 0-1.7-.6-2-1.5l-1.1-4.1-2 3.4h-2.3l6.5-11c.8-1.4 1.7-2 3.3-2h.2l-4.3 7.3 3.2-2.2h2.6L41.6 10zM22.2 0c-2.2 0-3.3.6-5.5 2.1L9.4 7.4H4.7c-1.4 0-2.4.1-3.3.9L.2 9.4s3.5-.1 6.8-.3l-7 5h3L10.2 9c1.4-.1 2.4-.1 2.4-.1 1.7 0 2.6-1.5 2.6-1.5h-2.7l5.8-4.2-4.3 7c-.9 1.6-1.4 2.7-1.5 4H15c.1-1 .4-2.1 1.1-3.2L22 1.2c.2-.7.5-1.2.5-1.2zM33.8 8.4c0 .2.1.3.5.6l.7.5c.7.5 1 1.2.9 1.8-.2 1.6-1.4 3-4 3-1.1 0-1.6 0-3-.3l1-1.7c.9.2 1.5.2 2.1.2 1 0 1.3-.4 1.4-.8 0-.2-.1-.5-.5-.8l-.5-.4c-.9-.6-1.1-1.1-1-1.8.2-1.4 1.9-2.6 4.2-2.6.7 0 1.5 0 2.4.1l-.9 1.6c-.6 0-1.5-.1-2.2-.1-.6.2-1 .4-1.1.7M55.2 10.9c.9 0 1.7.8 1.7 1.7s-.8 1.7-1.7 1.7-1.7-.8-1.7-1.7.8-1.7 1.7-1.7m0 3.1c.7 0 1.3-.6 1.3-1.4s-.6-1.4-1.3-1.4-1.3.6-1.3 1.4.6 1.4 1.3 1.4m-.2-.5h-.3v-1.8h.6c.4 0 .6.3.6.6s-.2.5-.4.5l.4.7h-.4l-.4-.7H55zm.2-1q.3 0 .3-.3t-.3-.3H55v.5h.2z"/></svg>',h='<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>',d='<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-labelledby="AS-tagline-300__title AS-tagline-300__desc" role="img" style="min-width:100%;height:auto;fill:currentColor" viewBox="0 0 144 63" part="svg"><title id="AS-tagline-300__title">Alaska Airlines</title><desc id="AS-tagline-300__desc">Logo image for Alaska Airlines</desc><path d="M70.6 1.7 54.2 29.3c-1.7 2.8-2.6 5.7-2.9 8.5h-6.4c.4-3.5 1.8-6.8 4.6-11.6L61 6.9c2.3-3.8 4.6-5.2 8.7-5.2zM69.3 30.7c-1.2 1.1-3.5 2.8-5.5 2.9-1.4-.1-1.4-1.3-.5-3.1 3.5-6.7 7.1-10.2 11.6-10.2h.8zm6.1-14.1c-8.3 0-13.5 4.9-18 15.5-1.1 2.7-1.8 6 2.1 5.9 2.2 0 5.9-1.2 8.4-3-.2.9-.3 2.1-.2 2.8h5.8c.2-2.3 1.1-5.1 3-8.6L83.9 17c-2.8-.3-5.6-.4-8.5-.4M129.5 30.7c-1.2 1.1-3.5 2.8-5.5 2.9-1.4-.1-1.4-1.3-.5-3.1 3.5-6.7 7.1-10.2 11.6-10.2h.8zm6-14.1c-8.3 0-13.5 4.9-18 15.5-1.1 2.7-1.8 6 2.1 5.9 2.2 0 5.9-1.2 8.4-3-.2.9-.3 2.1-.2 2.8h5.8c.2-2.3 1.1-5.1 3-8.6L144 17c-2.8-.3-5.6-.4-8.5-.4"/><path d="M116.5 43.6h-1.9c-2.5 0-4.7-1.7-5.3-4.1l-2.9-11-5.4 9.1h-6.2l17.4-29.4c2.2-3.8 4.6-5.2 8.7-5.2h.6l-11.6 19.5 8.7-6h7L111 26.7zM59.1 0c-5.9 0-8.9 1.6-14.7 5.7L25 19.8H12.5c-3.6 0-6.5.1-8.8 2.3l-3.2 3s9.4-.4 18.1-.7L0 37.8h8.1l19-13.8c3.7-.1 6.3-.2 6.3-.2 4.4-.1 6.9-4 6.9-4H33L48.4 8.6 37 27.2c-2.5 4.3-3.6 7.3-4 10.6h6.6c.3-2.8 1.2-5.6 2.9-8.5l15.6-26c1.1-1.8 2-3.3 2-3.3zM90.2 22.5c-.1.6.1.9 1.3 1.6l1.8 1.2c1.9 1.3 2.7 3.2 2.5 4.8-.6 4.4-3.9 7.9-10.7 7.9-3 0-4.3-.1-7.9-.7l2.6-4.5c2.5.4 3.9.7 5.7.6 2.6 0 3.6-1.2 3.7-2.1.1-.6-.2-1.2-1.4-2.1l-1.4-1c-2.3-1.6-2.9-2.9-2.6-4.9.6-3.9 5-6.8 11.2-6.8 1.9 0 4.1.1 6.4.4L99 21.1c-1.5-.1-4-.2-5.8-.2-1.7.1-2.9.7-3 1.6M140.4 33.9c1.1 0 2.1.9 2.1 2.1 0 1.1-.9 2.1-2.1 2.1-1.1 0-2-.9-2-2.1 0-1.1.9-2.1 2-2.1m0 3.7c.9 0 1.6-.7 1.6-1.7 0-.9-.7-1.7-1.6-1.7s-1.6.7-1.6 1.7.7 1.7 1.6 1.7m-.2-.5h-.4v-2.2h.8c.4 0 .8.3.8.7 0 .3-.2.6-.5.7l.5.9h-.5l-.5-.8h-.2zm.3-1.2c.3 0 .4-.1.4-.3s-.1-.3-.4-.3h-.3v.7h.3zM18.1 59.3h-4.6l-.9 2.6h-2.3l4.3-11.3h2.6l4.3 11.3h-2.4zm-3.8-2h3.1L15.8 53zM29.3 61.9V50.6h2.2v11.3zM44.4 57.6h-1.1V62h-2.2V50.6h4.4c2.2 0 3.6 1.5 3.6 3.5 0 1.6-.9 2.8-2.4 3.2l2.4 4.6h-2.5zm.7-1.9c1.1 0 1.8-.6 1.8-1.6s-.7-1.6-1.8-1.6h-1.8v3.1h1.8zM58 61.9V50.6h2.2v9.2h5v2.1zM73.8 61.9V50.6H76v11.3zM92.9 61.9l-5.1-8v8h-2.2V50.6h2.7l4.7 7.5v-7.5h2.2v11.3zM104.8 61.9V50.6h7.1v2.1H107v2.6h4.4v2H107v2.6h4.9V62h-7.1zM126.6 53.9c-.1-.6-.6-1.6-2.1-1.6-1.1 0-1.8.7-1.8 1.4 0 .6.4 1.1 1.2 1.3l1.6.3c2.1.4 3.2 1.7 3.2 3.3 0 1.7-1.5 3.5-4.1 3.5-3 0-4.3-1.9-4.5-3.5l2-.5c.1 1.1.9 2.1 2.5 2.1 1.2 0 1.8-.6 1.8-1.4 0-.7-.5-1.2-1.4-1.3l-1.6-.3c-1.8-.4-3-1.5-3-3.2 0-2 1.8-3.5 3.9-3.5 2.7 0 3.8 1.7 4.1 2.9z"/></svg>',v='<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-labelledby="AS-tagline-400__title AS-tagline-400__desc" role="img" style="min-width:100%;height:auto;fill:currentColor" viewBox="0 0 396 171" part="svg"><title id="AS-tagline-400__title">Alaska Airlines</title><desc id="AS-tagline-400__desc">Logo image for Alaska Airlines</desc><path d="M194.2 4.7 149 80.6c-4.7 7.8-7.3 15.7-8 23.3h-17.7c1.2-9.6 5-18.7 12.7-31.8l31.6-53c6.3-10.5 12.6-14.3 24-14.3h2.6zM190.7 84.3c-3.3 3.1-9.7 7.7-15.1 7.8-3.7-.2-3.9-3.7-1.4-8.5 9.5-18.3 19.6-28 31.9-27.9h2.2zm16.7-38.8c-22.9 0-37 13.4-49.4 42.6-3.1 7.3-4.9 16.4 5.7 16.3 6-.1 16.1-3.4 23.2-8.3-.6 2.4-.9 5.7-.7 7.7h16.1c.6-6.3 3-14.1 8.3-23.6l20.1-33.5c-7.7-.8-15.4-1.2-23.3-1.2M356 84.3c-3.3 3.1-9.7 7.7-15.1 7.8-3.7-.2-3.9-3.7-1.4-8.5 9.5-18.3 19.6-28 31.9-27.9h2.2zm16.7-38.8c-22.9 0-37 13.4-49.4 42.6-3.1 7.3-4.9 16.4 5.7 16.3 6-.1 16.1-3.4 23.2-8.3-.6 2.4-.9 5.7-.7 7.7h16.1c.6-6.3 3-14.1 8.3-23.6L396 46.8c-7.6-.9-15.4-1.3-23.3-1.3"/><path d="M320.5 120h-5.3c-6.8 0-12.8-4.6-14.6-11.1l-8-30.2-14.9 25.1h-17.1l47.8-81c6.2-10.5 12.6-14.3 24-14.3h1.8l-31.8 53.7 23.8-16.4h19.1l-40.1 27.7zM162.6 0c-16.1 0-24.5 4.3-40.3 15.7L68.7 54.3H34.4c-9.9 0-17.9.4-24.1 6.3l-8.9 8.2s25.8-1 49.8-1.9L0 103.9h22.2L74.6 66c10.2-.4 17.2-.6 17.3-.6 12.2-.3 19-11.1 19-11.1H90.8l42.4-30.6-31.5 51.1c-6.7 11.7-10 20.1-11.1 29.1h18.2c.7-7.6 3.3-15.5 8-23.3L159.7 9c3-4.9 5.6-8.9 5.6-8.9zM248 62c-.2 1.5.4 2.5 3.5 4.5l4.9 3.2c5.3 3.5 7.5 8.8 6.8 13.1-1.8 12-10.6 21.7-29.4 21.7-8.2 0-11.9-.3-21.7-1.9l7.3-12.3c6.8 1.2 10.6 1.8 15.7 1.8 7.1 0 9.9-3.2 10.3-5.8.2-1.5-.5-3.3-3.9-5.6l-3.9-2.8c-6.2-4.5-7.9-8-7.1-13.5 1.6-10.6 13.9-18.8 30.9-18.8 5.4 0 11.2.3 17.6 1l-6.9 11.6c-4.2-.3-11-.7-15.8-.5-4.7.1-7.9 1.8-8.3 4.3M381.7 96.5c2.1 0 3.7 1.7 3.7 3.8s-1.7 3.8-3.7 3.8c-2.1 0-3.7-1.7-3.7-3.8s1.6-3.8 3.7-3.8m0 6.8c1.6 0 2.9-1.3 2.9-3s-1.3-3-2.9-3-2.9 1.3-2.9 3 1.3 3 2.9 3m-.5-1h-.8v-4.1h1.4c.8 0 1.4.6 1.4 1.3 0 .6-.4 1-.9 1.2l.9 1.6h-.9l-.9-1.5h-.3v1.5zm.5-2.2c.5 0 .7-.2.7-.6s-.3-.6-.7-.6h-.5v1.2zM49.6 163.1H37l-2.6 7.1H28l11.9-31.1h7l11.9 31.1h-6.6zM39 157.6h8.6l-4.3-11.8zM80.4 170.2v-31.1h6.1v31.1zM122 158.2h-3.2v12h-6.1v-31.1h12.2c6.1 0 9.9 4.2 9.9 9.6 0 4.3-2.5 7.6-6.6 8.8l6.7 12.7h-6.8zm1.7-5.2c3.1 0 4.9-1.8 4.9-4.3 0-2.6-1.8-4.3-4.9-4.3h-4.9v8.7h4.9zM159.3 170.2v-31.1h6.1v25.3h13.9v5.8zM203 170.2v-31.1h6.1v31.1zM255.5 170.2l-14.1-22.1v22.1h-6.1v-31.1h7.6l13 20.6v-20.6h6.1v31.1zM288.1 170.2v-31.1h19.5v5.7h-13.4v7.1h12.2v5.4h-12.2v7.2h13.4v5.7zM348.3 148.2c-.3-1.7-1.7-4.4-5.7-4.4-2.9 0-4.9 1.9-4.9 4 0 1.7 1.1 3.1 3.4 3.5l4.3.8c5.7 1.1 8.7 4.8 8.7 9.2 0 4.8-4 9.6-11.2 9.6-8.3 0-11.9-5.3-12.4-9.8l5.6-1.5c.3 3.1 2.4 5.8 6.8 5.8 3.2 0 5-1.6 5-3.8 0-1.8-1.4-3.2-3.8-3.7l-4.3-.9c-5-1-8.2-4.2-8.2-8.9 0-5.5 5-9.8 10.8-9.8 7.6 0 10.5 4.6 11.2 8.1z"/></svg>';class p{registerComponent(t,a){customElements.get(t)||customElements.define(t,class extends a{})}closestElement(t,a=this,e=(a,s=a&&a.closest(t))=>a&&a!==document&&a!==window?s||e(a.getRootNode().host):null){return e(a)}handleComponentTagRename(t,a){const e=a.toLowerCase();t.tagName.toLowerCase()!==e&&t.setAttribute(e,!0)}elementMatch(t,a){const e=a.toLowerCase();return t.tagName.toLowerCase()===e||t.hasAttribute(e)}getSlotText(t,a){const e=t.shadowRoot?.querySelector(`slot[name="${a}"]`);return(e?.assignedNodes({flatten:!0})||[]).map(t=>t.textContent?.trim()).join(" ").trim()||null}}var u='<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-labelledby="error__desc" class="ico_squareLarge" data-deprecated="true" 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="error__desc">Error alert indicator.</desc><path d="m13.047 5.599 6.786 11.586A1.207 1.207 0 0 1 18.786 19H5.214a1.207 1.207 0 0 1-1.047-1.815l6.786-11.586a1.214 1.214 0 0 1 2.094 0m-1.165.87a.23.23 0 0 0-.085.085L5.419 17.442a.232.232 0 0 0 .203.35h12.756a.234.234 0 0 0 .203-.35L12.203 6.554a.236.236 0 0 0-.321-.084M12 15.5a.75.75 0 1 1 0 1.5.75.75 0 0 1 0-1.5m-.024-6.22c.325 0 .589.261.589.583v4.434a.586.586 0 0 1-.589.583.586.586 0 0 1-.588-.583V9.863c0-.322.264-.583.588-.583"/></svg>';class g extends t{static get properties(){return{hidden:{type:Boolean,reflect:!0},hiddenVisually:{type:Boolean,reflect:!0},hiddenAudible:{type:Boolean,reflect:!0}}}hideAudible(t){return t?"true":"false"}}const m=new Map,f=(t,a={})=>{const e=a.responseParser||(t=>t.text());return m.has(t)||m.set(t,fetch(t).then(e)),m.get(t)};var w=a`:focus:not(:focus-visible){outline:3px solid transparent}.util_displayInline{display:inline}.util_displayInlineBlock{display:inline-block}.util_displayBlock,:host{display:block}.util_displayFlex{display:flex}.util_displayHidden,:host([hidden]:not(:focus):not(:active)){display:none}.util_displayHiddenVisually,:host([hiddenVisually]:not(:focus):not(:active)){position:absolute;overflow:hidden;clip:rect(1px,1px,1px,1px);width:1px;height:1px;padding:0;border:0}.ico_squareLarge{fill:currentColor;height:var(--auro-size-lg, var(--ds-size-300, 1.5rem))}.ico_squareSmall{fill:currentColor;height:.6rem}.ico_squareMed{fill:currentColor;height:var(--auro-size-md, var(--ds-size-200, 1rem))}.ico_squareSml{fill:currentColor;height:var(--auro-size-sm, var(--ds-size-150, .75rem))}:host{color:currentColor;vertical-align:middle;display:inline-block}svg{min-width:var(--ds-auro-icon-size, 1.5rem)!important;width:var(--ds-auro-icon-size, 1.5rem)!important;height:var(--ds-auro-icon-size, 1.5rem)!important}.componentWrapper{display:flex;line-height:var(--ds-auro-icon-size)}.svgWrapper{height:var(--ds-auro-icon-size);width:var(--ds-auro-icon-size)}.svgWrapper [part=svg]{display:flex}.labelWrapper{margin-left:var(--ds-size-50, .25rem)}.labelWrapper ::slotted(*){line-height:inherit!important}
|
|
2
|
-
`;class
|
|
3
|
-
`,
|
|
4
|
-
`;class
|
|
1
|
+
import{LitElement as t,css as a,html as e}from"lit";import{classMap as s}from"lit/directives/class-map.js";import{ifDefined as i}from"lit/directives/if-defined.js";var r='<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-labelledby="AS-100__title AS-100__desc" role="img" style="min-width:100%;height:auto;fill:currentColor" viewBox="0 0 57 17" part="svg"><title id="AS-100__title">Alaska Airlines</title><desc id="AS-100__desc">Logo image for Alaska Airlines</desc><path d="M22.21.05c-2.2 0-3.33.58-5.49 2.14L9.41 7.46H4.74c-1.36 0-2.44 0-3.29.86L.24 9.43 7 9.17l-7 5h3l7.16-5.16L12.58 9a3.44 3.44 0 0 0 2.59-1.5h-2.75l5.78-4.22-4.29 7a10.4 10.4 0 0 0-1.51 4h2.48A7.56 7.56 0 0 1 16 11l5.85-9.77c.41-.67.77-1.22.77-1.22zM26.52.69 20.35 11a7.5 7.5 0 0 0-1.08 3.17h-2.42a11.3 11.3 0 0 1 1.74-4.34l4.31-7.19A3.35 3.35 0 0 1 26.18.69zM26 11.55a3.77 3.77 0 0 1-2 1.07c-.5 0-.52-.5-.18-1.15 1.3-2.5 2.67-3.82 4.35-3.81h.31zm2.28-5.29c-3.12 0-5.05 1.82-6.74 5.8-.43 1-.67 2.25.78 2.23a6.6 6.6 0 0 0 3.16-1.13 4 4 0 0 0-.09 1.05h2.2A8.15 8.15 0 0 1 28.75 11l2.75-4.57a31 31 0 0 0-3.18-.17zM48.59 11.55a3.8 3.8 0 0 1-2.06 1.07c-.51 0-.53-.5-.19-1.15 1.3-2.5 2.67-3.82 4.36-3.81h.3zm2.28-5.29c-3.13 0-5 1.82-6.75 5.8-.42 1-.66 2.25.78 2.23a6.64 6.64 0 0 0 3.17-1.13 3.3 3.3 0 0 0-.07 1.05h2.19A8.4 8.4 0 0 1 51.3 11L54 6.43a30 30 0 0 0-3.13-.17"/><path d="M43.74 16.42H43a2.08 2.08 0 0 1-2-1.52l-1.09-4.11-2 3.42h-2.35l6.52-11a3.34 3.34 0 0 1 3.28-1.95h.24l-4.33 7.32 3.25-2.24h2.6l-5.46 3.77zM33.86 8.5c0 .21.06.33.47.61l.67.44a1.89 1.89 0 0 1 .94 1.78c-.25 1.63-1.45 3-4 3-.989-.009-1.974-.12-2.94-.33l1-1.68c.704.15 1.42.233 2.14.25 1 0 1.35-.44 1.4-.79s-.07-.46-.52-.77l-.54-.38c-.85-.61-1.07-1.09-1-1.84.22-1.45 1.89-2.56 4.22-2.56q1.204.01 2.4.14L37.17 8A21 21 0 0 0 35 7.91c-.66.02-1.09.25-1.14.59M55.23 11a1.7 1.7 0 1 1-1.67 1.69A1.69 1.69 0 0 1 55.23 11m0 3.05a1.36 1.36 0 1 0-1.31-1.36A1.32 1.32 0 0 0 55.23 14zm-.23-.5h-.35v-1.84h.64a.58.58 0 0 1 .508.915.57.57 0 0 1-.288.205l.41.72h-.4l-.38-.69H55zm.24-1c.2 0 .32-.1.32-.27s-.12-.28-.32-.28H55v.55z"/></svg>',l='<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>',o='<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-labelledby="AS-300__title AS-300__desc" role="img" style="min-width:100%;height:auto;fill:currentColor" viewBox="0 0 144 45" part="svg"><title id="AS-300__title">Alaska Airlines</title><desc id="AS-300__desc">Logo image for Alaska Airlines</desc><path d="M70.61 2.15 54.17 29.74a20.06 20.06 0 0 0-2.9 8.47h-6.44c.44-3.49 1.8-6.81 4.63-11.58l11.5-19.27c2.3-3.82 4.59-5.21 8.75-5.21zM69.34 31.11c-1.2 1.11-3.53 2.79-5.49 2.85-1.36-.06-1.41-1.33-.5-3.07 3.47-6.65 7.12-10.17 11.62-10.16h.82zM75.42 17c-8.34 0-13.46 4.86-18 15.49-1.13 2.67-1.78 6 2.07 5.93a17.74 17.74 0 0 0 8.45-3 9.3 9.3 0 0 0-.24 2.81h5.86a22 22 0 0 1 3-8.57l7.31-12.19a79 79 0 0 0-8.45-.47M129.46 31.11c-1.2 1.11-3.53 2.79-5.49 2.85-1.36-.06-1.41-1.33-.5-3.07 3.47-6.65 7.12-10.17 11.62-10.16h.81zm6.1-14.11c-8.34 0-13.46 4.86-18 15.49-1.14 2.67-1.78 6 2.07 5.93a17.74 17.74 0 0 0 8.45-3 9 9 0 0 0-.24 2.81h5.84a22.1 22.1 0 0 1 3-8.57l7.31-12.19a79 79 0 0 0-8.43-.47"/><path d="M116.56 44.09h-1.91a5.53 5.53 0 0 1-5.36-4.09l-2.91-11-5.43 9.14h-6.23l17.4-29.44c2.24-3.83 4.58-5.21 8.73-5.21h.64l-11.55 19.58 8.66-6h7l-14.61 10.09zM59.13.44c-5.87 0-8.9 1.55-14.66 5.7l-19.48 14H12.56c-3.6 0-6.49.14-8.77 2.29l-3.22 3 18.12-.7L0 38.21h8.06l19.08-13.77c3.7-.14 6.27-.24 6.29-.23 4.45-.12 6.91-4 6.91-4h-7.32L48.44 9.07 37 27.63c-2.45 4.27-3.63 7.31-4 10.58h6.56a20.2 20.2 0 0 1 2.9-8.47l15.61-26c1.08-1.79 2-3.25 2-3.25zM90.18 23c-.08.55.15.89 1.27 1.62l1.79 1.17a5.05 5.05 0 0 1 2.49 4.75c-.65 4.36-3.86 7.88-10.68 7.89-2.647.039-5.29-.192-7.89-.69l2.65-4.46c1.882.392 3.797.606 5.72.64 2.56 0 3.59-1.15 3.73-2.1.08-.56-.19-1.21-1.4-2.06l-1.42-1c-2.27-1.62-2.87-2.9-2.57-4.91.57-3.87 5-6.82 11.25-6.82 2.138.005 4.275.125 6.4.36l-2.49 4.22a56 56 0 0 0-5.76-.18c-1.79.03-2.95.64-3.09 1.57M140.43 34.36a2.067 2.067 0 0 1 2.108 2.429 2.067 2.067 0 0 1-2.813 1.559 2.07 2.07 0 0 1-1.295-1.919 2.07 2.07 0 0 1 2-2.07m0 3.73a1.66 1.66 0 1 0-1.6-1.66 1.61 1.61 0 0 0 1.6 1.66m-.25-.56h-.43v-2.25h.81a.72.72 0 0 1 .532.192.73.73 0 0 1 .228.517.71.71 0 0 1-.49.67l.5.87h-.49l-.47-.84h-.16zm.29-1.21c.25 0 .39-.12.39-.32s-.14-.35-.39-.35h-.29v.67z"/></svg>',c='<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-labelledby="AS-400__title AS-400__desc" role="img" style="min-width:100%;height:auto;fill:currentColor" viewBox="0 0 396 121" part="svg"><title id="AS-400__title">Alaska Airlines</title><desc id="AS-400__desc">Logo image for Alaska Airlines</desc><path d="m194.18 5-45.2 75.86a55.1 55.1 0 0 0-8 23.3h-17.69c1.2-9.6 5-18.74 12.73-31.83l31.63-53c6.32-10.51 12.62-14.31 24-14.31zM190.75 84.6c-3.32 3.06-9.71 7.68-15.12 7.84-3.72-.16-3.86-3.65-1.36-8.46 9.48-18.29 19.48-27.98 31.9-27.92h2.24zm16.7-38.82c-22.92 0-37 13.35-49.45 42.57-3.11 7.34-4.88 16.44 5.71 16.33 6-.08 16.12-3.38 23.23-8.28a25 25 0 0 0-.66 7.72h16.08c.56-6.27 3-14.08 8.26-23.57L230.67 47a215 215 0 0 0-23.27-1.22zM356.02 84.6c-3.31 3.06-9.71 7.68-15.11 7.84-3.72-.16-3.86-3.65-1.36-8.46 9.54-18.29 19.57-28 31.94-27.92h2.26zm16.73-38.82c-22.92 0-37 13.35-49.44 42.57-3.11 7.34-4.89 16.44 5.71 16.33 6-.08 16.12-3.38 23.22-8.28a25.3 25.3 0 0 0-.66 7.72h16.08c.56-6.27 3-14.08 8.27-23.57L396 47a216 216 0 0 0-23.25-1.22"/><path d="M320.45 120.29h-5.25a15.166 15.166 0 0 1-14.64-11.15l-8-30.15-14.94 25.13h-17.13l47.83-81c6.17-10.51 12.6-14.33 24-14.33h1.75l-31.75 53.7 23.83-16.42h19.13l-40 27.66zM162.61.25c-16.14 0-24.47 4.27-40.31 15.69L68.75 54.57H34.44c-9.92 0-17.85.39-24.11 6.29l-8.87 8.19 49.84-1.92-51.3 37h22.17l52.47-37.88c10.16-.38 17.23-.64 17.29-.62 12.23-.34 19-11.05 19-11.05H90.82L133.21 24l-31.46 51c-6.74 11.72-10 20.1-11.11 29.09h18.21a55.25 55.25 0 0 1 8-23.3l42.9-71.6c3-4.92 5.6-8.94 5.6-8.94zM248.01 62.2c-.22 1.53.41 2.46 3.49 4.45l4.91 3.23c5.32 3.54 7.47 8.76 6.84 13.07-1.79 12-10.61 21.67-29.36 21.68a106 106 0 0 1-21.69-1.89l7.28-12.27c6.78 1.18 10.65 1.79 15.72 1.78 7.06 0 9.88-3.18 10.27-5.79.23-1.55-.51-3.33-3.87-5.65l-3.85-2.76c-6.24-4.45-7.88-8-7.06-13.51 1.57-10.63 13.86-18.76 30.93-18.76 5.877.028 11.748.362 17.59 1l-6.85 11.59a158 158 0 0 0-15.83-.5c-4.97.18-8.16 1.87-8.52 4.33M381.68 96.74a3.76 3.76 0 1 1-3.7 3.76 3.74 3.74 0 0 1 3.7-3.76m0 6.78a3.004 3.004 0 0 0 3.043-3.528 3 3 0 0 0-2.334-2.406 2.998 2.998 0 0 0-3.619 2.934 2.93 2.93 0 0 0 2.91 3m-.47-1h-.77v-4.09h1.41a1.31 1.31 0 0 1 1.39 1.29 1.28 1.28 0 0 1-.9 1.21l.92 1.59h-.89l-.85-1.52h-.31zm.53-2.19c.46 0 .71-.23.71-.6s-.25-.62-.71-.62h-.53v1.22z"/></svg>',n='<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-labelledby="AS-tagline-100__title AS-tagline-100__desc" role="img" style="min-width:100%;height:auto;fill:currentColor" viewBox="0 0 57 24" part="svg"><title id="AS-tagline-100__title">Alaska Airlines</title><desc id="AS-tagline-100__desc">Logo image for Alaska Airlines</desc><path d="M6.8 22.2H5.1l-.4 1h-.9L5.5 19h1L8 23.2h-.8zm-1.4-.7h1.2L6 19.9zM11 23.2V19h.8v4.2zM16.7 21.6h-.4v1.6h-.8V19h1.7c.8 0 1.4.6 1.4 1.3q0 .9-.9 1.2l.9 1.7h-.9zm.2-.7c.4 0 .7-.2.7-.6s-.2-.6-.7-.6h-.7v1.2zM21.7 23.2V19h.8v3.5h1.9v.8h-2.7zM27.7 23.2V19h.8v4.2zM34.9 23.2l-1.9-3v3h-.8V19h1l1.8 2.8V19h.8v4.2zM39.3 23.2V19H42v.8h-1.8v1h1.7v.7h-1.7v1H42v.8h-2.7zM47.5 20.2c0-.2-.2-.6-.8-.6-.4 0-.7.3-.7.5s.1.4.5.5l.6.1c.8.2 1.2.7 1.2 1.2 0 .7-.5 1.3-1.5 1.3-1.1 0-1.6-.7-1.7-1.3l.8-.2c0 .4.3.8.9.8.4 0 .7-.2.7-.5 0-.2-.2-.4-.5-.5l-.6-.1c-.7-.1-1.1-.6-1.1-1.2 0-.8.7-1.3 1.5-1.3 1 0 1.4.6 1.5 1.1zM26.5.6 20.3 11c-.6 1.1-1 2.1-1.1 3.2h-2.4c.2-1.3.7-2.6 1.7-4.3l4.3-7.2c.9-1.4 1.7-2 3.3-2h.4zM26 11.5c-.5.4-1.3 1-2.1 1.1-.5 0-.5-.5-.2-1.2 1.3-2.5 2.7-3.8 4.4-3.8h.3zm2.3-5.3c-3.1 0-5 1.8-6.7 5.8-.4 1-.7 2.2.8 2.2.8 0 2.2-.5 3.2-1.1-.1.3-.1.8-.1 1.1h2.2c.1-.9.4-1.9 1.1-3.2l2.7-4.6c-1.1-.1-2.1-.2-3.2-.2M48.5 11.5c-.5.4-1.3 1-2.1 1.1-.5 0-.5-.5-.2-1.2 1.3-2.5 2.7-3.8 4.4-3.8h.4zm2.3-5.3c-3.1 0-5 1.8-6.7 5.8-.4 1-.7 2.2.8 2.2.8 0 2.2-.5 3.2-1.1-.1.3-.1.8-.1 1.1h2.2c.1-.9.4-1.9 1.1-3.2L54 6.4c-1-.1-2.1-.2-3.2-.2"/><path d="M43.7 16.4H43c-.9 0-1.7-.6-2-1.5l-1.1-4.1-2 3.4h-2.3l6.5-11c.8-1.4 1.7-2 3.3-2h.2l-4.3 7.3 3.2-2.2h2.6L41.6 10zM22.2 0c-2.2 0-3.3.6-5.5 2.1L9.4 7.4H4.7c-1.4 0-2.4.1-3.3.9L.2 9.4s3.5-.1 6.8-.3l-7 5h3L10.2 9c1.4-.1 2.4-.1 2.4-.1 1.7 0 2.6-1.5 2.6-1.5h-2.7l5.8-4.2-4.3 7c-.9 1.6-1.4 2.7-1.5 4H15c.1-1 .4-2.1 1.1-3.2L22 1.2c.2-.7.5-1.2.5-1.2zM33.8 8.4c0 .2.1.3.5.6l.7.5c.7.5 1 1.2.9 1.8-.2 1.6-1.4 3-4 3-1.1 0-1.6 0-3-.3l1-1.7c.9.2 1.5.2 2.1.2 1 0 1.3-.4 1.4-.8 0-.2-.1-.5-.5-.8l-.5-.4c-.9-.6-1.1-1.1-1-1.8.2-1.4 1.9-2.6 4.2-2.6.7 0 1.5 0 2.4.1l-.9 1.6c-.6 0-1.5-.1-2.2-.1-.6.2-1 .4-1.1.7M55.2 10.9c.9 0 1.7.8 1.7 1.7s-.8 1.7-1.7 1.7-1.7-.8-1.7-1.7.8-1.7 1.7-1.7m0 3.1c.7 0 1.3-.6 1.3-1.4s-.6-1.4-1.3-1.4-1.3.6-1.3 1.4.6 1.4 1.3 1.4m-.2-.5h-.3v-1.8h.6c.4 0 .6.3.6.6s-.2.5-.4.5l.4.7h-.4l-.4-.7H55zm.2-1q.3 0 .3-.3t-.3-.3H55v.5h.2z"/></svg>',h='<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>',d='<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-labelledby="AS-tagline-300__title AS-tagline-300__desc" role="img" style="min-width:100%;height:auto;fill:currentColor" viewBox="0 0 144 63" part="svg"><title id="AS-tagline-300__title">Alaska Airlines</title><desc id="AS-tagline-300__desc">Logo image for Alaska Airlines</desc><path d="M70.6 1.7 54.2 29.3c-1.7 2.8-2.6 5.7-2.9 8.5h-6.4c.4-3.5 1.8-6.8 4.6-11.6L61 6.9c2.3-3.8 4.6-5.2 8.7-5.2zM69.3 30.7c-1.2 1.1-3.5 2.8-5.5 2.9-1.4-.1-1.4-1.3-.5-3.1 3.5-6.7 7.1-10.2 11.6-10.2h.8zm6.1-14.1c-8.3 0-13.5 4.9-18 15.5-1.1 2.7-1.8 6 2.1 5.9 2.2 0 5.9-1.2 8.4-3-.2.9-.3 2.1-.2 2.8h5.8c.2-2.3 1.1-5.1 3-8.6L83.9 17c-2.8-.3-5.6-.4-8.5-.4M129.5 30.7c-1.2 1.1-3.5 2.8-5.5 2.9-1.4-.1-1.4-1.3-.5-3.1 3.5-6.7 7.1-10.2 11.6-10.2h.8zm6-14.1c-8.3 0-13.5 4.9-18 15.5-1.1 2.7-1.8 6 2.1 5.9 2.2 0 5.9-1.2 8.4-3-.2.9-.3 2.1-.2 2.8h5.8c.2-2.3 1.1-5.1 3-8.6L144 17c-2.8-.3-5.6-.4-8.5-.4"/><path d="M116.5 43.6h-1.9c-2.5 0-4.7-1.7-5.3-4.1l-2.9-11-5.4 9.1h-6.2l17.4-29.4c2.2-3.8 4.6-5.2 8.7-5.2h.6l-11.6 19.5 8.7-6h7L111 26.7zM59.1 0c-5.9 0-8.9 1.6-14.7 5.7L25 19.8H12.5c-3.6 0-6.5.1-8.8 2.3l-3.2 3s9.4-.4 18.1-.7L0 37.8h8.1l19-13.8c3.7-.1 6.3-.2 6.3-.2 4.4-.1 6.9-4 6.9-4H33L48.4 8.6 37 27.2c-2.5 4.3-3.6 7.3-4 10.6h6.6c.3-2.8 1.2-5.6 2.9-8.5l15.6-26c1.1-1.8 2-3.3 2-3.3zM90.2 22.5c-.1.6.1.9 1.3 1.6l1.8 1.2c1.9 1.3 2.7 3.2 2.5 4.8-.6 4.4-3.9 7.9-10.7 7.9-3 0-4.3-.1-7.9-.7l2.6-4.5c2.5.4 3.9.7 5.7.6 2.6 0 3.6-1.2 3.7-2.1.1-.6-.2-1.2-1.4-2.1l-1.4-1c-2.3-1.6-2.9-2.9-2.6-4.9.6-3.9 5-6.8 11.2-6.8 1.9 0 4.1.1 6.4.4L99 21.1c-1.5-.1-4-.2-5.8-.2-1.7.1-2.9.7-3 1.6M140.4 33.9c1.1 0 2.1.9 2.1 2.1 0 1.1-.9 2.1-2.1 2.1-1.1 0-2-.9-2-2.1 0-1.1.9-2.1 2-2.1m0 3.7c.9 0 1.6-.7 1.6-1.7 0-.9-.7-1.7-1.6-1.7s-1.6.7-1.6 1.7.7 1.7 1.6 1.7m-.2-.5h-.4v-2.2h.8c.4 0 .8.3.8.7 0 .3-.2.6-.5.7l.5.9h-.5l-.5-.8h-.2zm.3-1.2c.3 0 .4-.1.4-.3s-.1-.3-.4-.3h-.3v.7h.3zM18.1 59.3h-4.6l-.9 2.6h-2.3l4.3-11.3h2.6l4.3 11.3h-2.4zm-3.8-2h3.1L15.8 53zM29.3 61.9V50.6h2.2v11.3zM44.4 57.6h-1.1V62h-2.2V50.6h4.4c2.2 0 3.6 1.5 3.6 3.5 0 1.6-.9 2.8-2.4 3.2l2.4 4.6h-2.5zm.7-1.9c1.1 0 1.8-.6 1.8-1.6s-.7-1.6-1.8-1.6h-1.8v3.1h1.8zM58 61.9V50.6h2.2v9.2h5v2.1zM73.8 61.9V50.6H76v11.3zM92.9 61.9l-5.1-8v8h-2.2V50.6h2.7l4.7 7.5v-7.5h2.2v11.3zM104.8 61.9V50.6h7.1v2.1H107v2.6h4.4v2H107v2.6h4.9V62h-7.1zM126.6 53.9c-.1-.6-.6-1.6-2.1-1.6-1.1 0-1.8.7-1.8 1.4 0 .6.4 1.1 1.2 1.3l1.6.3c2.1.4 3.2 1.7 3.2 3.3 0 1.7-1.5 3.5-4.1 3.5-3 0-4.3-1.9-4.5-3.5l2-.5c.1 1.1.9 2.1 2.5 2.1 1.2 0 1.8-.6 1.8-1.4 0-.7-.5-1.2-1.4-1.3l-1.6-.3c-1.8-.4-3-1.5-3-3.2 0-2 1.8-3.5 3.9-3.5 2.7 0 3.8 1.7 4.1 2.9z"/></svg>',v='<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-labelledby="AS-tagline-400__title AS-tagline-400__desc" role="img" style="min-width:100%;height:auto;fill:currentColor" viewBox="0 0 396 171" part="svg"><title id="AS-tagline-400__title">Alaska Airlines</title><desc id="AS-tagline-400__desc">Logo image for Alaska Airlines</desc><path d="M194.2 4.7 149 80.6c-4.7 7.8-7.3 15.7-8 23.3h-17.7c1.2-9.6 5-18.7 12.7-31.8l31.6-53c6.3-10.5 12.6-14.3 24-14.3h2.6zM190.7 84.3c-3.3 3.1-9.7 7.7-15.1 7.8-3.7-.2-3.9-3.7-1.4-8.5 9.5-18.3 19.6-28 31.9-27.9h2.2zm16.7-38.8c-22.9 0-37 13.4-49.4 42.6-3.1 7.3-4.9 16.4 5.7 16.3 6-.1 16.1-3.4 23.2-8.3-.6 2.4-.9 5.7-.7 7.7h16.1c.6-6.3 3-14.1 8.3-23.6l20.1-33.5c-7.7-.8-15.4-1.2-23.3-1.2M356 84.3c-3.3 3.1-9.7 7.7-15.1 7.8-3.7-.2-3.9-3.7-1.4-8.5 9.5-18.3 19.6-28 31.9-27.9h2.2zm16.7-38.8c-22.9 0-37 13.4-49.4 42.6-3.1 7.3-4.9 16.4 5.7 16.3 6-.1 16.1-3.4 23.2-8.3-.6 2.4-.9 5.7-.7 7.7h16.1c.6-6.3 3-14.1 8.3-23.6L396 46.8c-7.6-.9-15.4-1.3-23.3-1.3"/><path d="M320.5 120h-5.3c-6.8 0-12.8-4.6-14.6-11.1l-8-30.2-14.9 25.1h-17.1l47.8-81c6.2-10.5 12.6-14.3 24-14.3h1.8l-31.8 53.7 23.8-16.4h19.1l-40.1 27.7zM162.6 0c-16.1 0-24.5 4.3-40.3 15.7L68.7 54.3H34.4c-9.9 0-17.9.4-24.1 6.3l-8.9 8.2s25.8-1 49.8-1.9L0 103.9h22.2L74.6 66c10.2-.4 17.2-.6 17.3-.6 12.2-.3 19-11.1 19-11.1H90.8l42.4-30.6-31.5 51.1c-6.7 11.7-10 20.1-11.1 29.1h18.2c.7-7.6 3.3-15.5 8-23.3L159.7 9c3-4.9 5.6-8.9 5.6-8.9zM248 62c-.2 1.5.4 2.5 3.5 4.5l4.9 3.2c5.3 3.5 7.5 8.8 6.8 13.1-1.8 12-10.6 21.7-29.4 21.7-8.2 0-11.9-.3-21.7-1.9l7.3-12.3c6.8 1.2 10.6 1.8 15.7 1.8 7.1 0 9.9-3.2 10.3-5.8.2-1.5-.5-3.3-3.9-5.6l-3.9-2.8c-6.2-4.5-7.9-8-7.1-13.5 1.6-10.6 13.9-18.8 30.9-18.8 5.4 0 11.2.3 17.6 1l-6.9 11.6c-4.2-.3-11-.7-15.8-.5-4.7.1-7.9 1.8-8.3 4.3M381.7 96.5c2.1 0 3.7 1.7 3.7 3.8s-1.7 3.8-3.7 3.8c-2.1 0-3.7-1.7-3.7-3.8s1.6-3.8 3.7-3.8m0 6.8c1.6 0 2.9-1.3 2.9-3s-1.3-3-2.9-3-2.9 1.3-2.9 3 1.3 3 2.9 3m-.5-1h-.8v-4.1h1.4c.8 0 1.4.6 1.4 1.3 0 .6-.4 1-.9 1.2l.9 1.6h-.9l-.9-1.5h-.3v1.5zm.5-2.2c.5 0 .7-.2.7-.6s-.3-.6-.7-.6h-.5v1.2zM49.6 163.1H37l-2.6 7.1H28l11.9-31.1h7l11.9 31.1h-6.6zM39 157.6h8.6l-4.3-11.8zM80.4 170.2v-31.1h6.1v31.1zM122 158.2h-3.2v12h-6.1v-31.1h12.2c6.1 0 9.9 4.2 9.9 9.6 0 4.3-2.5 7.6-6.6 8.8l6.7 12.7h-6.8zm1.7-5.2c3.1 0 4.9-1.8 4.9-4.3 0-2.6-1.8-4.3-4.9-4.3h-4.9v8.7h4.9zM159.3 170.2v-31.1h6.1v25.3h13.9v5.8zM203 170.2v-31.1h6.1v31.1zM255.5 170.2l-14.1-22.1v22.1h-6.1v-31.1h7.6l13 20.6v-20.6h6.1v31.1zM288.1 170.2v-31.1h19.5v5.7h-13.4v7.1h12.2v5.4h-12.2v7.2h13.4v5.7zM348.3 148.2c-.3-1.7-1.7-4.4-5.7-4.4-2.9 0-4.9 1.9-4.9 4 0 1.7 1.1 3.1 3.4 3.5l4.3.8c5.7 1.1 8.7 4.8 8.7 9.2 0 4.8-4 9.6-11.2 9.6-8.3 0-11.9-5.3-12.4-9.8l5.6-1.5c.3 3.1 2.4 5.8 6.8 5.8 3.2 0 5-1.6 5-3.8 0-1.8-1.4-3.2-3.8-3.7l-4.3-.9c-5-1-8.2-4.2-8.2-8.9 0-5.5 5-9.8 10.8-9.8 7.6 0 10.5 4.6 11.2 8.1z"/></svg>';class p{registerComponent(t,a){customElements.get(t)||customElements.define(t,class extends a{})}closestElement(t,a=this,e=(a,s=a&&a.closest(t))=>a&&a!==document&&a!==window?s||e(a.getRootNode().host):null){return e(a)}handleComponentTagRename(t,a){const e=a.toLowerCase();t.tagName.toLowerCase()!==e&&t.setAttribute(e,!0)}elementMatch(t,a){const e=a.toLowerCase();return t.tagName.toLowerCase()===e||t.hasAttribute(e)}getSlotText(t,a){const e=t.shadowRoot?.querySelector(`slot[name="${a}"]`);return(e?.assignedNodes({flatten:!0})||[]).map(t=>t.textContent?.trim()).join(" ").trim()||null}}var u='<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-labelledby="error__desc" class="ico_squareLarge" data-deprecated="true" 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="error__desc">Error alert indicator.</desc><path d="m13.047 5.599 6.786 11.586A1.207 1.207 0 0 1 18.786 19H5.214a1.207 1.207 0 0 1-1.047-1.815l6.786-11.586a1.214 1.214 0 0 1 2.094 0m-1.165.87a.23.23 0 0 0-.085.085L5.419 17.442a.232.232 0 0 0 .203.35h12.756a.234.234 0 0 0 .203-.35L12.203 6.554a.236.236 0 0 0-.321-.084M12 15.5a.75.75 0 1 1 0 1.5.75.75 0 0 1 0-1.5m-.024-6.22c.325 0 .589.261.589.583v4.434a.586.586 0 0 1-.589.583.586.586 0 0 1-.588-.583V9.863c0-.322.264-.583.588-.583"/></svg>',g='<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 142 138" part="svg"><title id="tail-DEFAULT__title">Airplane tail default image with light gray color</title><path fill="url(#paint0_linear_9225_2069)" fill-rule="evenodd" d="M124.093 14.665a3.26 3.26 0 0 1 3.208 3.829L101.097 119.85c-.47 1.087-2.211 3.398-5.692 3.471l-.106.001-80.65.013A659230 659230 0 0 1 99.08 17.412c1.214-1.497 3.275-2.722 5.372-2.747z" clip-rule="evenodd"/><defs><linearGradient id="paint0_linear_9225_2069" x1="114.823" x2="60.061" y1="14.665" y2="123.335" gradientUnits="userSpaceOnUse"><stop offset=".5" stop-color="#707984"/><stop offset=".5" stop-color="#646E7B"/></linearGradient></defs></svg>';class m extends t{static get properties(){return{hidden:{type:Boolean,reflect:!0},hiddenVisually:{type:Boolean,reflect:!0},hiddenAudible:{type:Boolean,reflect:!0}}}hideAudible(t){return t?"true":"false"}}const f=new Map,w=(t,a={})=>{const e=a.responseParser||(t=>t.text());return f.has(t)||f.set(t,fetch(t).then(e)),f.get(t)};var z=a`:focus:not(:focus-visible){outline:3px solid transparent}.util_displayInline{display:inline}.util_displayInlineBlock{display:inline-block}.util_displayBlock,:host{display:block}.util_displayFlex{display:flex}.util_displayHidden,:host([hidden]:not(:focus):not(:active)){display:none}.util_displayHiddenVisually,:host([hiddenVisually]:not(:focus):not(:active)){position:absolute;overflow:hidden;clip:rect(1px,1px,1px,1px);width:1px;height:1px;padding:0;border:0}.ico_squareLarge{fill:currentColor;height:var(--auro-size-lg, var(--ds-size-300, 1.5rem))}.ico_squareSmall{fill:currentColor;height:.6rem}.ico_squareMed{fill:currentColor;height:var(--auro-size-md, var(--ds-size-200, 1rem))}.ico_squareSml{fill:currentColor;height:var(--auro-size-sm, var(--ds-size-150, .75rem))}:host{color:currentColor;vertical-align:middle;display:inline-block}svg{min-width:var(--ds-auro-icon-size, 1.5rem)!important;width:var(--ds-auro-icon-size, 1.5rem)!important;height:var(--ds-auro-icon-size, 1.5rem)!important}.componentWrapper{display:flex;line-height:var(--ds-auro-icon-size)}.svgWrapper{height:var(--ds-auro-icon-size);width:var(--ds-auro-icon-size)}.svgWrapper [part=svg]{display:flex}.labelWrapper{margin-left:var(--ds-size-50, .25rem)}.labelWrapper ::slotted(*){line-height:inherit!important}
|
|
2
|
+
`;class y extends m{constructor(){super(),this._initializeDefaults()}_initializeDefaults(){this.onDark=!1,this.appearance="default"}static get properties(){return{...m.properties,onDark:{type:Boolean,reflect:!0},appearance:{type:String,reflect:!0},svg:{attribute:!1,reflect:!0}}}static get styles(){return z}async fetchIcon(t,a){let e="";e="logos"===t?await w(`${this.uri}/${t}/${a}.svg`):await w(`${this.uri}/icons/${t}/${a}.svg`);return(new DOMParser).parseFromString(e,"text/html").body.querySelector("svg")}async firstUpdated(){try{if(!this.customSvg){const t=await this.fetchIcon(this.category,this.name);if(t)this.svg=t;else if(!t){const t=this.name?.startsWith("tail-")?g:u;this.svg=(new DOMParser).parseFromString(t,"text/html").body.querySelector("svg")}}}catch(t){this.svg=void 0}}}var b=a`.util_displayInline{display:inline}.util_displayInlineBlock{display:inline-block}.util_displayBlock,:host{display:block}.util_displayFlex{display:flex}.util_displayHidden,:host([hidden]:not(:focus):not(:active)){display:none}.util_displayHiddenVisually,:host([hiddenVisually]:not(:focus):not(:active)){position:absolute;overflow:hidden;clip:rect(1px,1px,1px,1px);width:1px;height:1px;padding:0;border:0}:host{display:inline-block;--ds-auro-icon-size: 100%;width:100%;height:100%}:host .logo{color:var(--ds-auro-alaska-color)}:host([onDark]),:host([appearance=inverse]){--ds-auro-alaska-color: #FFF}
|
|
3
|
+
`,M=a`:host{--ds-auro-icon-color: var(--ds-basic-color-texticon-default, #2a2a2a);--ds-auro-alaska-color: #02426D;--ds-auro-icon-size: var(--ds-size-300, 1.5rem)}
|
|
4
|
+
`;class x extends y{constructor(){super(),this._initializeDefaults()}_initializeDefaults(){this.uri="https://cdn.jsdelivr.net/npm/@alaskaairux/icons@latest/dist",this.sm=107,this.md=191,this.lg=527,this.alaska=!0,this.official=!1,this.runtimeUtils=new p}static get properties(){return{...y.properties,alaska:{type:Boolean,reflect:!0},official:{type:Boolean,reflect:!0}}}static register(t="auro-alaska"){p.prototype.registerComponent(t,x)}alaskaLogoDef(t){this.alaska&&(t<=this.sm?this.svg=(new DOMParser).parseFromString(r,"text/html").body.firstChild:t>this.sm&&t<=this.md?this.svg=(new DOMParser).parseFromString(l,"text/html").body.firstChild:t>this.md&&t<=this.lg?this.svg=(new DOMParser).parseFromString(o,"text/html").body.firstChild:this.svg=(new DOMParser).parseFromString(c,"text/html").body.firstChild)}alaskaOfficialDef(t){this.official&&(t<=this.sm?this.svg=(new DOMParser).parseFromString(n,"text/html").body.firstChild:t>this.sm&&t<=this.md?this.svg=(new DOMParser).parseFromString(h,"text/html").body.firstChild:t>this.md&&t<=this.lg?this.svg=(new DOMParser).parseFromString(d,"text/html").body.firstChild:this.svg=(new DOMParser).parseFromString(v,"text/html").body.firstChild)}connectedCallback(){super.connectedCallback(),this.runtimeUtils.handleComponentTagRename(this,"auro-alaska")}firstUpdated(){const t=this.shadowRoot.querySelector(".icon").clientWidth;this.official&&(this.alaska=!1);try{this.alaska?this.alaskaLogoDef(t):this.official&&this.alaskaOfficialDef(t)}catch(t){this.svg=void 0}}static get styles(){return[y.styles,M,b]}render(){const t={icon:!0,logo:this.alaska||this.official};return e`
|
|
5
5
|
<div class="${s(t)}">
|
|
6
6
|
<div class="util_displayHiddenVisually">
|
|
7
7
|
<slot></slot>
|
|
8
8
|
</div>
|
|
9
9
|
${this.svg}
|
|
10
10
|
</div>
|
|
11
|
-
`}}var
|
|
12
|
-
`;class k extends
|
|
11
|
+
`}}var _=a`:host{color:var(--ds-auro-icon-color)}:host([customColor]){color:inherit}:host(:not([onDark])[variant=accent1]),:host(:not([appearance=inverse])[variant=accent1]){--ds-auro-icon-color: var(--ds-basic-color-texticon-accent1, #265688)}:host(:not([onDark])[variant=disabled]),:host(:not([appearance=inverse])[variant=disabled]){--ds-auro-icon-color: var(--ds-basic-color-texticon-disabled, #d0d0d0)}:host(:not([onDark])[variant=muted]),:host(:not([appearance=inverse])[variant=muted]){--ds-auro-icon-color: var(--ds-basic-color-texticon-muted, #676767)}:host(:not([onDark])[variant=statusDefault]),:host(:not([appearance=inverse])[variant=statusDefault]){--ds-auro-icon-color: var(--ds-basic-color-status-default, #afb9c6)}:host(:not([onDark])[variant=statusInfo]),:host(:not([appearance=inverse])[variant=statusInfo]){--ds-auro-icon-color: var(--ds-basic-color-status-info, #01426a)}:host(:not([onDark])[variant=statusSuccess]),:host(:not([appearance=inverse])[variant=statusSuccess]){--ds-auro-icon-color: var(--ds-basic-color-status-success, #447a1f)}:host(:not([onDark])[variant=statusWarning]),:host(:not([appearance=inverse])[variant=statusWarning]){--ds-auro-icon-color: var(--ds-basic-color-status-warning, #fac200)}:host(:not([onDark])[variant=statusError]),:host(:not([appearance=inverse])[variant=statusError]){--ds-auro-icon-color: var(--ds-basic-color-status-error, #e31f26)}:host(:not([onDark])[variant=statusInfoSubtle]),:host(:not([appearance=inverse])[variant=statusInfoSubtle]){--ds-auro-icon-color: var(--ds-basic-color-status-info-subtle, #ebf3f9)}:host(:not([onDark])[variant=statusSuccessSubtle]),:host(:not([appearance=inverse])[variant=statusSuccessSubtle]){--ds-auro-icon-color: var(--ds-basic-color-status-success-subtle, #d6eac7)}:host(:not([onDark])[variant=statusWarningSubtle]),:host(:not([appearance=inverse])[variant=statusWarningSubtle]){--ds-auro-icon-color: var(--ds-basic-color-status-warning-subtle, #fff0b2)}:host(:not([onDark])[variant=statusErrorSubtle]),:host(:not([appearance=inverse])[variant=statusErrorSubtle]){--ds-auro-icon-color: var(--ds-basic-color-status-error-subtle, #fbc6c6)}:host(:not([onDark])[variant=fareBasicEconomy]),:host(:not([appearance=inverse])[variant=fareBasicEconomy]){--ds-auro-icon-color: var(--ds-basic-color-fare-basiceconomy, #97eaf8)}:host(:not([onDark])[variant=fareBusiness]),:host(:not([appearance=inverse])[variant=fareBusiness]){--ds-auro-icon-color: var(--ds-basic-color-fare-business, #01426a)}:host(:not([onDark])[variant=fareEconomy]),:host(:not([appearance=inverse])[variant=fareEconomy]){--ds-auro-icon-color: var(--ds-basic-color-fare-economy, #0074ca)}:host(:not([onDark])[variant=fareFirst]),:host(:not([appearance=inverse])[variant=fareFirst]){--ds-auro-icon-color: var(--ds-basic-color-fare-first, #00274a)}:host(:not([onDark])[variant=farePremiumEconomy]),:host(:not([appearance=inverse])[variant=farePremiumEconomy]){--ds-auro-icon-color: var(--ds-basic-color-fare-premiumeconomy, #005154)}:host(:not([onDark])[variant=tierOneWorldEmerald]),:host(:not([appearance=inverse])[variant=tierOneWorldEmerald]){--ds-auro-icon-color: var(--ds-basic-color-tier-program-oneworld-emerald, #139142)}:host(:not([onDark])[variant=tierOneWorldSapphire]),:host(:not([appearance=inverse])[variant=tierOneWorldSapphire]){--ds-auro-icon-color: var(--ds-basic-color-tier-program-oneworld-sapphire, #015daa)}:host(:not([onDark])[variant=tierOneWorldRuby]),:host(:not([appearance=inverse])[variant=tierOneWorldRuby]){--ds-auro-icon-color: var(--ds-basic-color-tier-program-oneworld-ruby, #a41d4a)}:host([onDark]),:host([appearance=inverse]){--ds-auro-icon-color: var(--ds-basic-color-texticon-inverse, #ffffff)}:host([onDark][variant=disabled]),:host([appearance=inverse][variant=disabled]){--ds-auro-icon-color: var(--ds-basic-color-texticon-inverse-disabled, #7e8894)}:host([onDark][variant=muted]),:host([appearance=inverse][variant=muted]){--ds-auro-icon-color: var(--ds-basic-color-texticon-inverse-muted, #ccd2db)}:host([onDark][variant=statusError]),:host([appearance=inverse][variant=statusError]){--ds-auro-icon-color: var(--ds-advanced-color-state-error-inverse, #f9a4a8)}
|
|
12
|
+
`;class k extends y{constructor(){super(),this._initializeDefaults()}_initializeDefaults(){this.variant=void 0,this.uri="https://cdn.jsdelivr.net/npm/@alaskaairux/icons@latest/dist",this.runtimeUtils=new p}static get properties(){return{...y.properties,ariaHidden:{type:String,reflect:!0},category:{type:String,reflect:!0},customColor:{type:Boolean,reflect:!0},customSvg:{type:Boolean},label:{type:Boolean,reflect:!0},name:{type:String,reflect:!0},variant:{type:String,reflect:!0}}}static get styles(){return[y.styles,M,z,_]}static register(t="auro-icon"){p.prototype.registerComponent(t,k)}connectedCallback(){super.connectedCallback(),this.runtimeUtils.handleComponentTagRename(this,"auro-icon")}exposeCssParts(){this.setAttribute("exportparts","svg:iconSvg")}async firstUpdated(){if(await super.firstUpdated(),this.hasAttribute("ariaHidden")&&this.svg){const t=this.svg.querySelector("desc");t&&(t.remove(),this.svg.removeAttribute("aria-labelledby"))}}render(){const t={labelWrapper:!0,util_displayHiddenVisually:!this.label};return e`
|
|
13
13
|
<div class="componentWrapper">
|
|
14
14
|
<div
|
|
15
15
|
class="${s({svgWrapper:!0})}"
|
|
@@ -27,4 +27,4 @@ import{LitElement as t,css as a,html as e}from"lit";import{classMap as s}from"li
|
|
|
27
27
|
<slot></slot>
|
|
28
28
|
</div>
|
|
29
29
|
</div>
|
|
30
|
-
`}}export{k as A,
|
|
30
|
+
`}}export{k as A,x as a};
|
package/dist/index.d.ts
CHANGED
|
@@ -112,9 +112,6 @@ export type AuroIconProps = {
|
|
|
112
112
|
"name"?: AuroIcon['name'];
|
|
113
113
|
/** DEPRECATED - use `appearance="inverse"` instead. */
|
|
114
114
|
"onDark"?: AuroIcon['onDark'];
|
|
115
|
-
/** When true, renders the default tail livery image when the requested tail fails to load,
|
|
116
|
-
instead of the generic error icon. */
|
|
117
|
-
"tailFallback"?: AuroIcon['tailFallback'];
|
|
118
115
|
/** The style of the icon. */
|
|
119
116
|
"variant"?: AuroIcon['variant'];
|
|
120
117
|
|
|
@@ -166,8 +163,6 @@ instead of the generic error icon. */
|
|
|
166
163
|
* - `label`: Exposes content in slot as icon label.
|
|
167
164
|
* - `name`: The name of the icon you are looking for without the file extension. See https://auro.alaskaair.com/icons/ways-to-use.
|
|
168
165
|
* - `onDark`: DEPRECATED - use `appearance="inverse"` instead.
|
|
169
|
-
* - `tailFallback`: When true, renders the default tail livery image when the requested tail fails to load,
|
|
170
|
-
* instead of the generic error icon.
|
|
171
166
|
* - `variant`: The style of the icon.
|
|
172
167
|
*
|
|
173
168
|
* ## Slots
|
package/dist/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{a as AuroAlaska,A as AuroIcon}from"./auro-icon-
|
|
1
|
+
export{a as AuroAlaska,A as AuroIcon}from"./auro-icon-C0vUd7Ip.js";import"lit";import"lit/directives/class-map.js";import"lit/directives/if-defined.js";
|
package/dist/registered.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{A as i,a as r}from"./auro-icon-
|
|
1
|
+
import{A as i,a as r}from"./auro-icon-C0vUd7Ip.js";import"lit";import"lit/directives/class-map.js";import"lit/directives/if-defined.js";i.register(),r.register();
|
package/package.json
CHANGED
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
"================================================================================"
|
|
8
8
|
],
|
|
9
9
|
"name": "@aurodesignsystem-dev/auro-icon",
|
|
10
|
-
"version": "0.0.0-
|
|
10
|
+
"version": "0.0.0-pr241.1",
|
|
11
11
|
"description": "auro-icon HTML custom element",
|
|
12
12
|
"repository": {
|
|
13
13
|
"type": "git",
|