save file

Author: javascript-2020

html-components/list/snippet-html-console/snippet-html-console.html

@@ -20,11 +20,11 @@
 
             <meta>
             <link rel=icon href=''>
-
+            
 
             <script src='https://ajaxorg.github.io/ace-builds/src-noconflict/ace.js'></script>
 
-            <script src='https://libs.ext-code.com/js/dom/component/component.js'></script>
+            <script src='https://libs.ext-code.com/js/dom/component/v3.0/component.js'></script>
 
             <script init>
                                                                                 console.clear();
@@ -50,12 +50,12 @@
 
 
         async function init(){
-          
+        
               var menu    = menumod();
 
               mod.base.add({ext,$,datatype,keydown,menu,menumod,ace});
 
-
+              
               hdr         = mod['html-components-hdr'];
               log         = mod['log-mod'];
 
@@ -82,7 +82,7 @@
         mod.stack.add;
 
         ({ext}    = await import('https://libs.ext-code.com/js/io/ext-loader/ext-loader.m.js'));
-          
+        
         var promise   = ext.load.libs(
               'js/dom/$.js',
               'js/core/datatype.js',
@@ -91,19 +91,19 @@
               'js/debug/debug.js',
         );
         [$,datatype,menumod,keydown,debug]   = await promise;
-  
+        
         mod.stack.complete;
-              
+        
 })();
 
             </script>
 
 
             <style>
-
+            
   html
     {font-family:arial}
-            
+    
   #latest
     {display:block;margin-top:50px;border:1px solid blue;border-radius:10px;padding:10px}
 
@@ -112,20 +112,20 @@
 
   code
     {display:block;white-space:pre;background:whitesmoke}
-
-  
+    
+    
   th {
     text-align: left;margin-bottom:10px
-  }    
+  }
 td, th {
   padding: 5px 0px;
-}  
+}
             </style>
 
       </head>
 
       <script>
-                  
+      
         var data    = {};
         data.readmd   = `
 # description
@@ -140,16 +140,16 @@
                   <h2 class=title style='top:10px'>snippet-html-console</h2>
                   <time slot=date datetime=2025-12-10>10 Dec 2025</time>
             </html-components-hdr>
-    
-      
+            
+            
             <h3>
                   Description
             </h3>
-      
-            <div class=description>            
-                  the snippet-html-console, allows running a html snippet with a console output                  
+            
+            <div class=description>
+                  the snippet-html-console, allows running a html snippet with a console output
             </div>
-
+            
 
             <h3>
                   Include
@@ -186,14 +186,14 @@ <h3>test</h3>
             <h3>
                   initmod
             </h3>
-
+            
               ext       = params.ext;
               $         = params.$;
               menu      = params.menu;
               ace       = params.ace;
               menumod   = params.menumod;
               log       = params.log;
-            
+              
             <div>
                   <table>
                         <tr>
@@ -245,7 +245,7 @@ <h3>
                               </td>
                         </tr>
                   </table>
-                        
+                  
             </div>
 
 
@@ -254,7 +254,7 @@ <h3>
     {margin:20px}
 
                   </style>
-            
+                  
             <section api>
                   <h3>
                         API
@@ -314,8 +314,8 @@ <h4>
 
                   </div>
             </section>
-
-
+            
+            
             <section>
                   <h3>
                         Examples
@@ -327,11 +327,11 @@ <h3>
 
             <section files>
                   <style>
-  
+                  
   [files] [tabs]
     {display:flex;text-align:center}
 
-  [files] [tabs] div                  
+  [files] [tabs] div
     {cursor:pointer;margin-bottom:10px;flex:1;border:1px solid lightgray;padding:5px 10px}
 
                   </style>
@@ -351,21 +351,21 @@ <h3>
                   <web-editor component id=editor mode=html fullsize src='https://libs.ext-code.com/html/snippet-html-console/snippet-html-console.html'></web-editor>
 
                   <script>
-
+                  
 
         mod.stack.push(()=>{
-          
+        
               var base    = 'https://libs.ext-code.com/html/snippet-html-console/';
               var get     = url=>fetch(url).then(res=>res.text());
 
               $.all('[files] [tabs] div').forEach(div=>{
-                    
+              
                     div.onclick   = async e=>{
-                      
+                    
                           var txt     = div.textContent.trim();
                           var src;
                           switch(txt){
-                            
+                          
                             case 'latest'   : src='snippet-html-console.html';                  break;
                             case 'v2.0'     : src='v2.0/snippet-html-console-v2.0.html';        break;
 
@@ -375,13 +375,13 @@ <h3>
                           editor.setValue(txt);
                           editor.filename(src);
                           editor.filename.save.hide();
-
-                    }//onclick                    
+                          
+                    }//onclick
 
               });
 
         });
-
+        
 
                   </script>
 
@@ -394,18 +394,18 @@ <h3>
 
 
       <script>
-
+      
 
         document.querySelectorAll('code script').forEach(node=>node.parentNode.textContent=node.textContent);
-
-
+        
+        
   //:
 
 
   //:
 
         function initdom(){
-          
+        
               hdr.initdom();
               log.initdom();