From 09343cef1b2cdebdddcdf9315697e93605ef21bd Mon Sep 17 00:00:00 2001
From: rmenner <ryan.menner@alaskaair.com>
Date: Wed, 20 Nov 2024 18:52:22 -0500
Subject: [PATCH] fix: ariaPressed name changed to prevent conflict with html
 attribute #235

---
 demo/api.html          |  6 +-----
 demo/api.js            |  2 ++
 demo/api.min.js        | 10 ++++++----
 demo/index.html        |  6 +-----
 demo/index.js          |  2 ++
 demo/index.min.js      | 10 ++++++----
 src/auro-hyperlink.js  |  2 +-
 src/component-base.mjs |  6 +++---
 8 files changed, 22 insertions(+), 22 deletions(-)

diff --git a/demo/api.html b/demo/api.html
index 5e97ab8..722872d 100644
--- a/demo/api.html
+++ b/demo/api.html
@@ -23,7 +23,6 @@
       href="https://cdn.jsdelivr.net/npm/prismjs@1.24.1/themes/prism.css"
     />
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/design-tokens@latest/dist/tokens/CSSCustomProperties.css">
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/design-tokens@latest/dist/tokens/CSSCustomProperties.css">
     <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/webcorestylesheets@latest/dist/demoWrapper.css" />
     <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/webcorestylesheets@latest/dist/elementDemoStyles.css" />
     <style>
@@ -46,12 +45,9 @@
           Prism.highlightAll();
         });
     </script>
-    <script type="module" src="./api.min.js"></script>
+    <script defer type="module" src="./api.min.js"></script>
 
     <!-- If additional elements are needed for the demo, add them here. -->
     <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-accordion@latest/dist/auro-accordion__bundled.js" type="module"></script>
-    <script>
-      initHyperlinkApiExamples();
-    </script>
   </body>
 </html>
diff --git a/demo/api.js b/demo/api.js
index 38e12a6..bfeecb2 100644
--- a/demo/api.js
+++ b/demo/api.js
@@ -15,3 +15,5 @@ export function initHyperlinkApiExamples(initCount) {
     }
   }
 }
