Improved Examples Page

bwva · Jun 13, 2024 · 534904f · 534904f
1 parent 94c13e4
commit 534904f
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/ex/html_spinner_examples.html b/ex/html_spinner_examples.html
@@ -253,7 +253,7 @@ <h2 style="text-align:center">Some Examples</h2>
 ">Scan</button>
 <p style="font-size:4em;margin-top:0;margin-bottom:0;">
 <!-- These attributes define the spinner when first loaded -->
-<x-spinner id="sp6" rstatus="paused" rotor="1" color="#ddd" sp="1.5" tclr="#ccf" wt="8" dir="ccw" kern="0em" role="status" aria-wrap='true' aria-live="assertive" aria-label="Click for action!"></x-spinner><br>
+<x-spinner id="sp6" rstatus="paused" rotor="1" color="#ddd" sp="1.5" tclr="#ccf" wt="8" dir="ccw" kern="0em" role="status" aria-wrap='true'></x-spinner><br>
 </p>
 <hr>
 <button type="button" onclick="
@@ -286,7 +286,7 @@ <h2 id="searching" style="color:red;"> &nbsp; </h2>
  setItemValue(spng.id, '');
  spng.appendChild(sp);
  sp.setStyle( {'font-size': '3em'} );
- sp.setAttributes({color: 'turquoise', prefix: 'Spinning ', rstyle: 'double', role: 'alert', 'aria-wrap': 'true' });
+ sp.setAttributes({color: 'turquoise', prefix: 'Spinning ', rstyle: 'double', role: 'status', 'aria-wrap': 'true' });
  this.innerHTML='Stop It';
  }
  else {
@@ -308,7 +308,7 @@ <h2 id="searching" style="color:red;"> &nbsp; </h2>
  sp.go();
  this.innerHTML = 'Pause';
  }">Pause</button>
-<h2 id="spinning"> &nbsp; </h2>
+<p id="spinning"> &nbsp; </p>
 <hr>
 <button type="button" role='alert' style="font-weight:bold;height:1.6em;width:12ch;font-size:1.4em" onclick="
  if (this.innerHTML=='Run') {

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
  "name": "HTML-SpinnerElem",
- "version": "1.0.6",
+ "version": "1.0.7",
  "description": "A Javascript class for creating a custom web component to insert a spinner with options.",
  "main": "spinnerComponent.js",
  "scripts": {