save file

Author: javascript-2020

html-components/html-components.html

@@ -62,7 +62,7 @@
               mod.base.add({ext,$,datatype,keydown,menu,menumod,ace});
 
 
-              await mod.auto('demo-example-1');
+              await mod.auto('demo-example-1','demo-example-2-we','demo-example-2-sh');
 
 
               hdr                     = mod['html-components-hdr'];
@@ -508,8 +508,29 @@ <h3>
                     </div>
 
 
+                    <section>
+                          <p>
+                                It is entirely possible to have components the do not adhere to the above standard practices
+                          </p>
+                          <web-editor id=demo-example-2-we component fullsize mode=html src='https://libs.ext-code.com/html/demo/demo-example-2/demo-example-2.html'></web-editor>
+                          <p>
+                                and the code to include it
+                          </p>
+                          <snippet-html id=demo-example-2-sh component src='https://libs.ext-code.com/html/demo/demo-example-2/examples/demo-example.html'></snippet-html>
+                          <p>
+                                Here we have to give the component.js library a chance to load and build the component, mod.stack is a list of functions to
+                                when the component.js library has finished initialising.
+                          </p>
+                    </section>
 
-                    <div>
+                    
+                    
+                    <br>
+                    <br>
+                    
+                    <hr>
+                    
+                    <div style='margin-top:100px'>
                           <p>
                                 The component library just needs to be included as a script tag, it exposes a global property mod,
                                 it runs on window.onload, it has a loading stack that allows initialisation to be delayed until