diff --git a/index.html b/index.html
index 65aff97..ca9d1b4 100644
--- a/index.html
+++ b/index.html
@@ -258,7 +258,7 @@ <h4>6.a URL, history, WC defaults, and <code>^sel-all</code></h4>
         <button id="replaceHash" data-m-ex:_history.replace-state@.="[null, '', '#demo-replace']">Replace #demo-replace</button>
       </p>
       <p>Current hash: <span id="hashOut" data-m-ex:.@_init@_window.hashchange^.location.hash="val || '#'"></span></p>
-      <mx-step id="wcStep" data-m-ex:.@wc-step="'' + val" data-m-ex:wc-picked@.step-picked^ev="val.step"></mx-step>
+      <mx-step id="wcStep" data-m-ex:.@wc-step="'' + val" data-m-ex:wc-picked@.step-picked^ev="val.step" data-m-ex:wc-step@wc-picked="'' + val"></mx-step>
       <p>WC default <code>value</code> prop: <span data-m-ex:.@wc-step></span></p>
       <p>WC custom event detail: <span data-m-ex:.@wc-picked></span></p>
       <ul><li class="sel-all-demo-item">alpha</li><li class="sel-all-demo-item">beta</li><li class="sel-all-demo-item">gamma</li></ul>
@@ -487,7 +487,7 @@ <h3 style="margin:0 0 8px 0">Asserts</h3>
       get value() { return this._value }
       set value(v) { this._value = +v || 0; this.shadowRoot.querySelector('output').textContent = '' + this._value }
       connectedCallback() {
-        this.shadowRoot.querySelector('button').onclick = () => this.dispatchEvent(new CustomEvent('step-picked', { detail: { step: this._value + 1 } }))
+        this.shadowRoot.querySelector('button').onclick = () => { this.value = this._value + 1; this.dispatchEvent(new CustomEvent('step-picked', { detail: { step: this._value } })) }
         this.value = this._value
       }
     })