@aurodesignsystem-dev/auro-hyperlink 0.0.0-pr316.1 → 0.0.0-pr318.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.
Files changed (10) hide show
  1. package/README.md +101 -39
  2. package/custom-elements.json +1511 -1831
  3. package/demo/api.md +29 -28
  4. package/demo/auro-hyperlink.min.js +60 -47
  5. package/demo/index.md +12 -0
  6. package/dist/{auro-hyperlink-isNf5eLk.js → auro-hyperlink-BbOKgPQQ.js} +8 -8
  7. package/dist/index.d.ts +8 -8
  8. package/dist/index.js +1 -1
  9. package/dist/registered.js +1 -1
  10. package/package.json +6 -6
package/demo/api.md CHANGED
@@ -12,34 +12,35 @@
12
12
 
13
13
  ### Properties & Attributes
14
14
 
15
- | Properties | Attributes | Modifiers | Type | Default | Description |
16
- | -------------- | -------------- | --------- | ------- | ----------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
17
- | appearance | appearance | | string | "default" | Defines whether the component will be on lighter or darker backgrounds. |
18
- | download | download | | boolean | false | If true, the linked resource will be downloaded when the hyperlink is clicked. |
19
- | fluid | fluid | | boolean | | If true and `type="cta"`, the hyperlink will have a fluid-width UI. |
20
- | href | href | | string | | Defines the URL of the linked page. |
21
- | layout | layout | | string | {'default'} | Defines the language of an element. |
22
- | ondark | ondark | | boolean | false | DEPRECATED - use `appearance` instead. |
23
- | referrerpolicy | referrerpolicy | | boolean | | If true, sets `strict-origin-when-cross-origin` to control the referrer information sent with requests. |
24
- | rel | rel | | string | | Defines the relationship between the current document and the linked document. |
25
- | role | | | String | | Defines ARIA roles; currently supports `button` for extended experiences. |
26
- | safeUri | | readonly | string | | Returns a safe URI based on the provided `href`.<br>If `href` is truthy, it generates a safe URL using the `safeUrl` function.<br>Otherwise, it returns an empty string. |
27
- | target | target | | string | | Defines where to open the linked document. |
28
- | type | type | | string | | Defines the type of hyperlink; accepts `nav` or `cta`. |
29
- | variant | variant | | string | "primary" | Sets button variant option. |
30
-
15
+ | Properties | Attributes | Type | Default | Description |
16
+ | --- | --- | --- | --- | --- |
17
+ role | | String | | Defines ARIA roles; currently supports `button` for extended experiences.
18
+ safeUri | | | | Returns a safe URI based on the provided `href` and `relative` parameters.<br>If `href` is truthy, it generates a safe URL using the `safeUrl` function.<br>Otherwise, it returns an empty string.
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
+ appearance | appearance | string | 'default' | Defines whether the component will be on lighter or darker backgrounds.
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
+ ondark | ondark | boolean | false | DEPRECATED - use `appearance` instead.
24
+ variant | variant | string | "primary" | Sets button variant option.
25
+ href | href | string | | Defines the URL of the linked page.
26
+ rel | rel | string | | Defines the relationship between the current document and the linked document.
27
+ target | target | string | | Defines where to open the linked document.
28
+ type | type | string | | Defines the type of hyperlink; accepts `nav` or `cta`.
29
+ fluid | fluid | boolean | | If true and `type="cta"`, the hyperlink will have a fluid-width UI.
30
+ referrerpolicy | referrerpolicy | boolean | | If true, sets `strict-origin-when-cross-origin` to control the referrer information sent with requests.
31
+
31
32
  ### Methods
32
33
 
33
- | Name | Parameters | Return | Description |
34
- | -------- | ------------------------------------------------------------------- | ------ | ------------------------------------------------- |
35
- | register | `name` (string) - The name of element that you want to register to. | | This will register this element with the browser. |
36
-
34
+ | Name | Parameters | Return | Description |
35
+ | --- | --- | --- | --- |
36
+ register | `name` (string) - The name of element that you want to register to. | | This will register this element with the browser.
37
+
37
38
  ### CSS Shadow Parts
38
39
 
39
- | Name | Description |
40
- | ---------- | ---------------------------------------------------------------------------- |
41
- | link | Allows styling to be applied to the `a` element. |
42
- | targetIcon | Allows styling to be applied to the icon that appears next to the hyperlink. |
40
+ | Name | Description |
41
+ | --- | --- |
42
+ link | Allows styling to be applied to the `a` element.
43
+ targetIcon | Allows styling to be applied to the icon that appears next to the hyperlink.
43
44
  <!-- AURO-GENERATED-CONTENT:END -->
