fix: readme and documentation. Removed securitykeys

Author: frankpagan

demo/autocomplete.html

@@ -173,8 +173,7 @@
         <script>
             var config = {
                 apiKey: 'c2b08663-06e3-440c-ef6f-13978b42883a',
-                securityKey: 'f26baf68-e3a9-45fc-effe-502e47116265',
-                organization_Id: '5de0387b12e200ea63204d6c'
+                                organization_Id: '5de0387b12e200ea63204d6c'
             }
         </script>
         <script type="text/javascript" src="https://cdn.cocreate.app/latest/CoCreate.min.js"></script>

demo/current-location.html

@@ -95,8 +95,7 @@
   <script>
     var config = {
       apiKey: 'c2b08663-06e3-440c-ef6f-13978b42883a',
-      securityKey: 'f26baf68-e3a9-45fc-effe-502e47116265',
-      organization_Id: '5de0387b12e200ea63204d6c'
+            organization_Id: '5de0387b12e200ea63204d6c'
     }
     //5ee2eae63e956152355a3446
   </script>

demo/direction.html

@@ -173,8 +173,7 @@
         <script>
         var config = {
           apiKey: 'c2b08663-06e3-440c-ef6f-13978b42883a',
-          securityKey: 'f26baf68-e3a9-45fc-effe-502e47116265',
-          organization_Id: '5de0387b12e200ea63204d6c'
+                    organization_Id: '5de0387b12e200ea63204d6c'
         }
         </script>
         <!--<script src="https://cdn.cocreate.app/latest/CoCreate.min.js" ></script>-->

demo/fleet-tracking.html

@@ -95,8 +95,7 @@
   <script>
     var config = {
       apiKey: 'c2b08663-06e3-440c-ef6f-13978b42883a',
-      securityKey: 'f26baf68-e3a9-45fc-effe-502e47116265',
-      organization_Id: '5de0387b12e200ea63204d6c'
+            organization_Id: '5de0387b12e200ea63204d6c'
     }
     //5ee2eae63e956152355a3446
   </script>

demo/search.html

@@ -51,8 +51,7 @@
         <script>
         var config = {
           apiKey: 'c2b08663-06e3-440c-ef6f-13978b42883a',
-          securityKey: 'f26baf68-e3a9-45fc-effe-502e47116265',
-          organization_Id: '5de0387b12e200ea63204d6c'
+                    organization_Id: '5de0387b12e200ea63204d6c'
         }
         </script>
         <script type="text/javascript" src="https://cdn.cocreate.app/latest/CoCreate.min.js"></script>

docs/index.html

@@ -9,6 +9,7 @@
         <meta name="description" content="A simple HTML5 and pure javascript component. Easy configuration using data-attributes and highly styleable." />
         <meta name="keywords" content="helper classes, utility classes, css framework, css library, inline style classes" />
         <meta name="robots" content="index,follow" />
+       	<meta property="og:image" content="https://cdn.cocreate.app/docs/google-maps.png">
 
         <!-- CoCreate CSS -->
         <link rel="stylesheet" href="https://cdn.cocreate.app/latest/CoCreate.min.css" type="text/css"/>
@@ -20,7 +21,7 @@
                 <div class="display:flex align-items:center">
                     <h2>CoCreate-google-maps</h2>
                 </div>
-                <div class="display:flex align-items:center font-size:20px" data-share_height="600" data-share_width="500" data-share_media="https://via.placeholder.com/300/09f/fff.png">
+                <div class="display:flex align-items:center font-size:20px" data-share_network="true" data-share_text="Enter decription here" data-share_title="testing im a title" data-share_height="600" data-share_width="700" data-share_media="https://cdn.cocreate.app/docs/google-maps.png">
                     <a href="https://github.com/CoCreate-app/CoCreate-google-maps" target="_blank" class="margin-right:15px"><i class="fab fa-github"></i></a>
                     <a class="margin-right:15px" data-share_network='twitter' title="Share on twitter"><i class="fab fa-twitter"></i></a>
                     <a class="margin-right:15px" data-share_network='facebook' title="Share on Facebook"><i class="fab fa-facebook"></i></a>
@@ -33,7 +34,7 @@ <h2>CoCreate-google-maps</h2>
                 <div class="flex-grow:1 width:300px padding:0px_10px margin:20px_0px">
 
                 <div id="google-maps-install" class="border-bottom:1px_solid_lightgrey">
