@aurodesignsystem-dev/auro-icon 0.0.0-pr224.1 → 0.0.0-pr228.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/README.md +44 -51
- package/demo/alaska.html +1 -1
- package/demo/api.html +1 -1
- package/demo/api.md +225 -131
- package/demo/api.min.js +8 -4
- package/demo/auro-icon.min.js +41 -14
- package/demo/index.html +1 -1
- package/demo/index.md +23 -89
- package/dist/{auro-icon-Q-6YPBJ5.js → auro-icon-Sh0BP5x6.js} +8 -8
- package/dist/index.d.ts +250 -36
- package/dist/index.js +1 -1
- package/dist/registered.js +1 -1
- package/package.json +17 -11
package/demo/index.html
CHANGED
|
@@ -51,6 +51,6 @@
|
|
|
51
51
|
<script src="./index.min.js" data-demo-script="true" type="module"></script>
|
|
52
52
|
|
|
53
53
|
<!-- If additional elements are needed for the demo, add them here. -->
|
|
54
|
-
<script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-accordion@latest
|
|
54
|
+
<script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-accordion@latest/+esm" type="module"></script>
|
|
55
55
|
</body>
|
|
56
56
|
</html>
|
package/demo/index.md
CHANGED
|
@@ -1,112 +1,46 @@
|
|
|
1
1
|
<!--
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
2
|
+
THIS PAGE'S CONTENT SHOULD BE KEPT MINIMAL.
|
|
3
|
+
ONLY ADD EXAMPLES THAT ARE TRULY NECESSARY FOR THE INDEX PAGE — THE BASIC EXAMPLE IS USUALLY ENOUGH.
|
|
4
|
+
ALL OTHER EXAMPLES SHOULD GO IN THE API DOCUMENTATION.
|
|
5
5
|
-->
|
|
6
6
|
|
|
7
|
-
# Icon
|
|
8
|
-
|
|
9
|
-
<!-- AURO-GENERATED-CONTENT:START (FILE:src
|
|
10
|
-
<!-- The below content is automatically added from
|
|
7
|
+
# Icon
|
|
8
|
+
|
|
9
|
+
<!-- AURO-GENERATED-CONTENT:START (FILE:src=./../docs/partials/description.md) -->
|
|
10
|
+
<!-- The below content is automatically added from ./../docs/partials/description.md -->
|
|
11
11
|
Icons can be used to represent concepts or provide context to options and/or actions within an experience.
|
|
12
12
|
|
|
13
|
-
The `<auro-icon>`
|
|
13
|
+
The `<auro-icon>` element comes pre-configured with all the available [Auro Icons](https://auro.alaskaair.com/icons) . Simply add the `category` and `name` of the icon for quick and easy results.
|
|
14
14
|
<!-- AURO-GENERATED-CONTENT:END -->
|
|
15
15
|
|
|
16
|
-
##
|
|
17
|
-
|
|
18
|
-
### Default
|
|
19
|
-
|
|
20
|
-
<div class="exampleWrapper">
|
|
21
|
-
<!-- AURO-GENERATED-CONTENT:START (FILE:src=../apiExamples/basic.html) -->
|
|
22
|
-
<!-- The below content is automatically added from ../apiExamples/basic.html -->
|
|
23
|
-
<auro-icon category="interface" name="pin-trip"></auro-icon>
|
|
24
|
-
<!-- AURO-GENERATED-CONTENT:END -->
|
|
25
|
-
</div>
|
|
26
|
-
<auro-accordion alignRight>
|
|
27
|
-
<span slot="trigger">See code</span>
|
|
28
|
-
<!-- AURO-GENERATED-CONTENT:START (CODE:src=../apiExamples/basic.html) -->
|
|
29
|
-
<!-- The below code snippet is automatically added from ../apiExamples/basic.html -->
|
|
16
|
+
## Use Cases
|
|
30
17
|
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
<!-- AURO-GENERATED-CONTENT:END -->
|
|
35
|
-
</auro-accordion>
|
|
36
|
-
|
|
37
|
-
### Accessibility
|
|
38
|
-
|
|
39
|
-
#### aria-hidden
|
|
40
|
-
|
|
41
|
-
By default `aria-hidden` on the SVG inside the `auro-icon` element is set to `true`. Using the `ariaHidden` attribute on `auro-icon` you can set that value to `false`. This will allow the screen reader to announce the content from the SVG's `title` element.
|
|
18
|
+
<!-- AURO-GENERATED-CONTENT:START (FILE:src=./../docs/partials/useCases.md) -->
|
|
19
|
+
<!-- The below content is automatically added from ./../docs/partials/useCases.md -->
|
|
20
|
+
The `<auro-icon>` element should be used in situations where users may:
|
|
42
21
|
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
<auro-icon category="interface" name="pin-trip" ariaHidden="false"></auro-icon>
|
|
47
|
-
<!-- AURO-GENERATED-CONTENT:END -->
|
|
48
|
-
</div>
|
|
49
|
-
<auro-accordion alignRight>
|
|
50
|
-
<span slot="trigger">See code</span>
|
|
51
|
-
<!-- AURO-GENERATED-CONTENT:START (CODE:src=../apiExamples/ariaHidden.html) -->
|
|
52
|
-
<!-- The below code snippet is automatically added from ../apiExamples/ariaHidden.html -->
|
|
53
|
-
|
|
54
|
-
```html
|
|
55
|
-
<auro-icon category="interface" name="pin-trip" ariaHidden="false"></auro-icon>
|
|
56
|
-
```
|
|
22
|
+
* Benefit from additional context provided by an icon alongside text
|
|
23
|
+
* Need to quickly identify actions or options represented by icons
|
|
24
|
+
* Require visual indicators to enhance usability and navigation within an interface
|
|
57
25
|
<!-- AURO-GENERATED-CONTENT:END -->
|
|
58
|
-
</auro-accordion>
|
|
59
26
|
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
If the description you intend to be read back is different than the content in the default `title` element of the SVG, leave the `aria-hidden="true"` default on the SVG and enter the custom description into the `auro-icon` slot.
|
|
27
|
+
## Example(s)
|
|
63
28
|
|
|
64
|
-
|
|
65
|
-
<!-- AURO-GENERATED-CONTENT:START (FILE:src=../apiExamples/accessDescr.html) -->
|
|
66
|
-
<!-- The below content is automatically added from ../apiExamples/accessDescr.html -->
|
|
67
|
-
<auro-icon category="interface" name="pin-trip">Your trip starts here!</auro-icon>
|
|
68
|
-
<!-- AURO-GENERATED-CONTENT:END -->
|
|
69
|
-
</div>
|
|
70
|
-
<auro-accordion alignRight>
|
|
71
|
-
<span slot="trigger">See code</span>
|
|
72
|
-
<!-- AURO-GENERATED-CONTENT:START (CODE:src=../apiExamples/accessDescr.html) -->
|
|
73
|
-
<!-- The below code snippet is automatically added from ../apiExamples/accessDescr.html -->
|
|
74
|
-
|
|
75
|
-
```html
|
|
76
|
-
<auro-icon category="interface" name="pin-trip">Your trip starts here!</auro-icon>
|
|
77
|
-
```
|
|
78
|
-
<!-- AURO-GENERATED-CONTENT:END -->
|
|
79
|
-
</auro-accordion>
|
|
29
|
+
### Basic
|
|
80
30
|
|
|
81
|
-
## Recommended Use and Version Control
|
|
82
|
-
|
|
83
|
-
There are two important parts of every Auro component. The <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Classes">class</a> and the custom element. The class is exported and then used as part of defining the Web Component. When importing this component as described in the <a href="#install">install</a> section, the class is imported and the `auro-icon` custom element is defined automatically.
|
|
84
|
-
|
|
85
|
-
To protect from versioning conflicts with other instances of the component being loaded, it is recommended to use our `AuroIcon.register(name)` method and pass in a unique name.
|
|
86
|
-
|
|
87
|
-
```js
|
|
88
|
-
import { AuroIcon, AuroAlaska } from '@aurodesignsystem/auro-icon/class';
|
|
89
|
-
|
|
90
|
-
AuroIcon.register('custom-icon');
|
|
91
|
-
AuroAlaska.register('custom-alaska');
|
|
92
|
-
```
|
|
93
|
-
|
|
94
|
-
This will create a new custom element that you can use in your HTML that will function identically to the `auro-icon` element.
|
|
95
|
-
If you want to use `<auro-alaska>` without registering, add `import @aurodesignsystem/auro-icon` instead of `import @aurodesignsystem/auro-icon/src/auro-alaska.js`.
|
|
96
|
-
|
|
97
31
|
<div class="exampleWrapper">
|
|
98
|
-
<!-- AURO-GENERATED-CONTENT:START (FILE:src
|
|
99
|
-
<!-- The below content is automatically added from
|
|
100
|
-
<
|
|
32
|
+
<!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/basic.html) -->
|
|
33
|
+
<!-- The below content is automatically added from ./../apiExamples/basic.html -->
|
|
34
|
+
<auro-icon category="interface" name="pin-trip"></auro-icon>
|
|
101
35
|
<!-- AURO-GENERATED-CONTENT:END -->
|
|
102
36
|
</div>
|
|
103
37
|
<auro-accordion alignRight>
|
|
104
38
|
<span slot="trigger">See code</span>
|
|
105
|
-
<!-- AURO-GENERATED-CONTENT:START (CODE:src
|
|
106
|
-
<!-- The below code snippet is automatically added from
|
|
39
|
+
<!-- AURO-GENERATED-CONTENT:START (CODE:src=./../apiExamples/basic.html) -->
|
|
40
|
+
<!-- The below code snippet is automatically added from ./../apiExamples/basic.html -->
|
|
107
41
|
|
|
108
42
|
```html
|
|
109
|
-
<
|
|
43
|
+
<auro-icon category="interface" name="pin-trip"></auro-icon>
|
|
110
44
|
```
|
|
111
45
|
<!-- AURO-GENERATED-CONTENT:END -->
|
|
112
46
|
</auro-accordion>
|
|
@@ -1,20 +1,20 @@
|
|
|
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 r}from"lit/directives/if-defined.js";var i='<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)}}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 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 g=new Map,f=(t,a={})=>{const e=a.responseParser||(t=>t.text());return g.has(t)||g.set(t,fetch(t).then(e)),g.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 z extends m{constructor(){super(),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 w}async fetchIcon(t,a){let e="";e="logos"===t?await f(`${this.uri}/${t}/${a}.svg`):await f(`${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=(new DOMParser).parseFromString(u,"text/html");this.svg=t.body.firstChild}}}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}
|
|
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 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 g=new Map,f=(t,a={})=>{const e=a.responseParser||(t=>t.text());return g.has(t)||g.set(t,fetch(t).then(e)),g.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 z 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 w}async fetchIcon(t,a){let e="";e="logos"===t?await f(`${this.uri}/${t}/${a}.svg`):await f(`${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=(new DOMParser).parseFromString(u,"text/html");this.svg=t.body.firstChild}}}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
3
|
`,y=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 M extends z{constructor(){super(),this.
|
|
4
|
+
`;class M extends z{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{...z.properties,alaska:{type:Boolean,reflect:!0},official:{type:Boolean,reflect:!0}}}static register(t="auro-alaska"){p.prototype.registerComponent(t,M)}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[z.styles,y,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
|
|
11
|
+
`}}var x=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 _ extends z{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{...z.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[z.styles,y,w,x]}static register(t="auro-icon"){p.prototype.registerComponent(t,_)}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})}"
|
|
16
|
-
title="${
|
|
17
|
-
<span aria-hidden="${
|
|
16
|
+
title="${i(this.title||void 0)}">
|
|
17
|
+
<span aria-hidden="${i(this.ariaHidden||!0)}" part="svg">
|
|
18
18
|
${this.customSvg?e`
|
|
19
19
|
<slot name="svg"></slot>
|
|
20
20
|
`:e`
|
|
@@ -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{
|
|
30
|
+
`}}export{_ as A,M as a};
|