44
45
 
45
46
  ## API Examples
@@ -354,12 +355,12 @@ no hypertext transfer protocol absolute URL to <a class="hyperlink" href="https:
354
355
 
355
356
  #### Relative URLs
356
357
 
357
- Absolute URLs are not always preferred. When using relative URLs `auro-hyperlink` will insert the `https://` protocol and hostname into the `<a>` element in the shadowDOM.
358
+ Absolute URLs are not always preferred. When using relative URLs, use the `relative` attribute and `auro-hyperlink` will ignore the domain and the protocol.
358
359
 
359
360
  <div class="exampleWrapper">
360
361
  <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/relativeUrl.html) -->
361
362
  <!-- The below content is automatically added from ./../apiExamples/relativeUrl.html -->
362
- Example of a <auro-hyperlink href="#">relative URL</auro-hyperlink>.
363
+ Example of a <auro-hyperlink relative href="#">relative URL</auro-hyperlink>.
363
364
  <!-- AURO-GENERATED-CONTENT:END -->
364
365
  </div>
365
366
  <auro-accordion alignRight>
@@ -369,9 +370,9 @@ Absolute URLs are not always preferred. When using relative URLs `auro-hyperlink
369
370
 
370
371
  ```html
371
372
  <!-- Web component example -->
372
- Example of a <auro-hyperlink href="#">relative URL</auro-hyperlink>
373
+ Example of a <auro-hyperlink relative href="#">relative URL</auro-hyperlink>
373
374
  <!-- Output code in shadow DOM element -->
374
- Example of a <a class="hyperlink" href="https://auro.alaskaair.com/components/auro/hyperlink/api#"><slot>relative URL</slot></a>
375
+ Example of a <a class="hyperlink" href="#"><slot>relative URL</slot></a>
375
376
  ```
376
377
  <!-- AURO-GENERATED-CONTENT:END -->
377
378
  </auro-accordion>
package/demo/auro-hyperlink.min.js CHANGED
@@ -43,7 +43,7 @@ const t={ATTRIBUTE:1,CHILD:2},e$2=t=>(...e)=>({_$litDirective$:t,values:e});let
43
43
  * SPDX-License-Identifier: BSD-3-Clause
44
44
  */const o$3=o=>o??E;
45
45
 
46
- let p$1 = 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,true);}elementMatch(t,a){const e=a.toLowerCase();return t.tagName.toLowerCase()===e||t.hasAttribute(e)}};var u$2='<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>';let m$1 = class m extends i$2{static get properties(){return {hidden:{type:Boolean,reflect:true},hiddenVisually:{type:Boolean,reflect:true},hiddenAudible:{type:Boolean,reflect:true}}}hideAudible(t){return t?"true":"false"}};const g$1=new Map,f$3=(t,a={})=>{const e=a.responseParser||(t=>t.text());return g$1.has(t)||g$1.set(t,fetch(t).then(e)),g$1.get(t)};var w$1=i$5`: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}
46
+ let p$1 = 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,true);}elementMatch(t,a){const e=a.toLowerCase();return t.tagName.toLowerCase()===e||t.hasAttribute(e)}};var u$2='<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>';let m$1 = class m extends i$2{static get properties(){return {hidden:{type:Boolean,reflect:true},hiddenVisually:{type:Boolean,reflect:true},hiddenAudible:{type:Boolean,reflect:true}}}hideAudible(t){return t?"true":"false"}};const g$1=new Map,f$3=(t,a={})=>{const e=a.responseParser||(t=>t.text());return g$1.has(t)||g$1.set(t,fetch(t).then(e)),g$1.get(t)};var w$1=i$5`: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;line-height:1;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}.svgWrapper{height:var(--ds-auro-icon-size);width:var(--ds-auro-icon-size)}.labelWrapper{margin-left:var(--ds-size-50, .25rem);line-height:1.8}
47
47
  `;let z$1 = class z extends m$1{constructor(){super(),this.onDark=false,this.appearance="default";}static get properties(){return {...m$1.properties,onDark:{type:Boolean,reflect:true},appearance:{type:String,reflect:true},svg:{attribute:false,reflect:true}}}static get styles(){return w$1}async fetchIcon(t,a){let e="";e="logos"===t?await f$3(`${this.uri}/${t}/${a}.svg`):await f$3(`${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$2,"text/html");this.svg=t.body.firstChild;}}}catch(t){this.svg=void 0;}}};i$5`.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}
48
48
  `;var y$1=i$5`: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)}