+
+initHyperlinkIndexExamples();
\ No newline at end of file
diff --git a/demo/api.min.js b/demo/api.min.js
index e29d453..e7feac8 100644
--- a/demo/api.min.js
+++ b/demo/api.min.js
@@ -148,17 +148,17 @@ class ComponentBase extends h {
     /**
      * @private
      */
-    this.ariaPressed = 'false';
+    this.ariapressed = 'false';
 
     /**
      * @private
      */
     this.tabIsActive = 'false';
 
-     /**
+    /**
      * @private
      */
-     this.runtimeUtils = new AuroLibraryRuntimeUtils$1();
+    this.runtimeUtils = new AuroLibraryRuntimeUtils$1();
 
     /*
       If the component requires a touch detection,
@@ -1039,7 +1039,7 @@ class AuroHyperlink extends ComponentBase {
       ${this.safeUri || this.role ? ke`
       <a
         part="link"
-        aria-pressed="${to(this.role === 'button' ? this.ariaPressedState(this.ariaPressed) : undefined)}"
+        aria-pressed="${to(this.role === 'button' ? this.ariaPressedState(this.ariapressed) : undefined)}"
         class="${Rt(classes)}"
         href="${to(this.role ? undefined : this.safeUri)}"
         rel="${to(this.target || this.rel ? this.getRelType(this.target, this.rel) : undefined)}"
@@ -1062,3 +1062,5 @@ AuroHyperlink.register();
 function initHyperlinkApiExamples(initCount) {
 }
 
+initHyperlinkIndexExamples();
+
diff --git a/demo/index.html b/demo/index.html
index 8826374..74cfca6 100644
--- a/demo/index.html
+++ b/demo/index.html
@@ -23,7 +23,6 @@
       href="https://cdn.jsdelivr.net/npm/prismjs@1.24.1/themes/prism.css"
     />
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/design-tokens@latest/dist/tokens/CSSCustomProperties.css">
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/design-tokens@latest/dist/tokens/CSSCustomProperties.css">
     <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/webcorestylesheets@latest/dist/demoWrapper.css" />
     <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/webcorestylesheets@latest/dist/elementDemoStyles.css" />
     <style>
@@ -46,12 +45,9 @@
           Prism.highlightAll();
         });
     </script>
-    <script type="module" src="./index.min.js"></script>
+    <script defer type="module" src="./index.min.js"></script>
 
     <!-- If additional elements are needed for the demo, add them here. -->
     <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-accordion@latest/dist/auro-accordion__bundled.js" type="module"></script>
-    <script>
-      initHyperlinkIndexExamples();
-    </script>
   </body>
 </html>
diff --git a/demo/index.js b/demo/index.js
index f69e238..f6e610b 100644
--- a/demo/index.js
+++ b/demo/index.js
@@ -18,3 +18,5 @@ export function initHyperlinkIndexExamples(initCount) {
     }
   }
 }
+
+initHyperlinkIndexExamples();
\ No newline at end of file
diff --git a/demo/index.min.js b/demo/index.min.js
index 38f21ed..a147530 100644
--- a/demo/index.min.js
+++ b/demo/index.min.js
@@ -176,17 +176,17 @@ class ComponentBase extends h {
     /**
      * @private
      */
-    this.ariaPressed = 'false';
+    this.ariapressed = 'false';
 
     /**
      * @private
      */
     this.tabIsActive = 'false';
 
-     /**
+    /**
      * @private
      */
-     this.runtimeUtils = new AuroLibraryRuntimeUtils$1();
+    this.runtimeUtils = new AuroLibraryRuntimeUtils$1();
 
     /*
       If the component requires a touch detection,
@@ -1067,7 +1067,7 @@ class AuroHyperlink extends ComponentBase {
       ${this.safeUri || this.role ? ke`
       <a
         part="link"
-        aria-pressed="${to(this.role === 'button' ? this.ariaPressedState(this.ariaPressed) : undefined)}"
+        aria-pressed="${to(this.role === 'button' ? this.ariaPressedState(this.ariapressed) : undefined)}"
         class="${Rt(classes)}"
         href="${to(this.role ? undefined : this.safeUri)}"
         rel="${to(this.target || this.rel ? this.getRelType(this.target, this.rel) : undefined)}"
@@ -1103,3 +1103,5 @@ function initHyperlinkIndexExamples(initCount) {
   }
 }
 
+initHyperlinkIndexExamples();
+
diff --git a/src/auro-hyperlink.js b/src/auro-hyperlink.js
index 184e150..95a670e 100644
--- a/src/auro-hyperlink.js
+++ b/src/auro-hyperlink.js
@@ -110,7 +110,7 @@ export class AuroHyperlink extends ComponentBase {
       ${this.safeUri || this.role ? html`
       <a
         part="link"
-        aria-pressed="${ifDefined(this.role === 'button' ? this.ariaPressedState(this.ariaPressed) : undefined)}"
+        aria-pressed="${ifDefined(this.role === 'button' ? this.ariaPressedState(this.ariapressed) : undefined)}"
         class="${classMap(classes)}"
         href="${ifDefined(this.role ? undefined : this.safeUri)}"
         rel="${ifDefined(this.target || this.rel ? this.getRelType(this.target, this.rel) : undefined)}"
diff --git a/src/component-base.mjs b/src/component-base.mjs
index 8c928b0..1a1c8af 100644
--- a/src/component-base.mjs
+++ b/src/component-base.mjs
@@ -33,17 +33,17 @@ export default class ComponentBase extends LitElement {
     /**
      * @private
      */
-    this.ariaPressed = 'false';
+    this.ariapressed = 'false';
 
     /**
      * @private
      */
     this.tabIsActive = 'false';
 
-     /**
+    /**
      * @private
      */
-     this.runtimeUtils = new AuroLibraryRuntimeUtils();
+    this.runtimeUtils = new AuroLibraryRuntimeUtils();
 
     /*
       If the component requires a touch detection,