Dynamic vars > Shared vars

example/v4.html

@@ -34,7 +34,7 @@ <h2>Cross file contents</h2>
     <h2>Static vars</h2>
     <rr var="W:parts;">H1</rr>
     <rr var="W:things">H2</rr>
-    <h2>Dynamic vars</h2>
+    <h2>Shared vars</h2>
     <input htms-out="test">
     <p htms-in="test"></p>
     <h2>Modules</h2>

js/v4.js

@@ -55,6 +55,7 @@ function SGetSample(args, type) {
     }
     let sample = imports[args[3]];
     if (sample) {
+      // Static vars
       if (elm.getAttribute('var')) {
         elm.getAttribute('var')
           .split(';')
@@ -65,6 +66,7 @@ function SGetSample(args, type) {
             sample = sample.replaceAll(`\${${t[0]}}`, t[1])
           })
       }
+      // Add sample
       if (type === 'inject') {
         elm.innerHTML = sample;
       } else {
@@ -159,8 +161,8 @@ function SUpdate() {
     }
   }
 
-  // Dynamic vars
-  const valueElements = ['input', 'textarea', 'select'];
+  // Shared vars
+  const valueElements = ['input', 'textarea', 'select', 'meter', 'progress'];
   Array.from(document.querySelectorAll('[htms-out]')).forEach(u => {
     const tagName = u.tagName.toLowerCase();