@aurodesignsystem-dev/auro-hyperlink 0.0.0-pr312.1 → 0.0.0-pr316.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/custom-elements.json +44 -50
- package/demo/api.md +1 -1
- package/demo/auro-hyperlink.min.js +14 -31
- package/dist/{auro-hyperlink-BbOKgPQQ.js → auro-hyperlink-CKGl5UlS.js} +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.js +1 -1
- package/dist/registered.js +1 -1
- package/package.json +1 -1
package/custom-elements.json
CHANGED
|
@@ -968,8 +968,8 @@
|
|
|
968
968
|
}
|
|
969
969
|
},
|
|
970
970
|
{
|
|
971
|
-
"name": "relative",
|
|
972
971
|
"description": "Indicates whether the URL is relative.",
|
|
972
|
+
"name": "relative",
|
|
973
973
|
"type": {
|
|
974
974
|
"text": "boolean"
|
|
975
975
|
}
|
|
@@ -1146,22 +1146,6 @@
|
|
|
1146
1146
|
"module": "src/component-base.mjs"
|
|
1147
1147
|
}
|
|
1148
1148
|
},
|
|
1149
|
-
{
|
|
1150
|
-
"kind": "field",
|
|
1151
|
-
"name": "relative",
|
|
1152
|
-
"privacy": "public",
|
|
1153
|
-
"type": {
|
|
1154
|
-
"text": "boolean"
|
|
1155
|
-
},
|
|
1156
|
-
"description": "If true, the auto URL re-write feature will be disabled.",
|
|
1157
|
-
"default": "false",
|
|
1158
|
-
"attribute": "relative",
|
|
1159
|
-
"reflects": true,
|
|
1160
|
-
"inheritedFrom": {
|
|
1161
|
-
"name": "ComponentBase",
|
|
1162
|
-
"module": "src/component-base.mjs"
|
|
1163
|
-
}
|
|
1164
|
-
},
|
|
1165
1149
|
{
|
|
1166
1150
|
"kind": "field",
|
|
1167
1151
|
"name": "ondark",
|
|
@@ -1314,6 +1298,21 @@
|
|
|
1314
1298
|
"module": "src/component-base.mjs"
|
|
1315
1299
|
}
|
|
1316
1300
|
},
|
|
1301
|
+
{
|
|
1302
|
+
"kind": "field",
|
|
1303
|
+
"name": "relative",
|
|
1304
|
+
"privacy": "public",
|
|
1305
|
+
"type": {
|
|
1306
|
+
"text": "boolean"
|
|
1307
|
+
},
|
|
1308
|
+
"description": "If true, the auto URL re-write feature will be disabled.",
|
|
1309
|
+
"attribute": "relative",
|
|
1310
|
+
"reflects": true,
|
|
1311
|
+
"inheritedFrom": {
|
|
1312
|
+
"name": "ComponentBase",
|
|
1313
|
+
"module": "src/component-base.mjs"
|
|
1314
|
+
}
|
|
1315
|
+
},
|
|
1317
1316
|
{
|
|
1318
1317
|
"kind": "field",
|
|
1319
1318
|
"name": "type",
|
|
@@ -1432,7 +1431,6 @@
|
|
|
1432
1431
|
"text": "boolean"
|
|
1433
1432
|
},
|
|
1434
1433
|
"description": "If true, the auto URL re-write feature will be disabled.",
|
|
1435
|
-
"default": "false",
|
|
1436
1434
|
"fieldName": "relative",
|
|
1437
1435
|
"inheritedFrom": {
|
|
1438
1436
|
"name": "ComponentBase",
|
|
@@ -1559,8 +1557,8 @@
|
|
|
1559
1557
|
}
|
|
1560
1558
|
},
|
|
1561
1559
|
{
|
|
1562
|
-
"name": "relative",
|
|
1563
1560
|
"description": "Indicates whether the URL is relative.",
|
|
1561
|
+
"name": "relative",
|
|
1564
1562
|
"type": {
|
|
1565
1563
|
"text": "boolean"
|
|
1566
1564
|
}
|
|
@@ -1705,18 +1703,6 @@
|
|
|
1705
1703
|
"attribute": "download",
|
|
1706
1704
|
"reflects": true
|
|
1707
1705
|
},
|
|
1708
|
-
{
|
|
1709
|
-
"kind": "field",
|
|
1710
|
-
"name": "relative",
|
|
1711
|
-
"privacy": "public",
|
|
1712
|
-
"type": {
|
|
1713
|
-
"text": "boolean"
|
|
1714
|
-
},
|
|
1715
|
-
"description": "If true, the auto URL re-write feature will be disabled.",
|
|
1716
|
-
"default": "false",
|
|
1717
|
-
"attribute": "relative",
|
|
1718
|
-
"reflects": true
|
|
1719
|
-
},
|
|
1720
1706
|
{
|
|
1721
1707
|
"kind": "field",
|
|
1722
1708
|
"name": "ondark",
|
|
@@ -1821,6 +1807,17 @@
|
|
|
1821
1807
|
"attribute": "target",
|
|
1822
1808
|
"reflects": true
|
|
1823
1809
|
},
|
|
1810
|
+
{
|
|
1811
|
+
"kind": "field",
|
|
1812
|
+
"name": "relative",
|
|
1813
|
+
"privacy": "public",
|
|
1814
|
+
"type": {
|
|
1815
|
+
"text": "boolean"
|
|
1816
|
+
},
|
|
1817
|
+
"description": "If true, the auto URL re-write feature will be disabled.",
|
|
1818
|
+
"attribute": "relative",
|
|
1819
|
+
"reflects": true
|
|
1820
|
+
},
|
|
1824
1821
|
{
|
|
1825
1822
|
"kind": "field",
|
|
1826
1823
|
"name": "type",
|
|
@@ -1903,7 +1900,6 @@
|
|
|
1903
1900
|
"text": "boolean"
|
|
1904
1901
|
},
|
|
1905
1902
|
"description": "If true, the auto URL re-write feature will be disabled.",
|
|
1906
|
-
"default": "false",
|
|
1907
1903
|
"fieldName": "relative"
|
|
1908
1904
|
},
|
|
1909
1905
|
{
|
|
@@ -2103,7 +2099,6 @@
|
|
|
2103
2099
|
"text": "boolean"
|
|
2104
2100
|
},
|
|
2105
2101
|
"description": "If true, the auto URL re-write feature will be disabled.",
|
|
2106
|
-
"default": "false",
|
|
2107
2102
|
"fieldName": "relative",
|
|
2108
2103
|
"inheritedFrom": {
|
|
2109
2104
|
"name": "ComponentBase",
|
|
@@ -2329,8 +2324,8 @@
|
|
|
2329
2324
|
}
|
|
2330
2325
|
},
|
|
2331
2326
|
{
|
|
2332
|
-
"name": "relative",
|
|
2333
2327
|
"description": "Indicates whether the URL is relative.",
|
|
2328
|
+
"name": "relative",
|
|
2334
2329
|
"type": {
|
|
2335
2330
|
"text": "boolean"
|
|
2336
2331
|
}
|
|
@@ -2507,22 +2502,6 @@
|
|
|
2507
2502
|
"module": "src/component-base.mjs"
|
|
2508
2503
|
}
|
|
2509
2504
|
},
|
|
2510
|
-
{
|
|
2511
|
-
"kind": "field",
|
|
2512
|
-
"name": "relative",
|
|
2513
|
-
"privacy": "public",
|
|
2514
|
-
"type": {
|
|
2515
|
-
"text": "boolean"
|
|
2516
|
-
},
|
|
2517
|
-
"description": "If true, the auto URL re-write feature will be disabled.",
|
|
2518
|
-
"default": "false",
|
|
2519
|
-
"attribute": "relative",
|
|
2520
|
-
"reflects": true,
|
|
2521
|
-
"inheritedFrom": {
|
|
2522
|
-
"name": "ComponentBase",
|
|
2523
|
-
"module": "src/component-base.mjs"
|
|
2524
|
-
}
|
|
2525
|
-
},
|
|
2526
2505
|
{
|
|
2527
2506
|
"kind": "field",
|
|
2528
2507
|
"name": "ondark",
|
|
@@ -2675,6 +2654,21 @@
|
|
|
2675
2654
|
"module": "src/component-base.mjs"
|
|
2676
2655
|
}
|
|
2677
2656
|
},
|
|
2657
|
+
{
|
|
2658
|
+
"kind": "field",
|
|
2659
|
+
"name": "relative",
|
|
2660
|
+
"privacy": "public",
|
|
2661
|
+
"type": {
|
|
2662
|
+
"text": "boolean"
|
|
2663
|
+
},
|
|
2664
|
+
"description": "If true, the auto URL re-write feature will be disabled.",
|
|
2665
|
+
"attribute": "relative",
|
|
2666
|
+
"reflects": true,
|
|
2667
|
+
"inheritedFrom": {
|
|
2668
|
+
"name": "ComponentBase",
|
|
2669
|
+
"module": "src/component-base.mjs"
|
|
2670
|
+
}
|
|
2671
|
+
},
|
|
2678
2672
|
{
|
|
2679
2673
|
"kind": "field",
|
|
2680
2674
|
"name": "type",
|
package/demo/api.md
CHANGED
|
@@ -19,12 +19,12 @@ safeUri | | | | Returns a safe URI based on the provided `href` and `relative
|
|
|
19
19
|
includesDomain | | | | Checks whether the provided URI (if available) includes the 'http' protocol.<br>If the URI is truthy, it examines whether it contains 'http'.<br>Otherwise, it returns false.
|
|
20
20
|
appearance | appearance | string | 'default' | Defines whether the component will be on lighter or darker backgrounds.
|
|
21
21
|
download | download | boolean | false | If true, the linked resource will be downloaded when the hyperlink is clicked.
|
|
22
|
-
relative | relative | boolean | false | If true, the auto URL re-write feature will be disabled.
|
|
23
22
|
ondark | ondark | boolean | false | DEPRECATED - use `appearance` instead.
|
|
24
23
|
variant | variant | string | "primary" | Sets button variant option.
|
|
25
24
|
href | href | string | | Defines the URL of the linked page.
|
|
26
25
|
rel | rel | string | | Defines the relationship between the current document and the linked document.
|
|
27
26
|
target | target | string | | Defines where to open the linked document.
|
|
27
|
+
relative | relative | boolean | | If true, the auto URL re-write feature will be disabled.
|
|
28
28
|
type | type | string | | Defines the type of hyperlink; accepts `nav` or `cta`.
|
|
29
29
|
fluid | fluid | boolean | | If true and `type="cta"`, the hyperlink will have a fluid-width UI.
|
|
30
30
|
referrerpolicy | referrerpolicy | boolean | | If true, sets `strict-origin-when-cross-origin` to control the referrer information sent with requests.
|
|
@@ -609,7 +609,6 @@ class ComponentBase extends AuroElement {
|
|
|
609
609
|
|
|
610
610
|
this.appearance = 'default';
|
|
611
611
|
this.download = false;
|
|
612
|
-
this.relative = false;
|
|
613
612
|
this.ondark = false;
|
|
614
613
|
this.variant = "primary";
|
|
615
614
|
|
|
@@ -774,7 +773,7 @@ class ComponentBase extends AuroElement {
|
|
|
774
773
|
* @returns {string} The safe URI or an empty string.
|
|
775
774
|
*/
|
|
776
775
|
get safeUri() {
|
|
777
|
-
return this.href ? this.safeUrl(this.href
|
|
776
|
+
return this.href ? this.safeUrl(this.href) : "";
|
|
778
777
|
}
|
|
779
778
|
|
|
780
779
|
/**
|
|
@@ -822,12 +821,12 @@ class ComponentBase extends AuroElement {
|
|
|
822
821
|
* @param {boolean} relative - Indicates whether the URL is relative.
|
|
823
822
|
* @returns {string|undefined} The safe URL or `undefined`.
|
|
824
823
|
*/
|
|
825
|
-
safeUrl(href
|
|
824
|
+
safeUrl(href) {
|
|
826
825
|
if (!href) {
|
|
827
826
|
return undefined;
|
|
828
827
|
}
|
|
829
828
|
|
|
830
|
-
const url = new URL(href,
|
|
829
|
+
const url = new URL(href, window?.location?.href);
|
|
831
830
|
|
|
832
831
|
switch (url.protocol) {
|
|
833
832
|
case "tel:":
|
|
@@ -842,15 +841,8 @@ class ComponentBase extends AuroElement {
|
|
|
842
841
|
return undefined;
|
|
843
842
|
|
|
844
843
|
default:
|
|
845
|
-
|
|
846
|
-
|
|
847
|
-
return url.href;
|
|
848
|
-
}
|
|
849
|
-
/**
|
|
850
|
-
* This regex checks if the provided href starts with http:, http:, ftp:, etc...
|
|
851
|
-
* Also checks if it has // if that matches it replaces it for just one /
|
|
852
|
-
*/
|
|
853
|
-
return href.replace(/^(?:[^:]+:)?\/\/?/, "/");
|
|
844
|
+
url.protocol = "https:";
|
|
845
|
+
return url.href;
|
|
854
846
|
}
|
|
855
847
|
}
|
|
856
848
|
|
|
@@ -895,29 +887,20 @@ class ComponentBase extends AuroElement {
|
|
|
895
887
|
*/
|
|
896
888
|
targetIcon(target) {
|
|
897
889
|
/**
|
|
898
|
-
* Checks if a URL's domain is from the
|
|
890
|
+
* Checks if a URL's domain is from the current domain or its subdomains.
|
|
899
891
|
* @param {string} url - The URL to check.
|
|
900
|
-
* @returns {boolean} Returns true if the URL's domain is
|
|
892
|
+
* @returns {boolean} Returns true if the URL's domain is equals to current domain or one of its subdomains, otherwise false.
|
|
901
893
|
*/
|
|
902
|
-
const
|
|
903
|
-
// Relative URLs are considered part of alaskaair.com domain
|
|
904
|
-
if(this.relative) {
|
|
905
|
-
return true
|
|
906
|
-
}
|
|
894
|
+
const isCurrentDomain = (url) => {
|
|
907
895
|
const urlObject = new URL(url);
|
|
908
|
-
return urlObject.hostname.
|
|
896
|
+
return (urlObject.hostname === window.location.hostname);
|
|
909
897
|
};
|
|
910
898
|
|
|
911
|
-
// If target is '_blank' and the URL's domain is
|
|
912
|
-
if (target === "_blank"
|
|
913
|
-
|
|
914
|
-
|
|
915
|
-
|
|
916
|
-
target === "_blank" &&
|
|
917
|
-
!isAlaskaAirDomain(this.safeUri) &&
|
|
918
|
-
this.includesDomain
|
|
919
|
-
) {
|
|
920
|
-
// If target is '_blank' and the URL does not belong to 'alaskaair.com' or its subdomains but contains a domain, return icon for external link
|
|
899
|
+
// If target is '_blank' and the URL's domain is equal to the current domain or one of its subdomains, return icon for new window
|
|
900
|
+
if (target === "_blank") {
|
|
901
|
+
if(isCurrentDomain(this.safeUri)){
|
|
902
|
+
return this.generateIconHtml(newWindow.svg);
|
|
903
|
+
}
|
|
921
904
|
return this.generateIconHtml(externalLink.svg);
|
|
922
905
|
}
|
|
923
906
|
|
|
@@ -20,7 +20,7 @@ import{css as e,html as t,LitElement as o}from"lit";import{classMap as r}from"li
|
|
|
20
20
|
<slot></slot>
|
|
21
21
|
</div>
|
|
22
22
|
</div>
|
|
23
|
-
`}};const x=new WeakMap,y=new WeakMap,w=({host:e,target:t,matcher:o,removeOriginal:r=!0})=>{y.has(e)||y.set(e,{matchers:new Set,targets:new Map});const a=y.get(e);return a.matchers.add(o),a.targets.has(t)||a.targets.set(t,new Map),a.targets.get(t).set(o,{removeOriginal:r,currentAttributes:new Map}),k({host:e,target:t,matcher:o,removeOriginal:r}),S(e),{cleanup:()=>z(e,t,o),getObservedAttributes:()=>U(e,t,o),getObservedAttribute:r=>q(e,t,o,r)}},z=(e,t,o)=>{const r=y.get(e);if(!r)return;const a=r.targets.get(t);a&&(a.delete(o),0===a.size&&r.targets.delete(t));let s=!1;for(const e of r.targets.values())if(e.has(o)){s=!0;break}s||r.matchers.delete(o),0!==r.targets.size&&0!==r.matchers.size||A(e)},k=({host:e,target:t,matcher:o,removeOriginal:r=!0})=>{const a=e.getAttributeNames().filter(e=>o(e)).reduce((t,o)=>(t[o]=e.getAttribute(o),t),{});Object.entries(a).forEach(([a,s])=>{C(e,t,o,a,s),t.setAttribute(a,s),r&&e.removeAttribute(a)})},S=e=>{if(x.has(e))return x.get(e);const t=new MutationObserver(t=>{const o=y.get(e);o&&t.filter(e=>"attributes"===e.type).forEach(t=>{const r=t.attributeName;for(const t of o.matchers)if(t(r))for(const[r,a]of o.targets.entries())if(a.has(t)){const{removeOriginal:o}=a.get(t);k({host:e,target:r,matcher:t,removeOriginal:o})}})});return t.observe(e,{attributes:!0}),x.set(e,t),t},A=e=>{if(x.has(e)){x.get(e).disconnect(),x.delete(e)}y.has(e)&&y.delete(e)},B=(e,t,o)=>{const r=y.get(e);if(!r)return;const a=r.targets.get(t);return a?a.get(o):void 0},C=(e,t,o,r,a)=>{const s=B(e,t,o);s&&s.currentAttributes.set(r,a)},q=(e,t,o,r)=>{const a=B(e,t,o);if(a)return a.currentAttributes.get(r)},U=(e,t,o)=>{const r=B(e,t,o);return r?Array.from(r.currentAttributes.entries()):[]},R={"aria-":e=>e.startsWith("aria-"),role:e=>e.match(/^role$/),tabindex:e=>e.match(/^tabindex$/)},H=({host:e,target:t,removeOriginal:o=!0,ignore:r})=>(({host:e,target:t,match:o,removeOriginal:r=!0})=>{if("object"!=typeof e||!(e instanceof HTMLElement))throw new TypeError('a11yUtilities.js | transportAttributes | The "host" parameter must be an instance of HTMLElement.');if("object"!=typeof t||!(t instanceof HTMLElement))throw new TypeError('a11yUtilities.js | transportAttributes | The "target" parameter must be an instance of HTMLElement.');if("function"!=typeof o)throw new TypeError('a11yUtilities.js | transportAttributes | The "match" parameter must be a function.');if("boolean"!=typeof r)throw new TypeError('a11yUtilities.js | transportAttributes | The "removeOriginal" parameter must be a boolean.');return w({host:e,target:t,matcher:o,removeOriginal:r})})({host:e,target:t,match:e=>{if(r&&r.includes(e))return!1;for(const t in R)if(R[t](e))return!0;return!1},removeOriginal:o});class M{generateElementName(e,t){let o=e;return o+="-",o+=t.replace(/[.]/g,"_"),o}generateTag(e,t,o){const r=this.generateElementName(e,t),a=i`${s(r)}`;return customElements.get(r)||customElements.define(r,class extends o{}),a}}class T{registerComponent(e,t){customElements.get(e)||customElements.define(e,class extends t{})}closestElement(e,t=this,o=(t,r=t&&t.closest(e))=>t&&t!==document&&t!==window?r||o(t.getRootNode().host):null){return o(t)}handleComponentTagRename(e,t){const o=t.toLowerCase();e.tagName.toLowerCase()!==o&&e.setAttribute(o,!0)}elementMatch(e,t){const o=t.toLowerCase();return e.tagName.toLowerCase()===o||e.hasAttribute(o)}getSlotText(e,t){const o=e.shadowRoot?.querySelector(`slot[name="${t}"]`);return(o?.assignedNodes({flatten:!0})||[]).map(e=>e.textContent?.trim()).join(" ").trim()||null}}var I='<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-labelledby="external-link-stroke__title external-link-stroke__desc" class="ico_squareLarge" role="img" style="min-width:var(--auro-size-lg, var(--ds-size-300, 1.5rem));height:var(--auro-size-lg, var(--ds-size-300, 1.5rem));fill:currentColor" viewBox="0 0 24 24" part="svg"><title id="external-link-stroke__title">Link to external site.</title><desc id="external-link-stroke__desc">This indicates a link to an external site that may not follow the same accessibility or privacy policies as Alaska Airlines. By selecting a partner link you agree to share your data with these sites.</desc><path d="M7 6.25h5a.75.75 0 0 1 .102 1.494L12 7.75H7a1.25 1.25 0 0 0-1.244 1.123L5.75 9v8c0 .648.492 1.18 1.122 1.244L7 18.25h8a1.25 1.25 0 0 0 1.244-1.122L16.25 17v-5a.75.75 0 0 1 1.493-.101l.007.101v5a2.75 2.75 0 0 1-2.582 2.745L15 19.75H7a2.75 2.75 0 0 1-2.745-2.582L4.25 17V9a2.75 2.75 0 0 1 2.582-2.745zh5zm12.025-2 .125.015.11.032.128.061c.18.108.317.29.353.522l.009.12v5a.75.75 0 0 1-1.493.102L18.25 10V6.811l-6.72 6.72a.75.75 0 0 1-1.133-.977l.073-.084 6.718-6.72H14a.75.75 0 0 1-.743-.648L13.25 5a.75.75 0 0 1 .648-.743L14 4.25z"/></svg>',N='<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-labelledby="new-window-stroke__title new-window-stroke__desc" class="ico_squareLarge" role="img" style="min-width:var(--auro-size-lg, var(--ds-size-300, 1.5rem));height:var(--auro-size-lg, var(--ds-size-300, 1.5rem));fill:currentColor" viewBox="0 0 24 24" part="svg"><title id="new-window-stroke__title">Link will open a new tab or window.</title><desc id="new-window-stroke__desc">Notice indicator to alert users that action will result in the browser opening a new tab or window.</desc><path fill-rule="evenodd" d="M20.246 5.687a2.063 2.063 0 0 0-2.058-1.937H8.813l-.126.004A2.063 2.063 0 0 0 6.75 5.813v.937H6.5l-.168.005A2.75 2.75 0 0 0 3.75 9.5v8l.005.168A2.75 2.75 0 0 0 6.5 20.25h8l.168-.005A2.75 2.75 0 0 0 17.25 17.5v-.25h.938l.125-.004a2.063 2.063 0 0 0 1.937-2.058V5.813zM15.75 17.25H8.813a2.063 2.063 0 0 1-2.06-1.937l-.003-.126V8.25H6.5a1.25 1.25 0 0 0-1.244 1.123L5.25 9.5v8c0 .648.492 1.18 1.122 1.244l.128.006h8a1.25 1.25 0 0 0 1.243-1.122l.007-.128zm-6.625-12h8.75l.09.005a.875.875 0 0 1 .785.87v8.75l-.005.09a.875.875 0 0 1-.87.785h-8.75l-.09-.005a.875.875 0 0 1-.785-.87v-8.75l.005-.09a.875.875 0 0 1 .87-.785m4.28 1.757L13.507 7c.38 0 .693.3.743.69l.007.11-.007 1.938h2c.38 0 .694.301.743.691l.007.108c0 .405-.282.74-.648.792l-.102.007h-2.001l.001 1.865c0 .404-.282.739-.648.792L13.5 14c-.38 0-.694-.3-.743-.69l-.007-.11-.001-1.864H10.75c-.38 0-.694-.3-.743-.69L10 10.537c0-.404.282-.738.648-.791l.102-.008h2l.007-1.939c0-.404.282-.739.648-.792"/></svg>';class L extends o{static get properties(){return{appearance:{type:String,reflect:!0},layout:{type:String,attribute:"layout",reflect:!0},shape:{type:String,attribute:"shape",reflect:!0},size:{type:String,attribute:"size",reflect:!0},onDark:{type:Boolean,attribute:"ondark",reflect:!0}}}}class _ extends L{constructor(){super(),this.appearance="default",this.download=!1,this.relative=!1,this.ondark=!1,this.variant="primary",this.layout="cta"===this.type?"block":null,this.shape="cta"===this.type?"rounded":null,this.size="cta"===this.type?"md":null,this.defaultReferrerPolicy="strict-origin-when-cross-origin",this.ariapressed="false",this.tabIsActive="false",this.runtimeUtils=new T,this.addEventListener("touchstart",function(){this.classList.add("is-touching")})}static get properties(){return{...L.properties,appearance:{type:String,reflect:!0},href:{type:String,reflect:!0},rel:{type:String,reflect:!0},target:{type:String,reflect:!0},download:{type:Boolean,reflect:!0},relative:{type:Boolean,reflect:!0},ondark:{type:Boolean},type:{type:String,reflect:!0},fluid:{type:Boolean},referrerpolicy:{type:Boolean,reflect:!0},variant:{type:String,reflect:!0}}}firstUpdated(){this.runtimeUtils.handleComponentTagRename(this,"auro-hyperlink")}get safeUri(){return this.href?this.safeUrl(this.href,this.relative):""}get includesDomain(){return!!this.href&&this.safeUri.includes("http")}safeUrl(e,t){if(!e)return;const o=new URL(e,"https://www.alaskaair.com");switch(o.protocol){case"tel:":case"sms:":case"mailto:":return e;case"javascript:":case"data:":case"vbscript:":return;default:return t?e.replace(/^(?:[^:]+:)?\/\/?/,"/"):(o.protocol="https:",o.href)}}generateIconHtml(e){const t=(new DOMParser).parseFromString(e,"text/html").body.firstChild;return t.setAttribute("slot","svg"),n`<${this.iconTag} customColor customSvg part="targetIcon">${t}</${this.iconTag}>`}targetIcon(e){const t=e=>{if(this.relative)return!0;return new URL(e).hostname.endsWith(".alaskaair.com")};return"_blank"===e&&t(this.safeUri)?this.generateIconHtml(N):"_blank"===e&&!t(this.safeUri)&&this.includesDomain?this.generateIconHtml(I):void 0}getTabState(e){return!0===e?"is-active":""}getRelType(e,t){return t||("_blank"===e&&this.safeUri.includes("alaskaair.com")?t:"_blank"!==e||!this.includesDomain||this.rel||this.referrerpolicy?"_blank"===e&&this.referrerpolicy?"external":void 0:"noOpener noReferrer")}ariaPressedState(e){const t=function(e){const t=this.shadowRoot.querySelector("[aria-pressed]");t.setAttribute("aria-pressed","false"),"mousedown"===e.type?t.ariaPressed=!0:t.ariaPressed=!1,"keydown"===e.type&&("Enter"===e.code?(t.ariaPressed=!0,this.hyperlinkRef?.value&&"button"===this.hyperlinkRef.value.role&&this.click()):t.ariaPressed=!1)};return this.addEventListener("mousedown",t),this.addEventListener("mouseup",t),this.addEventListener("keydown",t),this.addEventListener("keyup",t),e}render(){return this.getMarkup()}}class ${generateElementName(e,t){let o=e;return o+="-",o+=t.replace(/[.]/g,"_"),o}generateTag(e,t,o){const r=this.generateElementName(e,t),a=i`${s(r)}`;return customElements.get(r)||customElements.define(r,class extends o{}),a}}class F{registerComponent(e,t){customElements.get(e)||customElements.define(e,class extends t{})}closestElement(e,t=this,o=(t,r=t&&t.closest(e))=>t&&t!==document&&t!==window?r||o(t.getRootNode().host):null){return o(t)}handleComponentTagRename(e,t){const o=t.toLowerCase();e.tagName.toLowerCase()!==o&&e.setAttribute(o,!0)}elementMatch(e,t){const o=t.toLowerCase();return e.tagName.toLowerCase()===o||e.hasAttribute(o)}getSlotText(e,t){const o=e.shadowRoot?.querySelector(`slot[name="${t}"]`);return(o?.assignedNodes({flatten:!0})||[]).map(e=>e.textContent?.trim()).join(" ").trim()||null}}class E{registerComponent(e,t){customElements.get(e)||customElements.define(e,class extends t{})}closestElement(e,t=this,o=(t,r=t&&t.closest(e))=>t&&t!==document&&t!==window?r||o(t.getRootNode().host):null){return o(t)}handleComponentTagRename(e,t){const o=t.toLowerCase();e.tagName.toLowerCase()!==o&&e.setAttribute(o,!0)}elementMatch(e,t){const o=t.toLowerCase();return e.tagName.toLowerCase()===o||e.hasAttribute(o)}}var O=e`:host{color:var(--ds-auro-loader-color)}:host>span{background-color:var(--ds-auro-loader-background-color);border-color:var(--ds-auro-loader-border-color)}:host([onlight]){--ds-auro-loader-color: var(--ds-basic-color-brand-primary, #01426a)}:host([ondark]){--ds-auro-loader-color: var(--ds-basic-color-texticon-inverse, #ffffff)}:host([orbit])>span{--ds-auro-loader-background-color: transparent}:host([orbit])>span:nth-child(1){--ds-auro-loader-border-color: currentcolor;opacity:.25}:host([orbit])>span:nth-child(2){--ds-auro-loader-border-color: currentcolor;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent}
|
|
23
|
+
`}};const x=new WeakMap,y=new WeakMap,w=({host:e,target:t,matcher:o,removeOriginal:r=!0})=>{y.has(e)||y.set(e,{matchers:new Set,targets:new Map});const a=y.get(e);return a.matchers.add(o),a.targets.has(t)||a.targets.set(t,new Map),a.targets.get(t).set(o,{removeOriginal:r,currentAttributes:new Map}),k({host:e,target:t,matcher:o,removeOriginal:r}),S(e),{cleanup:()=>z(e,t,o),getObservedAttributes:()=>R(e,t,o),getObservedAttribute:r=>q(e,t,o,r)}},z=(e,t,o)=>{const r=y.get(e);if(!r)return;const a=r.targets.get(t);a&&(a.delete(o),0===a.size&&r.targets.delete(t));let s=!1;for(const e of r.targets.values())if(e.has(o)){s=!0;break}s||r.matchers.delete(o),0!==r.targets.size&&0!==r.matchers.size||A(e)},k=({host:e,target:t,matcher:o,removeOriginal:r=!0})=>{const a=e.getAttributeNames().filter(e=>o(e)).reduce((t,o)=>(t[o]=e.getAttribute(o),t),{});Object.entries(a).forEach(([a,s])=>{C(e,t,o,a,s),t.setAttribute(a,s),r&&e.removeAttribute(a)})},S=e=>{if(x.has(e))return x.get(e);const t=new MutationObserver(t=>{const o=y.get(e);o&&t.filter(e=>"attributes"===e.type).forEach(t=>{const r=t.attributeName;for(const t of o.matchers)if(t(r))for(const[r,a]of o.targets.entries())if(a.has(t)){const{removeOriginal:o}=a.get(t);k({host:e,target:r,matcher:t,removeOriginal:o})}})});return t.observe(e,{attributes:!0}),x.set(e,t),t},A=e=>{if(x.has(e)){x.get(e).disconnect(),x.delete(e)}y.has(e)&&y.delete(e)},B=(e,t,o)=>{const r=y.get(e);if(!r)return;const a=r.targets.get(t);return a?a.get(o):void 0},C=(e,t,o,r,a)=>{const s=B(e,t,o);s&&s.currentAttributes.set(r,a)},q=(e,t,o,r)=>{const a=B(e,t,o);if(a)return a.currentAttributes.get(r)},R=(e,t,o)=>{const r=B(e,t,o);return r?Array.from(r.currentAttributes.entries()):[]},U={"aria-":e=>e.startsWith("aria-"),role:e=>e.match(/^role$/),tabindex:e=>e.match(/^tabindex$/)},H=({host:e,target:t,removeOriginal:o=!0,ignore:r})=>(({host:e,target:t,match:o,removeOriginal:r=!0})=>{if("object"!=typeof e||!(e instanceof HTMLElement))throw new TypeError('a11yUtilities.js | transportAttributes | The "host" parameter must be an instance of HTMLElement.');if("object"!=typeof t||!(t instanceof HTMLElement))throw new TypeError('a11yUtilities.js | transportAttributes | The "target" parameter must be an instance of HTMLElement.');if("function"!=typeof o)throw new TypeError('a11yUtilities.js | transportAttributes | The "match" parameter must be a function.');if("boolean"!=typeof r)throw new TypeError('a11yUtilities.js | transportAttributes | The "removeOriginal" parameter must be a boolean.');return w({host:e,target:t,matcher:o,removeOriginal:r})})({host:e,target:t,match:e=>{if(r&&r.includes(e))return!1;for(const t in U)if(U[t](e))return!0;return!1},removeOriginal:o});class M{generateElementName(e,t){let o=e;return o+="-",o+=t.replace(/[.]/g,"_"),o}generateTag(e,t,o){const r=this.generateElementName(e,t),a=i`${s(r)}`;return customElements.get(r)||customElements.define(r,class extends o{}),a}}class T{registerComponent(e,t){customElements.get(e)||customElements.define(e,class extends t{})}closestElement(e,t=this,o=(t,r=t&&t.closest(e))=>t&&t!==document&&t!==window?r||o(t.getRootNode().host):null){return o(t)}handleComponentTagRename(e,t){const o=t.toLowerCase();e.tagName.toLowerCase()!==o&&e.setAttribute(o,!0)}elementMatch(e,t){const o=t.toLowerCase();return e.tagName.toLowerCase()===o||e.hasAttribute(o)}getSlotText(e,t){const o=e.shadowRoot?.querySelector(`slot[name="${t}"]`);return(o?.assignedNodes({flatten:!0})||[]).map(e=>e.textContent?.trim()).join(" ").trim()||null}}var I='<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-labelledby="external-link-stroke__title external-link-stroke__desc" class="ico_squareLarge" role="img" style="min-width:var(--auro-size-lg, var(--ds-size-300, 1.5rem));height:var(--auro-size-lg, var(--ds-size-300, 1.5rem));fill:currentColor" viewBox="0 0 24 24" part="svg"><title id="external-link-stroke__title">Link to external site.</title><desc id="external-link-stroke__desc">This indicates a link to an external site that may not follow the same accessibility or privacy policies as Alaska Airlines. By selecting a partner link you agree to share your data with these sites.</desc><path d="M7 6.25h5a.75.75 0 0 1 .102 1.494L12 7.75H7a1.25 1.25 0 0 0-1.244 1.123L5.75 9v8c0 .648.492 1.18 1.122 1.244L7 18.25h8a1.25 1.25 0 0 0 1.244-1.122L16.25 17v-5a.75.75 0 0 1 1.493-.101l.007.101v5a2.75 2.75 0 0 1-2.582 2.745L15 19.75H7a2.75 2.75 0 0 1-2.745-2.582L4.25 17V9a2.75 2.75 0 0 1 2.582-2.745zh5zm12.025-2 .125.015.11.032.128.061c.18.108.317.29.353.522l.009.12v5a.75.75 0 0 1-1.493.102L18.25 10V6.811l-6.72 6.72a.75.75 0 0 1-1.133-.977l.073-.084 6.718-6.72H14a.75.75 0 0 1-.743-.648L13.25 5a.75.75 0 0 1 .648-.743L14 4.25z"/></svg>',N='<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-labelledby="new-window-stroke__title new-window-stroke__desc" class="ico_squareLarge" role="img" style="min-width:var(--auro-size-lg, var(--ds-size-300, 1.5rem));height:var(--auro-size-lg, var(--ds-size-300, 1.5rem));fill:currentColor" viewBox="0 0 24 24" part="svg"><title id="new-window-stroke__title">Link will open a new tab or window.</title><desc id="new-window-stroke__desc">Notice indicator to alert users that action will result in the browser opening a new tab or window.</desc><path fill-rule="evenodd" d="M20.246 5.687a2.063 2.063 0 0 0-2.058-1.937H8.813l-.126.004A2.063 2.063 0 0 0 6.75 5.813v.937H6.5l-.168.005A2.75 2.75 0 0 0 3.75 9.5v8l.005.168A2.75 2.75 0 0 0 6.5 20.25h8l.168-.005A2.75 2.75 0 0 0 17.25 17.5v-.25h.938l.125-.004a2.063 2.063 0 0 0 1.937-2.058V5.813zM15.75 17.25H8.813a2.063 2.063 0 0 1-2.06-1.937l-.003-.126V8.25H6.5a1.25 1.25 0 0 0-1.244 1.123L5.25 9.5v8c0 .648.492 1.18 1.122 1.244l.128.006h8a1.25 1.25 0 0 0 1.243-1.122l.007-.128zm-6.625-12h8.75l.09.005a.875.875 0 0 1 .785.87v8.75l-.005.09a.875.875 0 0 1-.87.785h-8.75l-.09-.005a.875.875 0 0 1-.785-.87v-8.75l.005-.09a.875.875 0 0 1 .87-.785m4.28 1.757L13.507 7c.38 0 .693.3.743.69l.007.11-.007 1.938h2c.38 0 .694.301.743.691l.007.108c0 .405-.282.74-.648.792l-.102.007h-2.001l.001 1.865c0 .404-.282.739-.648.792L13.5 14c-.38 0-.694-.3-.743-.69l-.007-.11-.001-1.864H10.75c-.38 0-.694-.3-.743-.69L10 10.537c0-.404.282-.738.648-.791l.102-.008h2l.007-1.939c0-.404.282-.739.648-.792"/></svg>';class L extends o{static get properties(){return{appearance:{type:String,reflect:!0},layout:{type:String,attribute:"layout",reflect:!0},shape:{type:String,attribute:"shape",reflect:!0},size:{type:String,attribute:"size",reflect:!0},onDark:{type:Boolean,attribute:"ondark",reflect:!0}}}}class _ extends L{constructor(){super(),this.appearance="default",this.download=!1,this.ondark=!1,this.variant="primary",this.layout="cta"===this.type?"block":null,this.shape="cta"===this.type?"rounded":null,this.size="cta"===this.type?"md":null,this.defaultReferrerPolicy="strict-origin-when-cross-origin",this.ariapressed="false",this.tabIsActive="false",this.runtimeUtils=new T,this.addEventListener("touchstart",function(){this.classList.add("is-touching")})}static get properties(){return{...L.properties,appearance:{type:String,reflect:!0},href:{type:String,reflect:!0},rel:{type:String,reflect:!0},target:{type:String,reflect:!0},download:{type:Boolean,reflect:!0},relative:{type:Boolean,reflect:!0},ondark:{type:Boolean},type:{type:String,reflect:!0},fluid:{type:Boolean},referrerpolicy:{type:Boolean,reflect:!0},variant:{type:String,reflect:!0}}}firstUpdated(){this.runtimeUtils.handleComponentTagRename(this,"auro-hyperlink")}get safeUri(){return this.href?this.safeUrl(this.href):""}get includesDomain(){return!!this.href&&this.safeUri.includes("http")}safeUrl(e){if(!e)return;const t=new URL(e,window?.location?.href);switch(t.protocol){case"tel:":case"sms:":case"mailto:":return e;case"javascript:":case"data:":case"vbscript:":return;default:return t.protocol="https:",t.href}}generateIconHtml(e){const t=(new DOMParser).parseFromString(e,"text/html").body.firstChild;return t.setAttribute("slot","svg"),n`<${this.iconTag} customColor customSvg part="targetIcon">${t}</${this.iconTag}>`}targetIcon(e){if("_blank"===e)return t=this.safeUri,new URL(t).hostname===window.location.hostname?this.generateIconHtml(N):this.generateIconHtml(I);var t}getTabState(e){return!0===e?"is-active":""}getRelType(e,t){return t||("_blank"===e&&this.safeUri.includes("alaskaair.com")?t:"_blank"!==e||!this.includesDomain||this.rel||this.referrerpolicy?"_blank"===e&&this.referrerpolicy?"external":void 0:"noOpener noReferrer")}ariaPressedState(e){const t=function(e){const t=this.shadowRoot.querySelector("[aria-pressed]");t.setAttribute("aria-pressed","false"),"mousedown"===e.type?t.ariaPressed=!0:t.ariaPressed=!1,"keydown"===e.type&&("Enter"===e.code?(t.ariaPressed=!0,this.hyperlinkRef?.value&&"button"===this.hyperlinkRef.value.role&&this.click()):t.ariaPressed=!1)};return this.addEventListener("mousedown",t),this.addEventListener("mouseup",t),this.addEventListener("keydown",t),this.addEventListener("keyup",t),e}render(){return this.getMarkup()}}class ${generateElementName(e,t){let o=e;return o+="-",o+=t.replace(/[.]/g,"_"),o}generateTag(e,t,o){const r=this.generateElementName(e,t),a=i`${s(r)}`;return customElements.get(r)||customElements.define(r,class extends o{}),a}}class F{registerComponent(e,t){customElements.get(e)||customElements.define(e,class extends t{})}closestElement(e,t=this,o=(t,r=t&&t.closest(e))=>t&&t!==document&&t!==window?r||o(t.getRootNode().host):null){return o(t)}handleComponentTagRename(e,t){const o=t.toLowerCase();e.tagName.toLowerCase()!==o&&e.setAttribute(o,!0)}elementMatch(e,t){const o=t.toLowerCase();return e.tagName.toLowerCase()===o||e.hasAttribute(o)}getSlotText(e,t){const o=e.shadowRoot?.querySelector(`slot[name="${t}"]`);return(o?.assignedNodes({flatten:!0})||[]).map(e=>e.textContent?.trim()).join(" ").trim()||null}}class E{registerComponent(e,t){customElements.get(e)||customElements.define(e,class extends t{})}closestElement(e,t=this,o=(t,r=t&&t.closest(e))=>t&&t!==document&&t!==window?r||o(t.getRootNode().host):null){return o(t)}handleComponentTagRename(e,t){const o=t.toLowerCase();e.tagName.toLowerCase()!==o&&e.setAttribute(o,!0)}elementMatch(e,t){const o=t.toLowerCase();return e.tagName.toLowerCase()===o||e.hasAttribute(o)}}var O=e`:host{color:var(--ds-auro-loader-color)}:host>span{background-color:var(--ds-auro-loader-background-color);border-color:var(--ds-auro-loader-border-color)}:host([onlight]){--ds-auro-loader-color: var(--ds-basic-color-brand-primary, #01426a)}:host([ondark]){--ds-auro-loader-color: var(--ds-basic-color-texticon-inverse, #ffffff)}:host([orbit])>span{--ds-auro-loader-background-color: transparent}:host([orbit])>span:nth-child(1){--ds-auro-loader-border-color: currentcolor;opacity:.25}:host([orbit])>span:nth-child(2){--ds-auro-loader-border-color: currentcolor;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent}
|
|
24
24
|
`,D=e`.body-default{font-size:var(--wcss-body-default-font-size, 1rem);line-height:var(--wcss-body-default-line-height, 1.5rem)}.body-default,.body-lg{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-lg{font-size:var(--wcss-body-lg-font-size, 1.125rem);line-height:var(--wcss-body-lg-line-height, 1.625rem)}.body-sm{font-size:var(--wcss-body-sm-font-size, .875rem);line-height:var(--wcss-body-sm-line-height, 1.25rem)}.body-sm,.body-xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-xs{font-size:var(--wcss-body-xs-font-size, .75rem);line-height:var(--wcss-body-xs-line-height, 1rem)}.body-2xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:var(--wcss-body-2xs-font-size, .625rem);font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0);line-height:var(--wcss-body-2xs-line-height, .875rem)}.display-2xl{font-family:var(--wcss-display-2xl-family, "AS Circular"),var(--wcss-display-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-2xl-font-size, clamp(3.5rem, 6vw, 5.375rem));font-weight:var(--wcss-display-2xl-weight, 300);letter-spacing:var(--wcss-display-2xl-letter-spacing, 0);line-height:var(--wcss-display-2xl-line-height, 1.3)}.display-xl{font-family:var(--wcss-display-xl-family, "AS Circular"),var(--wcss-display-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xl-font-size, clamp(3rem, 5.3333333333vw, 4.5rem));font-weight:var(--wcss-display-xl-weight, 300);letter-spacing:var(--wcss-display-xl-letter-spacing, 0);line-height:var(--wcss-display-xl-line-height, 1.3)}.display-lg{font-family:var(--wcss-display-lg-family, "AS Circular"),var(--wcss-display-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-lg-font-size, clamp(2.75rem, 4.6666666667vw, 4rem));font-weight:var(--wcss-display-lg-weight, 300);letter-spacing:var(--wcss-display-lg-letter-spacing, 0);line-height:var(--wcss-display-lg-line-height, 1.3)}.display-md{font-family:var(--wcss-display-md-family, "AS Circular"),var(--wcss-display-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-md-font-size, clamp(2.5rem, 4vw, 3.5rem));font-weight:var(--wcss-display-md-weight, 300);letter-spacing:var(--wcss-display-md-letter-spacing, 0);line-height:var(--wcss-display-md-line-height, 1.3)}.display-sm{font-family:var(--wcss-display-sm-family, "AS Circular"),var(--wcss-display-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-sm-font-size, clamp(2rem, 3.6666666667vw, 3rem));font-weight:var(--wcss-display-sm-weight, 300);letter-spacing:var(--wcss-display-sm-letter-spacing, 0);line-height:var(--wcss-display-sm-line-height, 1.3)}.display-xs{font-family:var(--wcss-display-xs-family, "AS Circular"),var(--wcss-display-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xs-font-size, clamp(1.75rem, 3vw, 2.375rem));font-weight:var(--wcss-display-xs-weight, 300);letter-spacing:var(--wcss-display-xs-letter-spacing, 0);line-height:var(--wcss-display-xs-line-height, 1.3)}.heading-xl{font-family:var(--wcss-heading-xl-family, "AS Circular"),var(--wcss-heading-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xl-font-size, clamp(2rem, 3vw, 2.5rem));font-weight:var(--wcss-heading-xl-weight, 300);letter-spacing:var(--wcss-heading-xl-letter-spacing, 0);line-height:var(--wcss-heading-xl-line-height, 1.3)}.heading-lg{font-family:var(--wcss-heading-lg-family, "AS Circular"),var(--wcss-heading-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-lg-font-size, clamp(1.75rem, 2.6666666667vw, 2.25rem));font-weight:var(--wcss-heading-lg-weight, 300);letter-spacing:var(--wcss-heading-lg-letter-spacing, 0);line-height:var(--wcss-heading-lg-line-height, 1.3)}.heading-md{font-family:var(--wcss-heading-md-family, "AS Circular"),var(--wcss-heading-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-md-font-size, clamp(1.625rem, 2.3333333333vw, 1.75rem));font-weight:var(--wcss-heading-md-weight, 300);letter-spacing:var(--wcss-heading-md-letter-spacing, 0);line-height:var(--wcss-heading-md-line-height, 1.3)}.heading-sm{font-family:var(--wcss-heading-sm-family, "AS Circular"),var(--wcss-heading-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-sm-font-size, clamp(1.375rem, 2vw, 1.5rem));font-weight:var(--wcss-heading-sm-weight, 300);letter-spacing:var(--wcss-heading-sm-letter-spacing, 0);line-height:var(--wcss-heading-sm-line-height, 1.3)}.heading-xs{font-family:var(--wcss-heading-xs-family, "AS Circular"),var(--wcss-heading-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xs-font-size, clamp(1.25rem, 1.6666666667vw, 1.25rem));font-weight:var(--wcss-heading-xs-weight, 450);letter-spacing:var(--wcss-heading-xs-letter-spacing, 0);line-height:var(--wcss-heading-xs-line-height, 1.3)}.heading-2xs{font-family:var(--wcss-heading-2xs-family, "AS Circular"),var(--wcss-heading-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-2xs-font-size, clamp(1.125rem, 1.5vw, 1.125rem));font-weight:var(--wcss-heading-2xs-weight, 450);letter-spacing:var(--wcss-heading-2xs-letter-spacing, 0);line-height:var(--wcss-heading-2xs-line-height, 1.3)}.accent-2xl{font-family:var(--wcss-accent-2xl-family, "Good OT"),var(--wcss-accent-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xl-font-size, clamp(2rem, 3.1666666667vw, 2.375rem));font-weight:var(--wcss-accent-2xl-weight, 450);letter-spacing:var(--wcss-accent-2xl-letter-spacing, .05em);line-height:var(--wcss-accent-2xl-line-height, 1)}.accent-2xl,.accent-xl{text-transform:uppercase}.accent-xl{font-family:var(--wcss-accent-xl-family, "Good OT"),var(--wcss-accent-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xl-font-size, clamp(1.625rem, 2.3333333333vw, 2rem));font-weight:var(--wcss-accent-xl-weight, 450);letter-spacing:var(--wcss-accent-xl-letter-spacing, .05em);line-height:var(--wcss-accent-xl-line-height, 1.3)}.accent-lg{font-family:var(--wcss-accent-lg-family, "Good OT"),var(--wcss-accent-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-lg-font-size, clamp(1.5rem, 2.1666666667vw, 1.75rem));font-weight:var(--wcss-accent-lg-weight, 450);letter-spacing:var(--wcss-accent-lg-letter-spacing, .05em);line-height:var(--wcss-accent-lg-line-height, 1.3)}.accent-lg,.accent-md{text-transform:uppercase}.accent-md{font-family:var(--wcss-accent-md-family, "Good OT"),var(--wcss-accent-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-md-font-size, clamp(1.375rem, 1.8333333333vw, 1.5rem));font-weight:var(--wcss-accent-md-weight, 500);letter-spacing:var(--wcss-accent-md-letter-spacing, .05em);line-height:var(--wcss-accent-md-line-height, 1.3)}.accent-sm{font-family:var(--wcss-accent-sm-family, "Good OT"),var(--wcss-accent-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-sm-font-size, clamp(1.125rem, 1.5vw, 1.25rem));font-weight:var(--wcss-accent-sm-weight, 500);letter-spacing:var(--wcss-accent-sm-letter-spacing, .05em);line-height:var(--wcss-accent-sm-line-height, 1.3)}.accent-sm,.accent-xs{text-transform:uppercase}.accent-xs{font-family:var(--wcss-accent-xs-family, "Good OT"),var(--wcss-accent-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xs-font-size, clamp(1rem, 1.3333333333vw, 1rem));font-weight:var(--wcss-accent-xs-weight, 500);letter-spacing:var(--wcss-accent-xs-letter-spacing, .1em);line-height:var(--wcss-accent-xs-line-height, 1.3)}.accent-2xs{font-family:var(--wcss-accent-2xs-family, "Good OT"),var(--wcss-accent-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xs-font-size, clamp(.875rem, 1.1666666667vw, .875rem));font-weight:var(--wcss-accent-2xs-weight, 450);letter-spacing:var(--wcss-accent-2xs-letter-spacing, .1em);line-height:var(--wcss-accent-2xs-line-height, 1.3);text-transform:uppercase}:focus:not(:focus-visible){outline:3px solid transparent}:host,:host>span{position:relative}:host{width:2rem;height:2rem;display:inline-block;font-size:0}:host>span{position:absolute;display:inline-block;float:none;top:0;left:0;width:2rem;height:2rem;border-radius:100%;border-style:solid;border-width:0}:host([xs]),:host([xs])>span{width:1.2rem;height:1.2rem}:host([sm]),:host([sm])>span{width:3rem;height:3rem}:host([md]),:host([md])>span{width:5rem;height:5rem}:host([lg]),:host([lg])>span{width:8rem;height:8rem}:host{--margin: .375rem;--margin-xs: .2rem;--margin-sm: .5rem;--margin-md: .75rem;--margin-lg: 1rem}:host([pulse]),:host([pulse])>span{position:relative}:host([pulse]){width:calc(3rem + var(--margin) * 6);height:1.5rem}:host([pulse])>span{width:1rem;height:1rem;margin:var(--margin);animation:pulse 1.5s ease infinite}:host([pulse][xs]){width:calc(2.55rem + var(--margin-xs) * 6);height:1.55rem}:host([pulse][xs])>span{margin:var(--margin-xs);width:.65rem;height:.65rem}:host([pulse][sm]){width:calc(6rem + var(--margin-sm) * 6);height:2.5rem}:host([pulse][sm])>span{margin:var(--margin-sm);width:2rem;height:2rem}:host([pulse][md]){width:calc(9rem + var(--margin-md) * 6);height:3.5rem}:host([pulse][md])>span{margin:var(--margin-md);width:3rem;height:3rem}:host([pulse][lg]){width:calc(15rem + var(--margin-lg) * 6);height:5.5rem}:host([pulse][lg])>span{margin:var(--margin-lg);width:5rem;height:5rem}:host([pulse])>span:nth-child(1){animation-delay:-.4s}:host([pulse])>span:nth-child(2){animation-delay:-.2s}:host([pulse])>span:nth-child(3){animation-delay:0ms}@keyframes pulse{0%,to{opacity:.1;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}:host([orbit]),:host([orbit])>span{opacity:1}:host([orbit])>span{border-width:5px}:host([orbit])>span:nth-child(2){animation:orbit 2s linear infinite}:host([orbit][sm])>span{border-width:8px}:host([orbit][md])>span{border-width:13px}:host([orbit][lg])>span{border-width:21px}@keyframes orbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host([ringworm])>svg{animation:rotate 2s linear infinite;height:100%;width:100%;stroke:currentcolor;stroke-width:8}:host([ringworm]) .path{stroke-dashoffset:0;animation:ringworm 1.5s ease-in-out infinite;stroke-linecap:round}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes ringworm{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}to{stroke-dasharray:89,200;stroke-dashoffset:-124px}}:host([laser]){position:static;width:100%;display:block;height:0;overflow:hidden;font-size:unset}:host([laser])>span{position:fixed;width:100%;height:.25rem;border-radius:0;z-index:100}:host([laser])>span:nth-child(1){border-color:currentcolor;opacity:.25}:host([laser])>span:nth-child(2){border-color:currentcolor;animation:laser 2s linear infinite;opacity:1;width:50%}:host([laser][sm])>span:nth-child(2){width:20%}:host([laser][md])>span:nth-child(2){width:30%}:host([laser][lg])>span:nth-child(2){width:50%;animation-duration:1.5s}:host([laser][xl])>span:nth-child(2){width:80%;animation-duration:1.5s}@keyframes laser{0%{left:-100%}to{left:110%}}:host>.no-animation{display:none}@media (prefers-reduced-motion: reduce){:host{display:flex;align-items:center;justify-content:center}:host>span{opacity:1}:host>.loader{display:none}:host>svg{display:none}:host>.no-animation{display:block}}
|
|
25
25
|
`,W=e`:host{--ds-auro-loader-background-color: currentcolor;--ds-auro-loader-border-color: currentcolor;--ds-auro-loader-color: currentcolor}
|
|
26
26
|
`;class j extends o{constructor(){super(),this.keys=[0,1,2,3,4,5,6,7,8,9],this.mdCount=3,this.smCount=2,this.runtimeUtils=new E,this.orbit=!1,this.ringworm=!1,this.laser=!1,this.pulse=!1}static get properties(){return{laser:{type:Boolean,reflect:!0},orbit:{type:Boolean,reflect:!0},pulse:{type:Boolean,reflect:!0},ringworm:{type:Boolean,reflect:!0}}}static get styles(){return[D,O,W]}static register(e="auro-loader"){E.prototype.registerComponent(e,j)}firstUpdated(){this.runtimeUtils.handleComponentTagRename(this,"auro-loader")}connectedCallback(){super.connectedCallback()}defineTemplate(){let e=Array.from(Array(this.mdCount).keys());return this.orbit||this.laser?e=Array.from(Array(this.smCount).keys()):this.ringworm&&(e=Array.from(Array(0).keys())),e}render(){return t`
|
package/dist/index.d.ts
CHANGED
|
@@ -26,7 +26,7 @@ let d=class{registerComponent(e,t){customElements.get(e)||customElements.define(
|
|
|
26
26
|
<slot></slot>
|
|
27
27
|
</div>
|
|
28
28
|
</div>
|
|
29
|
-
`}};const x=new WeakMap,y=new WeakMap,w=({host:e,target:t,matcher:o,removeOriginal:r=true})=>{y.has(e)||y.set(e,{matchers:new Set,targets:new Map});const a=y.get(e);return a.matchers.add(o),a.targets.has(t)||a.targets.set(t,new Map),a.targets.get(t).set(o,{removeOriginal:r,currentAttributes:new Map}),k({host:e,target:t,matcher:o,removeOriginal:r}),S(e),{cleanup:()=>z(e,t,o),getObservedAttributes:()=>U(e,t,o),getObservedAttribute:r=>q(e,t,o,r)}},z=(e,t,o)=>{const r=y.get(e);if(!r)return;const a=r.targets.get(t);a&&(a.delete(o),0===a.size&&r.targets.delete(t));let s=false;for(const e of r.targets.values())if(e.has(o)){s=true;break}s||r.matchers.delete(o),0!==r.targets.size&&0!==r.matchers.size||A(e);},k=({host:e,target:t,matcher:o,removeOriginal:r=true})=>{const a=e.getAttributeNames().filter(e=>o(e)).reduce((t,o)=>(t[o]=e.getAttribute(o),t),{});Object.entries(a).forEach(([a,s])=>{C(e,t,o,a,s),t.setAttribute(a,s),r&&e.removeAttribute(a);});},S=e=>{if(x.has(e))return x.get(e);const t=new MutationObserver(t=>{const o=y.get(e);o&&t.filter(e=>"attributes"===e.type).forEach(t=>{const r=t.attributeName;for(const t of o.matchers)if(t(r))for(const[r,a]of o.targets.entries())if(a.has(t)){const{removeOriginal:o}=a.get(t);k({host:e,target:r,matcher:t,removeOriginal:o});}});});return t.observe(e,{attributes:true}),x.set(e,t),t},A=e=>{if(x.has(e)){x.get(e).disconnect(),x.delete(e);}y.has(e)&&y.delete(e);},B=(e,t,o)=>{const r=y.get(e);if(!r)return;const a=r.targets.get(t);return a?a.get(o):void 0},C=(e,t,o,r,a)=>{const s=B(e,t,o);s&&s.currentAttributes.set(r,a);},q=(e,t,o,r)=>{const a=B(e,t,o);if(a)return a.currentAttributes.get(r)},U=(e,t,o)=>{const r=B(e,t,o);return r?Array.from(r.currentAttributes.entries()):[]},R={"aria-":e=>e.startsWith("aria-"),role:e=>e.match(/^role$/),tabindex:e=>e.match(/^tabindex$/)},H=({host:e,target:t,removeOriginal:o=true,ignore:r})=>(({host:e,target:t,match:o,removeOriginal:r=true})=>{if("object"!=typeof e||!(e instanceof HTMLElement))throw new TypeError('a11yUtilities.js | transportAttributes | The "host" parameter must be an instance of HTMLElement.');if("object"!=typeof t||!(t instanceof HTMLElement))throw new TypeError('a11yUtilities.js | transportAttributes | The "target" parameter must be an instance of HTMLElement.');if("function"!=typeof o)throw new TypeError('a11yUtilities.js | transportAttributes | The "match" parameter must be a function.');if("boolean"!=typeof r)throw new TypeError('a11yUtilities.js | transportAttributes | The "removeOriginal" parameter must be a boolean.');return w({host:e,target:t,matcher:o,removeOriginal:r})})({host:e,target:t,match:e=>{if(r&&r.includes(e))return false;for(const t in R)if(R[t](e))return true;return false},removeOriginal:o});class M{generateElementName(e,t){let o=e;return o+="-",o+=t.replace(/[.]/g,"_"),o}generateTag(e,t,o){const r=this.generateElementName(e,t),a=literal`${unsafeStatic(r)}`;return customElements.get(r)||customElements.define(r,class extends o{}),a}}class T{registerComponent(e,t){customElements.get(e)||customElements.define(e,class extends t{});}closestElement(e,t=this,o=(t,r=t&&t.closest(e))=>t&&t!==document&&t!==window?r||o(t.getRootNode().host):null){return o(t)}handleComponentTagRename(e,t){const o=t.toLowerCase();e.tagName.toLowerCase()!==o&&e.setAttribute(o,true);}elementMatch(e,t){const o=t.toLowerCase();return e.tagName.toLowerCase()===o||e.hasAttribute(o)}getSlotText(e,t){const o=e.shadowRoot?.querySelector(`slot[name="${t}"]`);return (o?.assignedNodes({flatten:true})||[]).map(e=>e.textContent?.trim()).join(" ").trim()||null}}var I='<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-labelledby="external-link-stroke__title external-link-stroke__desc" class="ico_squareLarge" role="img" style="min-width:var(--auro-size-lg, var(--ds-size-300, 1.5rem));height:var(--auro-size-lg, var(--ds-size-300, 1.5rem));fill:currentColor" viewBox="0 0 24 24" part="svg"><title id="external-link-stroke__title">Link to external site.</title><desc id="external-link-stroke__desc">This indicates a link to an external site that may not follow the same accessibility or privacy policies as Alaska Airlines. By selecting a partner link you agree to share your data with these sites.</desc><path d="M7 6.25h5a.75.75 0 0 1 .102 1.494L12 7.75H7a1.25 1.25 0 0 0-1.244 1.123L5.75 9v8c0 .648.492 1.18 1.122 1.244L7 18.25h8a1.25 1.25 0 0 0 1.244-1.122L16.25 17v-5a.75.75 0 0 1 1.493-.101l.007.101v5a2.75 2.75 0 0 1-2.582 2.745L15 19.75H7a2.75 2.75 0 0 1-2.745-2.582L4.25 17V9a2.75 2.75 0 0 1 2.582-2.745zh5zm12.025-2 .125.015.11.032.128.061c.18.108.317.29.353.522l.009.12v5a.75.75 0 0 1-1.493.102L18.25 10V6.811l-6.72 6.72a.75.75 0 0 1-1.133-.977l.073-.084 6.718-6.72H14a.75.75 0 0 1-.743-.648L13.25 5a.75.75 0 0 1 .648-.743L14 4.25z"/></svg>',N='<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-labelledby="new-window-stroke__title new-window-stroke__desc" class="ico_squareLarge" role="img" style="min-width:var(--auro-size-lg, var(--ds-size-300, 1.5rem));height:var(--auro-size-lg, var(--ds-size-300, 1.5rem));fill:currentColor" viewBox="0 0 24 24" part="svg"><title id="new-window-stroke__title">Link will open a new tab or window.</title><desc id="new-window-stroke__desc">Notice indicator to alert users that action will result in the browser opening a new tab or window.</desc><path fill-rule="evenodd" d="M20.246 5.687a2.063 2.063 0 0 0-2.058-1.937H8.813l-.126.004A2.063 2.063 0 0 0 6.75 5.813v.937H6.5l-.168.005A2.75 2.75 0 0 0 3.75 9.5v8l.005.168A2.75 2.75 0 0 0 6.5 20.25h8l.168-.005A2.75 2.75 0 0 0 17.25 17.5v-.25h.938l.125-.004a2.063 2.063 0 0 0 1.937-2.058V5.813zM15.75 17.25H8.813a2.063 2.063 0 0 1-2.06-1.937l-.003-.126V8.25H6.5a1.25 1.25 0 0 0-1.244 1.123L5.25 9.5v8c0 .648.492 1.18 1.122 1.244l.128.006h8a1.25 1.25 0 0 0 1.243-1.122l.007-.128zm-6.625-12h8.75l.09.005a.875.875 0 0 1 .785.87v8.75l-.005.09a.875.875 0 0 1-.87.785h-8.75l-.09-.005a.875.875 0 0 1-.785-.87v-8.75l.005-.09a.875.875 0 0 1 .87-.785m4.28 1.757L13.507 7c.38 0 .693.3.743.69l.007.11-.007 1.938h2c.38 0 .694.301.743.691l.007.108c0 .405-.282.74-.648.792l-.102.007h-2.001l.001 1.865c0 .404-.282.739-.648.792L13.5 14c-.38 0-.694-.3-.743-.69l-.007-.11-.001-1.864H10.75c-.38 0-.694-.3-.743-.69L10 10.537c0-.404.282-.738.648-.791l.102-.008h2l.007-1.939c0-.404.282-.739.648-.792"/></svg>';class L extends LitElement{static get properties(){return {appearance:{type:String,reflect:true},layout:{type:String,attribute:"layout",reflect:true},shape:{type:String,attribute:"shape",reflect:true},size:{type:String,attribute:"size",reflect:true},onDark:{type:Boolean,attribute:"ondark",reflect:true}}}}class _ extends L{constructor(){super(),this.appearance="default",this.download=false,this.relative=false,this.ondark=false,this.variant="primary",this.layout="cta"===this.type?"block":null,this.shape="cta"===this.type?"rounded":null,this.size="cta"===this.type?"md":null,this.defaultReferrerPolicy="strict-origin-when-cross-origin",this.ariapressed="false",this.tabIsActive="false",this.runtimeUtils=new T,this.addEventListener("touchstart",function(){this.classList.add("is-touching");});}static get properties(){return {...L.properties,appearance:{type:String,reflect:true},href:{type:String,reflect:true},rel:{type:String,reflect:true},target:{type:String,reflect:true},download:{type:Boolean,reflect:true},relative:{type:Boolean,reflect:true},ondark:{type:Boolean},type:{type:String,reflect:true},fluid:{type:Boolean},referrerpolicy:{type:Boolean,reflect:true},variant:{type:String,reflect:true}}}firstUpdated(){this.runtimeUtils.handleComponentTagRename(this,"auro-hyperlink");}get safeUri(){return this.href?this.safeUrl(this.href,this.relative):""}get includesDomain(){return !!this.href&&this.safeUri.includes("http")}safeUrl(e,t){if(!e)return;const o=new URL(e,"https://www.alaskaair.com");switch(o.protocol){case "tel:":case "sms:":case "mailto:":return e;case "javascript:":case "data:":case "vbscript:":return;default:return t?e.replace(/^(?:[^:]+:)?\/\/?/,"/"):(o.protocol="https:",o.href)}}generateIconHtml(e){const t=(new DOMParser).parseFromString(e,"text/html").body.firstChild;return t.setAttribute("slot","svg"),html`<${this.iconTag} customColor customSvg part="targetIcon">${t}</${this.iconTag}>`}targetIcon(e){const t=e=>{if(this.relative)return true;return new URL(e).hostname.endsWith(".alaskaair.com")};return "_blank"===e&&t(this.safeUri)?this.generateIconHtml(N):"_blank"===e&&!t(this.safeUri)&&this.includesDomain?this.generateIconHtml(I):void 0}getTabState(e){return true===e?"is-active":""}getRelType(e,t){return t||("_blank"===e&&this.safeUri.includes("alaskaair.com")?t:"_blank"!==e||!this.includesDomain||this.rel||this.referrerpolicy?"_blank"===e&&this.referrerpolicy?"external":void 0:"noOpener noReferrer")}ariaPressedState(e){const t=function(e){const t=this.shadowRoot.querySelector("[aria-pressed]");t.setAttribute("aria-pressed","false"),"mousedown"===e.type?t.ariaPressed=true:t.ariaPressed=false,"keydown"===e.type&&("Enter"===e.code?(t.ariaPressed=true,this.hyperlinkRef?.value&&"button"===this.hyperlinkRef.value.role&&this.click()):t.ariaPressed=false);};return this.addEventListener("mousedown",t),this.addEventListener("mouseup",t),this.addEventListener("keydown",t),this.addEventListener("keyup",t),e}render(){return this.getMarkup()}}class ${generateElementName(e,t){let o=e;return o+="-",o+=t.replace(/[.]/g,"_"),o}generateTag(e,t,o){const r=this.generateElementName(e,t),a=literal`${unsafeStatic(r)}`;return customElements.get(r)||customElements.define(r,class extends o{}),a}}class F{registerComponent(e,t){customElements.get(e)||customElements.define(e,class extends t{});}closestElement(e,t=this,o=(t,r=t&&t.closest(e))=>t&&t!==document&&t!==window?r||o(t.getRootNode().host):null){return o(t)}handleComponentTagRename(e,t){const o=t.toLowerCase();e.tagName.toLowerCase()!==o&&e.setAttribute(o,true);}elementMatch(e,t){const o=t.toLowerCase();return e.tagName.toLowerCase()===o||e.hasAttribute(o)}getSlotText(e,t){const o=e.shadowRoot?.querySelector(`slot[name="${t}"]`);return (o?.assignedNodes({flatten:true})||[]).map(e=>e.textContent?.trim()).join(" ").trim()||null}}class E{registerComponent(e,t){customElements.get(e)||customElements.define(e,class extends t{});}closestElement(e,t=this,o=(t,r=t&&t.closest(e))=>t&&t!==document&&t!==window?r||o(t.getRootNode().host):null){return o(t)}handleComponentTagRename(e,t){const o=t.toLowerCase();e.tagName.toLowerCase()!==o&&e.setAttribute(o,true);}elementMatch(e,t){const o=t.toLowerCase();return e.tagName.toLowerCase()===o||e.hasAttribute(o)}}var O=css`:host{color:var(--ds-auro-loader-color)}:host>span{background-color:var(--ds-auro-loader-background-color);border-color:var(--ds-auro-loader-border-color)}:host([onlight]){--ds-auro-loader-color: var(--ds-basic-color-brand-primary, #01426a)}:host([ondark]){--ds-auro-loader-color: var(--ds-basic-color-texticon-inverse, #ffffff)}:host([orbit])>span{--ds-auro-loader-background-color: transparent}:host([orbit])>span:nth-child(1){--ds-auro-loader-border-color: currentcolor;opacity:.25}:host([orbit])>span:nth-child(2){--ds-auro-loader-border-color: currentcolor;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent}
|
|
29
|
+
`}};const x=new WeakMap,y=new WeakMap,w=({host:e,target:t,matcher:o,removeOriginal:r=true})=>{y.has(e)||y.set(e,{matchers:new Set,targets:new Map});const a=y.get(e);return a.matchers.add(o),a.targets.has(t)||a.targets.set(t,new Map),a.targets.get(t).set(o,{removeOriginal:r,currentAttributes:new Map}),k({host:e,target:t,matcher:o,removeOriginal:r}),S(e),{cleanup:()=>z(e,t,o),getObservedAttributes:()=>R(e,t,o),getObservedAttribute:r=>q(e,t,o,r)}},z=(e,t,o)=>{const r=y.get(e);if(!r)return;const a=r.targets.get(t);a&&(a.delete(o),0===a.size&&r.targets.delete(t));let s=false;for(const e of r.targets.values())if(e.has(o)){s=true;break}s||r.matchers.delete(o),0!==r.targets.size&&0!==r.matchers.size||A(e);},k=({host:e,target:t,matcher:o,removeOriginal:r=true})=>{const a=e.getAttributeNames().filter(e=>o(e)).reduce((t,o)=>(t[o]=e.getAttribute(o),t),{});Object.entries(a).forEach(([a,s])=>{C(e,t,o,a,s),t.setAttribute(a,s),r&&e.removeAttribute(a);});},S=e=>{if(x.has(e))return x.get(e);const t=new MutationObserver(t=>{const o=y.get(e);o&&t.filter(e=>"attributes"===e.type).forEach(t=>{const r=t.attributeName;for(const t of o.matchers)if(t(r))for(const[r,a]of o.targets.entries())if(a.has(t)){const{removeOriginal:o}=a.get(t);k({host:e,target:r,matcher:t,removeOriginal:o});}});});return t.observe(e,{attributes:true}),x.set(e,t),t},A=e=>{if(x.has(e)){x.get(e).disconnect(),x.delete(e);}y.has(e)&&y.delete(e);},B=(e,t,o)=>{const r=y.get(e);if(!r)return;const a=r.targets.get(t);return a?a.get(o):void 0},C=(e,t,o,r,a)=>{const s=B(e,t,o);s&&s.currentAttributes.set(r,a);},q=(e,t,o,r)=>{const a=B(e,t,o);if(a)return a.currentAttributes.get(r)},R=(e,t,o)=>{const r=B(e,t,o);return r?Array.from(r.currentAttributes.entries()):[]},U={"aria-":e=>e.startsWith("aria-"),role:e=>e.match(/^role$/),tabindex:e=>e.match(/^tabindex$/)},H=({host:e,target:t,removeOriginal:o=true,ignore:r})=>(({host:e,target:t,match:o,removeOriginal:r=true})=>{if("object"!=typeof e||!(e instanceof HTMLElement))throw new TypeError('a11yUtilities.js | transportAttributes | The "host" parameter must be an instance of HTMLElement.');if("object"!=typeof t||!(t instanceof HTMLElement))throw new TypeError('a11yUtilities.js | transportAttributes | The "target" parameter must be an instance of HTMLElement.');if("function"!=typeof o)throw new TypeError('a11yUtilities.js | transportAttributes | The "match" parameter must be a function.');if("boolean"!=typeof r)throw new TypeError('a11yUtilities.js | transportAttributes | The "removeOriginal" parameter must be a boolean.');return w({host:e,target:t,matcher:o,removeOriginal:r})})({host:e,target:t,match:e=>{if(r&&r.includes(e))return false;for(const t in U)if(U[t](e))return true;return false},removeOriginal:o});class M{generateElementName(e,t){let o=e;return o+="-",o+=t.replace(/[.]/g,"_"),o}generateTag(e,t,o){const r=this.generateElementName(e,t),a=literal`${unsafeStatic(r)}`;return customElements.get(r)||customElements.define(r,class extends o{}),a}}class T{registerComponent(e,t){customElements.get(e)||customElements.define(e,class extends t{});}closestElement(e,t=this,o=(t,r=t&&t.closest(e))=>t&&t!==document&&t!==window?r||o(t.getRootNode().host):null){return o(t)}handleComponentTagRename(e,t){const o=t.toLowerCase();e.tagName.toLowerCase()!==o&&e.setAttribute(o,true);}elementMatch(e,t){const o=t.toLowerCase();return e.tagName.toLowerCase()===o||e.hasAttribute(o)}getSlotText(e,t){const o=e.shadowRoot?.querySelector(`slot[name="${t}"]`);return (o?.assignedNodes({flatten:true})||[]).map(e=>e.textContent?.trim()).join(" ").trim()||null}}var I='<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-labelledby="external-link-stroke__title external-link-stroke__desc" class="ico_squareLarge" role="img" style="min-width:var(--auro-size-lg, var(--ds-size-300, 1.5rem));height:var(--auro-size-lg, var(--ds-size-300, 1.5rem));fill:currentColor" viewBox="0 0 24 24" part="svg"><title id="external-link-stroke__title">Link to external site.</title><desc id="external-link-stroke__desc">This indicates a link to an external site that may not follow the same accessibility or privacy policies as Alaska Airlines. By selecting a partner link you agree to share your data with these sites.</desc><path d="M7 6.25h5a.75.75 0 0 1 .102 1.494L12 7.75H7a1.25 1.25 0 0 0-1.244 1.123L5.75 9v8c0 .648.492 1.18 1.122 1.244L7 18.25h8a1.25 1.25 0 0 0 1.244-1.122L16.25 17v-5a.75.75 0 0 1 1.493-.101l.007.101v5a2.75 2.75 0 0 1-2.582 2.745L15 19.75H7a2.75 2.75 0 0 1-2.745-2.582L4.25 17V9a2.75 2.75 0 0 1 2.582-2.745zh5zm12.025-2 .125.015.11.032.128.061c.18.108.317.29.353.522l.009.12v5a.75.75 0 0 1-1.493.102L18.25 10V6.811l-6.72 6.72a.75.75 0 0 1-1.133-.977l.073-.084 6.718-6.72H14a.75.75 0 0 1-.743-.648L13.25 5a.75.75 0 0 1 .648-.743L14 4.25z"/></svg>',N='<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-labelledby="new-window-stroke__title new-window-stroke__desc" class="ico_squareLarge" role="img" style="min-width:var(--auro-size-lg, var(--ds-size-300, 1.5rem));height:var(--auro-size-lg, var(--ds-size-300, 1.5rem));fill:currentColor" viewBox="0 0 24 24" part="svg"><title id="new-window-stroke__title">Link will open a new tab or window.</title><desc id="new-window-stroke__desc">Notice indicator to alert users that action will result in the browser opening a new tab or window.</desc><path fill-rule="evenodd" d="M20.246 5.687a2.063 2.063 0 0 0-2.058-1.937H8.813l-.126.004A2.063 2.063 0 0 0 6.75 5.813v.937H6.5l-.168.005A2.75 2.75 0 0 0 3.75 9.5v8l.005.168A2.75 2.75 0 0 0 6.5 20.25h8l.168-.005A2.75 2.75 0 0 0 17.25 17.5v-.25h.938l.125-.004a2.063 2.063 0 0 0 1.937-2.058V5.813zM15.75 17.25H8.813a2.063 2.063 0 0 1-2.06-1.937l-.003-.126V8.25H6.5a1.25 1.25 0 0 0-1.244 1.123L5.25 9.5v8c0 .648.492 1.18 1.122 1.244l.128.006h8a1.25 1.25 0 0 0 1.243-1.122l.007-.128zm-6.625-12h8.75l.09.005a.875.875 0 0 1 .785.87v8.75l-.005.09a.875.875 0 0 1-.87.785h-8.75l-.09-.005a.875.875 0 0 1-.785-.87v-8.75l.005-.09a.875.875 0 0 1 .87-.785m4.28 1.757L13.507 7c.38 0 .693.3.743.69l.007.11-.007 1.938h2c.38 0 .694.301.743.691l.007.108c0 .405-.282.74-.648.792l-.102.007h-2.001l.001 1.865c0 .404-.282.739-.648.792L13.5 14c-.38 0-.694-.3-.743-.69l-.007-.11-.001-1.864H10.75c-.38 0-.694-.3-.743-.69L10 10.537c0-.404.282-.738.648-.791l.102-.008h2l.007-1.939c0-.404.282-.739.648-.792"/></svg>';class L extends LitElement{static get properties(){return {appearance:{type:String,reflect:true},layout:{type:String,attribute:"layout",reflect:true},shape:{type:String,attribute:"shape",reflect:true},size:{type:String,attribute:"size",reflect:true},onDark:{type:Boolean,attribute:"ondark",reflect:true}}}}class _ extends L{constructor(){super(),this.appearance="default",this.download=false,this.ondark=false,this.variant="primary",this.layout="cta"===this.type?"block":null,this.shape="cta"===this.type?"rounded":null,this.size="cta"===this.type?"md":null,this.defaultReferrerPolicy="strict-origin-when-cross-origin",this.ariapressed="false",this.tabIsActive="false",this.runtimeUtils=new T,this.addEventListener("touchstart",function(){this.classList.add("is-touching");});}static get properties(){return {...L.properties,appearance:{type:String,reflect:true},href:{type:String,reflect:true},rel:{type:String,reflect:true},target:{type:String,reflect:true},download:{type:Boolean,reflect:true},relative:{type:Boolean,reflect:true},ondark:{type:Boolean},type:{type:String,reflect:true},fluid:{type:Boolean},referrerpolicy:{type:Boolean,reflect:true},variant:{type:String,reflect:true}}}firstUpdated(){this.runtimeUtils.handleComponentTagRename(this,"auro-hyperlink");}get safeUri(){return this.href?this.safeUrl(this.href):""}get includesDomain(){return !!this.href&&this.safeUri.includes("http")}safeUrl(e){if(!e)return;const t=new URL(e,window?.location?.href);switch(t.protocol){case "tel:":case "sms:":case "mailto:":return e;case "javascript:":case "data:":case "vbscript:":return;default:return t.protocol="https:",t.href}}generateIconHtml(e){const t=(new DOMParser).parseFromString(e,"text/html").body.firstChild;return t.setAttribute("slot","svg"),html`<${this.iconTag} customColor customSvg part="targetIcon">${t}</${this.iconTag}>`}targetIcon(e){if("_blank"===e)return t=this.safeUri,new URL(t).hostname===window.location.hostname?this.generateIconHtml(N):this.generateIconHtml(I);var t;}getTabState(e){return true===e?"is-active":""}getRelType(e,t){return t||("_blank"===e&&this.safeUri.includes("alaskaair.com")?t:"_blank"!==e||!this.includesDomain||this.rel||this.referrerpolicy?"_blank"===e&&this.referrerpolicy?"external":void 0:"noOpener noReferrer")}ariaPressedState(e){const t=function(e){const t=this.shadowRoot.querySelector("[aria-pressed]");t.setAttribute("aria-pressed","false"),"mousedown"===e.type?t.ariaPressed=true:t.ariaPressed=false,"keydown"===e.type&&("Enter"===e.code?(t.ariaPressed=true,this.hyperlinkRef?.value&&"button"===this.hyperlinkRef.value.role&&this.click()):t.ariaPressed=false);};return this.addEventListener("mousedown",t),this.addEventListener("mouseup",t),this.addEventListener("keydown",t),this.addEventListener("keyup",t),e}render(){return this.getMarkup()}}class ${generateElementName(e,t){let o=e;return o+="-",o+=t.replace(/[.]/g,"_"),o}generateTag(e,t,o){const r=this.generateElementName(e,t),a=literal`${unsafeStatic(r)}`;return customElements.get(r)||customElements.define(r,class extends o{}),a}}class F{registerComponent(e,t){customElements.get(e)||customElements.define(e,class extends t{});}closestElement(e,t=this,o=(t,r=t&&t.closest(e))=>t&&t!==document&&t!==window?r||o(t.getRootNode().host):null){return o(t)}handleComponentTagRename(e,t){const o=t.toLowerCase();e.tagName.toLowerCase()!==o&&e.setAttribute(o,true);}elementMatch(e,t){const o=t.toLowerCase();return e.tagName.toLowerCase()===o||e.hasAttribute(o)}getSlotText(e,t){const o=e.shadowRoot?.querySelector(`slot[name="${t}"]`);return (o?.assignedNodes({flatten:true})||[]).map(e=>e.textContent?.trim()).join(" ").trim()||null}}class E{registerComponent(e,t){customElements.get(e)||customElements.define(e,class extends t{});}closestElement(e,t=this,o=(t,r=t&&t.closest(e))=>t&&t!==document&&t!==window?r||o(t.getRootNode().host):null){return o(t)}handleComponentTagRename(e,t){const o=t.toLowerCase();e.tagName.toLowerCase()!==o&&e.setAttribute(o,true);}elementMatch(e,t){const o=t.toLowerCase();return e.tagName.toLowerCase()===o||e.hasAttribute(o)}}var O=css`:host{color:var(--ds-auro-loader-color)}:host>span{background-color:var(--ds-auro-loader-background-color);border-color:var(--ds-auro-loader-border-color)}:host([onlight]){--ds-auro-loader-color: var(--ds-basic-color-brand-primary, #01426a)}:host([ondark]){--ds-auro-loader-color: var(--ds-basic-color-texticon-inverse, #ffffff)}:host([orbit])>span{--ds-auro-loader-background-color: transparent}:host([orbit])>span:nth-child(1){--ds-auro-loader-border-color: currentcolor;opacity:.25}:host([orbit])>span:nth-child(2){--ds-auro-loader-border-color: currentcolor;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent}
|
|
30
30
|
`,D=css`.body-default{font-size:var(--wcss-body-default-font-size, 1rem);line-height:var(--wcss-body-default-line-height, 1.5rem)}.body-default,.body-lg{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-lg{font-size:var(--wcss-body-lg-font-size, 1.125rem);line-height:var(--wcss-body-lg-line-height, 1.625rem)}.body-sm{font-size:var(--wcss-body-sm-font-size, .875rem);line-height:var(--wcss-body-sm-line-height, 1.25rem)}.body-sm,.body-xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-xs{font-size:var(--wcss-body-xs-font-size, .75rem);line-height:var(--wcss-body-xs-line-height, 1rem)}.body-2xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:var(--wcss-body-2xs-font-size, .625rem);font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0);line-height:var(--wcss-body-2xs-line-height, .875rem)}.display-2xl{font-family:var(--wcss-display-2xl-family, "AS Circular"),var(--wcss-display-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-2xl-font-size, clamp(3.5rem, 6vw, 5.375rem));font-weight:var(--wcss-display-2xl-weight, 300);letter-spacing:var(--wcss-display-2xl-letter-spacing, 0);line-height:var(--wcss-display-2xl-line-height, 1.3)}.display-xl{font-family:var(--wcss-display-xl-family, "AS Circular"),var(--wcss-display-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xl-font-size, clamp(3rem, 5.3333333333vw, 4.5rem));font-weight:var(--wcss-display-xl-weight, 300);letter-spacing:var(--wcss-display-xl-letter-spacing, 0);line-height:var(--wcss-display-xl-line-height, 1.3)}.display-lg{font-family:var(--wcss-display-lg-family, "AS Circular"),var(--wcss-display-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-lg-font-size, clamp(2.75rem, 4.6666666667vw, 4rem));font-weight:var(--wcss-display-lg-weight, 300);letter-spacing:var(--wcss-display-lg-letter-spacing, 0);line-height:var(--wcss-display-lg-line-height, 1.3)}.display-md{font-family:var(--wcss-display-md-family, "AS Circular"),var(--wcss-display-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-md-font-size, clamp(2.5rem, 4vw, 3.5rem));font-weight:var(--wcss-display-md-weight, 300);letter-spacing:var(--wcss-display-md-letter-spacing, 0);line-height:var(--wcss-display-md-line-height, 1.3)}.display-sm{font-family:var(--wcss-display-sm-family, "AS Circular"),var(--wcss-display-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-sm-font-size, clamp(2rem, 3.6666666667vw, 3rem));font-weight:var(--wcss-display-sm-weight, 300);letter-spacing:var(--wcss-display-sm-letter-spacing, 0);line-height:var(--wcss-display-sm-line-height, 1.3)}.display-xs{font-family:var(--wcss-display-xs-family, "AS Circular"),var(--wcss-display-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xs-font-size, clamp(1.75rem, 3vw, 2.375rem));font-weight:var(--wcss-display-xs-weight, 300);letter-spacing:var(--wcss-display-xs-letter-spacing, 0);line-height:var(--wcss-display-xs-line-height, 1.3)}.heading-xl{font-family:var(--wcss-heading-xl-family, "AS Circular"),var(--wcss-heading-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xl-font-size, clamp(2rem, 3vw, 2.5rem));font-weight:var(--wcss-heading-xl-weight, 300);letter-spacing:var(--wcss-heading-xl-letter-spacing, 0);line-height:var(--wcss-heading-xl-line-height, 1.3)}.heading-lg{font-family:var(--wcss-heading-lg-family, "AS Circular"),var(--wcss-heading-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-lg-font-size, clamp(1.75rem, 2.6666666667vw, 2.25rem));font-weight:var(--wcss-heading-lg-weight, 300);letter-spacing:var(--wcss-heading-lg-letter-spacing, 0);line-height:var(--wcss-heading-lg-line-height, 1.3)}.heading-md{font-family:var(--wcss-heading-md-family, "AS Circular"),var(--wcss-heading-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-md-font-size, clamp(1.625rem, 2.3333333333vw, 1.75rem));font-weight:var(--wcss-heading-md-weight, 300);letter-spacing:var(--wcss-heading-md-letter-spacing, 0);line-height:var(--wcss-heading-md-line-height, 1.3)}.heading-sm{font-family:var(--wcss-heading-sm-family, "AS Circular"),var(--wcss-heading-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-sm-font-size, clamp(1.375rem, 2vw, 1.5rem));font-weight:var(--wcss-heading-sm-weight, 300);letter-spacing:var(--wcss-heading-sm-letter-spacing, 0);line-height:var(--wcss-heading-sm-line-height, 1.3)}.heading-xs{font-family:var(--wcss-heading-xs-family, "AS Circular"),var(--wcss-heading-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xs-font-size, clamp(1.25rem, 1.6666666667vw, 1.25rem));font-weight:var(--wcss-heading-xs-weight, 450);letter-spacing:var(--wcss-heading-xs-letter-spacing, 0);line-height:var(--wcss-heading-xs-line-height, 1.3)}.heading-2xs{font-family:var(--wcss-heading-2xs-family, "AS Circular"),var(--wcss-heading-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-2xs-font-size, clamp(1.125rem, 1.5vw, 1.125rem));font-weight:var(--wcss-heading-2xs-weight, 450);letter-spacing:var(--wcss-heading-2xs-letter-spacing, 0);line-height:var(--wcss-heading-2xs-line-height, 1.3)}.accent-2xl{font-family:var(--wcss-accent-2xl-family, "Good OT"),var(--wcss-accent-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xl-font-size, clamp(2rem, 3.1666666667vw, 2.375rem));font-weight:var(--wcss-accent-2xl-weight, 450);letter-spacing:var(--wcss-accent-2xl-letter-spacing, .05em);line-height:var(--wcss-accent-2xl-line-height, 1)}.accent-2xl,.accent-xl{text-transform:uppercase}.accent-xl{font-family:var(--wcss-accent-xl-family, "Good OT"),var(--wcss-accent-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xl-font-size, clamp(1.625rem, 2.3333333333vw, 2rem));font-weight:var(--wcss-accent-xl-weight, 450);letter-spacing:var(--wcss-accent-xl-letter-spacing, .05em);line-height:var(--wcss-accent-xl-line-height, 1.3)}.accent-lg{font-family:var(--wcss-accent-lg-family, "Good OT"),var(--wcss-accent-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-lg-font-size, clamp(1.5rem, 2.1666666667vw, 1.75rem));font-weight:var(--wcss-accent-lg-weight, 450);letter-spacing:var(--wcss-accent-lg-letter-spacing, .05em);line-height:var(--wcss-accent-lg-line-height, 1.3)}.accent-lg,.accent-md{text-transform:uppercase}.accent-md{font-family:var(--wcss-accent-md-family, "Good OT"),var(--wcss-accent-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-md-font-size, clamp(1.375rem, 1.8333333333vw, 1.5rem));font-weight:var(--wcss-accent-md-weight, 500);letter-spacing:var(--wcss-accent-md-letter-spacing, .05em);line-height:var(--wcss-accent-md-line-height, 1.3)}.accent-sm{font-family:var(--wcss-accent-sm-family, "Good OT"),var(--wcss-accent-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-sm-font-size, clamp(1.125rem, 1.5vw, 1.25rem));font-weight:var(--wcss-accent-sm-weight, 500);letter-spacing:var(--wcss-accent-sm-letter-spacing, .05em);line-height:var(--wcss-accent-sm-line-height, 1.3)}.accent-sm,.accent-xs{text-transform:uppercase}.accent-xs{font-family:var(--wcss-accent-xs-family, "Good OT"),var(--wcss-accent-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xs-font-size, clamp(1rem, 1.3333333333vw, 1rem));font-weight:var(--wcss-accent-xs-weight, 500);letter-spacing:var(--wcss-accent-xs-letter-spacing, .1em);line-height:var(--wcss-accent-xs-line-height, 1.3)}.accent-2xs{font-family:var(--wcss-accent-2xs-family, "Good OT"),var(--wcss-accent-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xs-font-size, clamp(.875rem, 1.1666666667vw, .875rem));font-weight:var(--wcss-accent-2xs-weight, 450);letter-spacing:var(--wcss-accent-2xs-letter-spacing, .1em);line-height:var(--wcss-accent-2xs-line-height, 1.3);text-transform:uppercase}:focus:not(:focus-visible){outline:3px solid transparent}:host,:host>span{position:relative}:host{width:2rem;height:2rem;display:inline-block;font-size:0}:host>span{position:absolute;display:inline-block;float:none;top:0;left:0;width:2rem;height:2rem;border-radius:100%;border-style:solid;border-width:0}:host([xs]),:host([xs])>span{width:1.2rem;height:1.2rem}:host([sm]),:host([sm])>span{width:3rem;height:3rem}:host([md]),:host([md])>span{width:5rem;height:5rem}:host([lg]),:host([lg])>span{width:8rem;height:8rem}:host{--margin: .375rem;--margin-xs: .2rem;--margin-sm: .5rem;--margin-md: .75rem;--margin-lg: 1rem}:host([pulse]),:host([pulse])>span{position:relative}:host([pulse]){width:calc(3rem + var(--margin) * 6);height:1.5rem}:host([pulse])>span{width:1rem;height:1rem;margin:var(--margin);animation:pulse 1.5s ease infinite}:host([pulse][xs]){width:calc(2.55rem + var(--margin-xs) * 6);height:1.55rem}:host([pulse][xs])>span{margin:var(--margin-xs);width:.65rem;height:.65rem}:host([pulse][sm]){width:calc(6rem + var(--margin-sm) * 6);height:2.5rem}:host([pulse][sm])>span{margin:var(--margin-sm);width:2rem;height:2rem}:host([pulse][md]){width:calc(9rem + var(--margin-md) * 6);height:3.5rem}:host([pulse][md])>span{margin:var(--margin-md);width:3rem;height:3rem}:host([pulse][lg]){width:calc(15rem + var(--margin-lg) * 6);height:5.5rem}:host([pulse][lg])>span{margin:var(--margin-lg);width:5rem;height:5rem}:host([pulse])>span:nth-child(1){animation-delay:-.4s}:host([pulse])>span:nth-child(2){animation-delay:-.2s}:host([pulse])>span:nth-child(3){animation-delay:0ms}@keyframes pulse{0%,to{opacity:.1;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}:host([orbit]),:host([orbit])>span{opacity:1}:host([orbit])>span{border-width:5px}:host([orbit])>span:nth-child(2){animation:orbit 2s linear infinite}:host([orbit][sm])>span{border-width:8px}:host([orbit][md])>span{border-width:13px}:host([orbit][lg])>span{border-width:21px}@keyframes orbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host([ringworm])>svg{animation:rotate 2s linear infinite;height:100%;width:100%;stroke:currentcolor;stroke-width:8}:host([ringworm]) .path{stroke-dashoffset:0;animation:ringworm 1.5s ease-in-out infinite;stroke-linecap:round}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes ringworm{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}to{stroke-dasharray:89,200;stroke-dashoffset:-124px}}:host([laser]){position:static;width:100%;display:block;height:0;overflow:hidden;font-size:unset}:host([laser])>span{position:fixed;width:100%;height:.25rem;border-radius:0;z-index:100}:host([laser])>span:nth-child(1){border-color:currentcolor;opacity:.25}:host([laser])>span:nth-child(2){border-color:currentcolor;animation:laser 2s linear infinite;opacity:1;width:50%}:host([laser][sm])>span:nth-child(2){width:20%}:host([laser][md])>span:nth-child(2){width:30%}:host([laser][lg])>span:nth-child(2){width:50%;animation-duration:1.5s}:host([laser][xl])>span:nth-child(2){width:80%;animation-duration:1.5s}@keyframes laser{0%{left:-100%}to{left:110%}}:host>.no-animation{display:none}@media (prefers-reduced-motion: reduce){:host{display:flex;align-items:center;justify-content:center}:host>span{opacity:1}:host>.loader{display:none}:host>svg{display:none}:host>.no-animation{display:block}}
|
|
31
31
|
`,W=css`:host{--ds-auro-loader-background-color: currentcolor;--ds-auro-loader-border-color: currentcolor;--ds-auro-loader-color: currentcolor}
|
|
32
32
|
`;class j extends LitElement{constructor(){super(),this.keys=[0,1,2,3,4,5,6,7,8,9],this.mdCount=3,this.smCount=2,this.runtimeUtils=new E,this.orbit=false,this.ringworm=false,this.laser=false,this.pulse=false;}static get properties(){return {laser:{type:Boolean,reflect:true},orbit:{type:Boolean,reflect:true},pulse:{type:Boolean,reflect:true},ringworm:{type:Boolean,reflect:true}}}static get styles(){return [D,O,W]}static register(e="auro-loader"){E.prototype.registerComponent(e,j);}firstUpdated(){this.runtimeUtils.handleComponentTagRename(this,"auro-loader");}connectedCallback(){super.connectedCallback();}defineTemplate(){let e=Array.from(Array(this.mdCount).keys());return this.orbit||this.laser?e=Array.from(Array(this.smCount).keys()):this.ringworm&&(e=Array.from(Array(0).keys())),e}render(){return html$1`
|
package/dist/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{A as AuroHyperlink}from"./auro-hyperlink-
|
|
1
|
+
export{A as AuroHyperlink}from"./auro-hyperlink-CKGl5UlS.js";import"lit";import"lit/directives/class-map.js";import"lit/directives/if-defined.js";import"lit/static-html.js";import"lit/directives/ref.js";
|
package/dist/registered.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{A as i}from"./auro-hyperlink-
|
|
1
|
+
import{A as i}from"./auro-hyperlink-CKGl5UlS.js";import"lit";import"lit/directives/class-map.js";import"lit/directives/if-defined.js";import"lit/static-html.js";import"lit/directives/ref.js";i.register();
|
package/package.json
CHANGED
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
"================================================================================"
|
|
8
8
|
],
|
|
9
9
|
"name": "@aurodesignsystem-dev/auro-hyperlink",
|
|
10
|
-
"version": "0.0.0-
|
|
10
|
+
"version": "0.0.0-pr316.0",
|
|
11
11
|
"description": "auro-hyperlink HTML custom element",
|
|
12
12
|
"repository": {
|
|
13
13
|
"type": "git",
|