-                        <span class="display:flex align-items:center" data-hover="display:block!important" data-hover_target='[href="#google-maps-install"]'>
+                        <span class="display:flex align-items:center width:fit-content" data-hover="display:block!important" data-hover_target='[href="#google-maps-install"]'>
                             <h2 class="padding:5px_0px">Install</h2>
                             <a class="margin-left:10px display:none" href="#google-maps-install"><i class="fas fa-link"></i></a>
                         </span>
@@ -43,7 +44,7 @@ <h2 class="padding:5px_0px">Install</h2>
                 <pre><code class="language-html">&lt;script&gt;https://cdn.cocreate.app/google-maps/latest/CoCreate-google-maps.min.js&lt;/script&gt;</code></pre>
 
                 <div id="google-maps-usage" class="margin-top:80px border-bottom:1px_solid_lightgrey">
-                        <span class="display:flex align-items:center" data-hover="display:block!important" data-hover_target='[href="#google-maps-usage"]'>
+                        <span class="display:flex align-items:center width:fit-content" data-hover="display:block!important" data-hover_target='[href="#google-maps-usage"]'>
                             <h2 class="padding:5px_0px">Usage</h2>
                             <a class="margin-left:10px display:none" href="#google-maps-usage"><i class="fas fa-link"></i></a>
                         </span>
@@ -52,15 +53,13 @@ <h2 class="padding:5px_0px">Usage</h2>
                         <p class="padding:10px_0px">This is google-maps reference</p>
 
                         <div class="flex-grow:1 min-width:300px width:100%">
-                            <pre>
-                                <code class="language-html">&lt;div&gt;&lt;/div&gt;</code>
-                            </pre>
+                            <pre><code class="language-html">&lt;div&gt;&lt;/div&gt;</code></pre>
                         </div>
                         <p class="padding:10px_0px">This is google-maps reference</p>
                         <p class="padding:10px_0px">This is google-maps reference</p>
                     </div>
                     <div id="google-maps-attributes" class="margin-top:80px border-bottom:1px_solid_lightgrey">
-                        <span class="display:flex align-items:center" data-hover="display:block!important" data-hover_target='[href="#google-maps-attributes"]'>
+                        <span class="display:flex align-items:center width:fit-content" data-hover="display:block!important" data-hover_target='[href="#google-maps-attributes"]'>
                             <h2 class="padding:5px_0px">Attributes</h2>
                             <a class="margin-left:10px display:none" href="#google-maps-attributes"><i class="fas fa-link"></i></a>
                         </span>
@@ -80,7 +79,7 @@ <h4><span>data-google-maps</span> <span class="cocreate-badge success">string</s
                 <div class="flex-grow:1 width:300px padding:0px_10px margin:20px_0px  border-bottom:1px_solid_lightgrey">
                     <!-- SandBox -->
                     <div id="google-maps-demo" class="border-bottom:1px_solid_lightgrey">
-                        <span class="display:flex align-items:center" data-hover="display:block!important" data-hover_target='[href="#google-maps-demo"]'>
+                        <span class="display:flex align-items:center width:fit-content" data-hover="display:block!important" data-hover_target='[href="#google-maps-demo"]'>
                             <h2 class="padding:5px_0px">Demo</h2>
                             <a class="margin-left:10px display:none" href="#google-maps-demo"><i class="fas fa-link"></i></a>
                         </span>
@@ -104,7 +103,7 @@ <h2 class="padding:5px_0px">Demo</h2>
     				  	     class="margin-right:10px">
     				  	    <i class="fas fa-external-link-alt"></i>
     				     </a>        
-    				     <a class="fs-toggle margin-right:5px" target="#playground-1"><i class="fas fa-expand"></i></a>
+    				     <a class="margin-right:5px" data-fullscreen target="#playground-1"><i class="fas fa-expand"></i></a>
     			        </div>
 
     			        <div class="svRow">
@@ -138,8 +137,7 @@ <h2 class="padding:5px_0px">Demo</h2>
         <script>
             var config = {
                 apiKey: 'c2b08663-06e3-440c-ef6f-13978b42883a',
-                securityKey: 'f26baf68-e3a9-45fc-effe-502e47116265',
-                organization_Id: '5de0387b12e200ea63204d6c'
+                                organization_Id: '5de0387b12e200ea63204d6c'
             }
         </script>