49
49
  `;var k$1=i$5`: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)}
@@ -564,7 +564,7 @@ class AuroElement extends i$2 {
564
564
  */
565
565
  appearance: {
566
566
  type: String,
567
- reflect: true,
567
+ reflect: true
568
568
  },
569
569
 
570
570
  /**
@@ -607,8 +607,9 @@ class ComponentBase extends AuroElement {
607
607
  constructor() {
608
608
  super();
609
609
 
610
- this.appearance = "default";
610
+ this.appearance = 'default';
611
611
  this.download = false;
612
+ this.relative = false;
612
613
  this.ondark = false;
613
614
  this.variant = "primary";
614
615
 
@@ -672,7 +673,7 @@ class ComponentBase extends AuroElement {
672
673
  */
673
674
  appearance: {
674
675
  type: String,
675
- reflect: true,
676
+ reflect: true
676
677
  },
677
678
 
678
679
  /**
@@ -707,6 +708,14 @@ class ComponentBase extends AuroElement {
707
708
  reflect: true,
708
709
  },
709
710
 
711
+ /**
712
+ * If true, the auto URL re-write feature will be disabled.
713
+ */
714
+ relative: {
715
+ type: Boolean,
716
+ reflect: true,
717
+ },
718
+
710
719
  /**
711
720
  * DEPRECATED - use `appearance` instead.
712
721
  */
@@ -750,12 +759,12 @@ class ComponentBase extends AuroElement {
750
759
  }
751
760
 
752
761
  /**
753
- * Returns a safe URI based on the provided `href`.
762
+ * Returns a safe URI based on the provided `href` and `relative` parameters.
754
763
  * If `href` is truthy, it generates a safe URL using the `safeUrl` function.
755
764
  * Otherwise, it returns an empty string.
756
765
  *
757
766
  * @example
758
- * // Assuming this.href = 'http://example.com'
767
+ * // Assuming this.href = 'http://example.com' and this.relative = false
759
768
  * this.safeUri; // Returns 'http://example.com'
760
769
  *
761
770
  * @example
@@ -765,7 +774,7 @@ class ComponentBase extends AuroElement {
765
774
  * @returns {string} The safe URI or an empty string.
766
775
  */
767
776
  get safeUri() {
768
- return this.href ? this.safeUrl(this.href) : "";
777
+ return this.href ? this.safeUrl(this.href, this.relative) : "";
769
778
  }
770
779
 
771
780
  /**
@@ -793,58 +802,56 @@ class ComponentBase extends AuroElement {
793
802
  }
794
803
 
795
804
  /**
796
- * Generates a safe URL based on the provided `href` parameter.
805
+ * Generates a safe URL based on the provided `href` and `relative` parameters.
797
806
  * If `href` is falsy, it returns `undefined`.
798
807
  *
799
808
  * @example
800
- * // Assuming href = 'http://example.com'
801
- * this.safeUrl(href); // Returns 'https://example.com'
809
+ * // Assuming href = 'http://example.com' and relative = false
810
+ * this.safeUrl(href, relative); // Returns 'https://example.com'
802
811
  *
803
812
  * @example
804
- * // Assuming href = '/path/to/file'
805
- * this.safeUrl(href); // Returns 'https://<host>/path/to/file'
813
+ * // Assuming href = '/path/to/file' and relative = true
814
+ * this.safeUrl(href, relative); // Returns '/path/to/file'
806
815
  *
807
816
  * @example
808
817
  * // Assuming href = 'javascript:alert("Hello")'
809
- * this.safeUrl(href); // Returns undefined
818
+ * this.safeUrl(href, relative); // Returns undefined
810
819
  *
811
820
  * @private
812
821
  * @param {string} href - The original URL.
822
+ * @param {boolean} relative - Indicates whether the URL is relative.
813
823
  * @returns {string|undefined} The safe URL or `undefined`.
814
824
  */
815
- safeUrl(href) {
816
- let safeUrl;
817
-
825
+ safeUrl(href, relative) {
818
826
  if (!href) {
819
827
  return undefined;
820
828
  }
821
829
 
822
- const url = new URL(href, window?.location?.href);
830
+ const url = new URL(href, "https://www.alaskaair.com");
823
831
 
824
832
  switch (url.protocol) {
825
833
  case "tel:":
826
834
  case "sms:":
827
835
  case "mailto:":
828
- safeUrl = href;
829
- break;
836
+ return href;
830
837
 
831
838
  // Specifically want to render NO shadowDOM for the following refs
832
839
  case "javascript:":
833
840
  case "data:":
834
841
  case "vbscript:":
835
- safeUrl = undefined;
836
- break;
842
+ return undefined;
837
843
 
838
- default: {
839
- if (!window?.location?.href.includes("localhost")) {
844
+ default:
845
+ if (!relative) {
840
846
  url.protocol = "https:";
847
+ return url.href;
841
848
  }
842
- safeUrl = url.href;
843
- break;
844
- }
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(/^(?:[^:]+:)?\/\/?/, "/");
845
854
  }
846
-
847
- return safeUrl;
848
855
  }
849
856
 
850
857
  /**
@@ -888,20 +895,29 @@ class ComponentBase extends AuroElement {
888
895
  */
889
896
  targetIcon(target) {
890
897
  /**
891
- * Checks if a URL's domain is from the current domain or its subdomains.
898
+ * Checks if a URL's domain is from the 'alaskaair.com' domain or its subdomains.
892
899
  * @param {string} url - The URL to check.
893
- * @returns {boolean} Returns true if the URL's domain is equals to current domain or one of its subdomains, otherwise false.
900
+ * @returns {boolean} Returns true if the URL's domain is 'alaskaair.com' or one of its subdomains, otherwise false.
894
901
  */
895
- const isCurrentDomain = (url) => {
902
+ const isAlaskaAirDomain = (url) => {
903
+ // Relative URLs are considered part of alaskaair.com domain
904
+ if(this.relative) {
905
+ return true
906
+ }
896
907
  const urlObject = new URL(url);
897
- return urlObject.hostname === window.location.hostname;
908
+ return urlObject.hostname.endsWith(".alaskaair.com");
898
909
  };
899
910
 
900
- // 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
901
- if (target === "_blank") {
902
- if (isCurrentDomain(this.safeUri)) {
903
- return this.generateIconHtml(newWindow.svg);
904
- }
911
+ // If target is '_blank' and the URL's domain is 'alaskaair.com' or one of its subdomains, return icon for new window
912
+ if (target === "_blank" && isAlaskaAirDomain(this.safeUri)) {
913
+ return this.generateIconHtml(newWindow.svg);
914
+ }
915
+ if (
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
905
921
  return this.generateIconHtml(externalLink.svg);
906
922
  }
907
923
 
@@ -956,11 +972,8 @@ class ComponentBase extends AuroElement {
956
972
  return rel;
957
973
  }
958
974
 
959
- if (
960
- target === "_blank" &&
961
- this.safeUri.includes(window?.location?.hostname)
962
- ) {
963
- return undefined;
975
+ if (target === "_blank" && this.safeUri.includes("alaskaair.com")) {
976
+ return rel;
964
977
  }
965
978
 
966
979
  if (
@@ -1044,7 +1057,7 @@ class ComponentBase extends AuroElement {
1044
1057
  }
1045
1058
  }
1046
1059
 
1047
- var iconVersion = '9.1.1';
1060
+ var iconVersion = '9.1.0';
1048
1061
 
1049
1062
  class l{generateElementName(t,e){let o=t;return o+="-",o+=e.replace(/[.]/g,"_"),o}generateTag(o,s,a){const r=this.generateElementName(o,s),i$1=i`${s$1(r)}`;return customElements.get(r)||customElements.define(r,class extends a{}),i$1}}class d{registerComponent(t,e){customElements.get(t)||customElements.define(t,class extends e{});}closestElement(t,e=this,o=(e,s=e&&e.closest(t))=>e&&e!==document&&e!==window?s||o(e.getRootNode().host):null){return o(e)}handleComponentTagRename(t,e){const o=e.toLowerCase();t.tagName.toLowerCase()!==o&&t.setAttribute(o,true);}elementMatch(t,e){const o=e.toLowerCase();return t.tagName.toLowerCase()===o||t.hasAttribute(o)}getSlotText(t,e){const o=t.shadowRoot?.querySelector(`slot[name="${e}"]`);return (o?.assignedNodes({flatten:true})||[]).map(t=>t.textContent?.trim()).join(" ").trim()||null}}class h{registerComponent(t,e){customElements.get(t)||customElements.define(t,class extends e{});}closestElement(t,e=this,o=(e,s=e&&e.closest(t))=>e&&e!==document&&e!==window?s||o(e.getRootNode().host):null){return o(e)}handleComponentTagRename(t,e){const o=e.toLowerCase();t.tagName.toLowerCase()!==o&&t.setAttribute(o,true);}elementMatch(t,e){const o=e.toLowerCase();return t.tagName.toLowerCase()===o||t.hasAttribute(o)}}var c=i$5`: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}
1050
1063
  `,u=i$5`.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}}
@@ -1241,7 +1254,7 @@ class AuroHyperlink extends ComponentBase {
1241
1254
  const classes = {
1242
1255
  hyperlink: this.safeUri || this.role,
1243
1256
  "hyperlink--nav": this.type === "nav",
1244
- "hyperlink--ondark": this.appearance === "inverse" || this.ondark,
1257
+ 'hyperlink--ondark': this.appearance === 'inverse' || this.ondark,
1245
1258
  "hyperlink--button": this.role,
1246
1259
  "hyperlink--secondary": this.variant === "secondary",
1247
1260
  "hyperlink--tertiary": this.variant === "tertiary",
@@ -1257,11 +1270,11 @@ class AuroHyperlink extends ComponentBase {
1257
1270
  aria-pressed="${o$3(this.role === "button" ? this.ariaPressedState(this.ariapressed) : undefined)}"
1258
1271
  class="${e$1(classes)}"
1259
1272
  href="${o$3(this.role ? undefined : this.safeUri)}"
1260
- .rel="${o$3(this.target || this.rel ? this.getRelType(this.target, this.rel) : undefined)}"
1273
+ rel="${o$3(this.target || this.rel ? this.getRelType(this.target, this.rel) : undefined)}"
1261
1274
  referrerpolicy="${o$3(this.referrerpolicy ? this.defaultReferrerPolicy : undefined)}"
1262
1275
  role="${o$3(this.role === "button" ? this.role : undefined)}"
1263
1276
  ?download="${this.download}"
1264
- .target="${o$3(this.target ? this.target : undefined)}"
1277
+ target="${o$3(this.target && (this.includesDomain || this.relative) ? this.target : undefined)}"
1265
1278
  tabindex="${o$3(this.role === "button" ? "0" : undefined)}"
1266
1279
  >
1267
1280
  <slot></slot>
@@ -1281,7 +1294,7 @@ class AuroHyperlink extends ComponentBase {
1281
1294
  return u$1`
1282
1295
  <auro-hyperlink-button
1283
1296
  ${n(this.hyperlinkRef)}
1284
- appearance="${this.ondark ? "inverse" : this.appearance}"
1297
+ appearance="${this.ondark ? 'inverse' : this.appearance}"
1285
1298
  ?fluid="${this.fluid}"
1286
1299
  variant="${o$3(this.variant || undefined)}"
1287
1300
  shape="${o$3(this.shape || undefined)}"
package/demo/index.md CHANGED
@@ -185,9 +185,15 @@ The following examples illustrate the use of `<auro-hyperlink>` with either no `
185
185
  <p>
186
186
  <auro-hyperlink href="javascript:;">JavaScript not supported</auro-hyperlink>
187
187
  </p>
188
+ <p>
189
+ <auro-hyperlink relative href="javascript:;">JavaScript w/relative attr not supported</auro-hyperlink>
190
+ </p>
188
191
  <p>
189
192
  <auro-hyperlink href="data:text/plain;charset=utf-8,Hello%20World!">Data type not supported</auro-hyperlink>
190
193
  </p>
194
+ <p>
195
+ <auro-hyperlink relative href="data:text/plain;charset=utf-8,Hello%20World!">Data type w/relative attr not supported</auro-hyperlink>
196
+ </p>
191
197
  <!-- AURO-GENERATED-CONTENT:END -->
192
198
  </div>
193
199
  <auro-accordion alignRight>
@@ -202,8 +208,14 @@ The following examples illustrate the use of `<auro-hyperlink>` with either no `
202
208
  <p>
203
209
  <auro-hyperlink href="javascript:;">JavaScript not supported</auro-hyperlink>
204
210
  </p>
211
+ <p>
212
+ <auro-hyperlink relative href="javascript:;">JavaScript w/relative attr not supported</auro-hyperlink>
213
+ </p>
205
214
  <p>
206
215
  <auro-hyperlink href="data:text/plain;charset=utf-8,Hello%20World!">Data type not supported</auro-hyperlink>
216
+ </p>
217
+ <p>
218
+ <auro-hyperlink relative href="data:text/plain;charset=utf-8,Hello%20World!">Data type w/relative attr not supported</auro-hyperlink>
207
219
  </p>
208
220
  ```
209
221
  <!-- AURO-GENERATED-CONTENT:END -->