save file

Author: javascript-2020

html-components/html/html-components-hdr/html/top-menu/top-menu.html

@@ -0,0 +1,96 @@
+
+
+<top-menu v2.0>
+
+      <template shadowrootmode=open>
+
+            <style>
+            
+  #icon
+    {width:15px;height:22px;padding:2px;background:white;border:1px solid lightgray;border-radius:3px;box-sizing:border-box;cursor:pointer}
+    
+  .menu
+    {position:absolute;left:0;top:35px}
+            
+            </style>
+
+            <img id=icon src='data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAt1BMVEVHcEwbmPYcgfMchvQbsfkay/wbtvkbnfccefMayfwbmfYch/QchvQbtfkbmfYa1P0ddfIcivQcl/Ycj/Ubp/gcmfYdbPEbrvkazPwcmfYbqfgayfwayPwbv/sbvvobsvkazPwbqvga0fwbvPobtvocjvUbofcbpvccfPMcgPMcgvMdafAdbfEckfUbtvka0PwcfPIaxvsbwfsbvPodb/EcnPYclvYckfUbpvccjPQdd/IbofcbrPiPy8D0AAAAMHRSTlMAA/79/v7+5ycVZ3Y3h0xhu9jp8kFeF9OkVfQOrZi+Mh1z/iUJQ+/dx4fOYq7hybzs5xU1AAABIklEQVQ4y+2Ux3aDMBBFpTR6M92AwYB7S6EG/v+7MsJJnBBKVsnGdwHozT1HQgxC6MrfEkiSM+Y4khSgUxhazLDHWGF4QveAO2gyLnGQ9QS4wcDaXGJYiPGegVnU50UzUvdgTsd7AfrMaEaqXvO+sfAAHP0uzz+SmhCfR7FwB5gdpm+SyoeHEJ5P67o2tbanmRBP5/iSgFkUxaplaisIv3kAu6yqihK/RiIF0ZJtT6NTaZpS9iWwm0D/uXB7kmXZ5LOgN0O7ayvEQ57nKtssCbMqDA5i9+YulLIsVQ5MzKnwqCz6Phev3AIcxhy5K3x/A/DbG2CzIdctP9RS9PrxnTU92KOYll8bZHqs7Wk5AcY9hIx9kuyN3/xuxm5nXA+df+cNJSAgjMbiFSoAAAAASUVORK5CYII='>
+            
+            <div class=menu style='display:none'>
+            
+                  <div class=menu-title>
+                        HTML Components
+                  </div>
+            
+                  <div id=download-directory class=menu-opt>
+                        <a href='/utils/github/download-a-directory-from-a-github-repository/download-a-directory-from-a-github-repository.html'>
+                              download directory
+                        </a>
+                  </div>
+                  
+            </div>
+      
+      </template>
+
+      
+      <script>
+
+      
+(function top_menu({mod,dom,host}){
+
+  var obj   = {};
+  
+        var $,menu
+        ;
+        
+        obj.initmod   = function(params){
+          
+              $         = params.$;
+              menu      = params.menu;
+              
+        }//initmod
+
+      
+  //vars:-
+
+  
+  
+        obj.init    = function(){
+        }//init
+
+      
+  //:
+
+  
+        obj.initdom   = function(rootnode){
+        
+              var shadow                      = host.shadowRoot;
+  
+              menu.add.style(shadow);
+              
+              
+              var card                        = $(shadow,'.menu');
+              $(shadow,'#icon').onclick       = menu.click(card,false,false);
+  
+              
+        }//initdom
+        
+
+  //:
+  
+  
+
+
+
+  return obj;
+  
+})//top-menu
+
+                  
+      </script>
+
+      
+</top-menu>
+
+
+