fix: replace -target -selector

Author: frankpagan

docs/index.html

@@ -51,7 +51,7 @@
             id="menuL"
             class="position:fixed top:0px left:0px overflow:hidden background:whitesmoke height:100vh width:0px width:300px@xl"
             resizable
-            resize-target="[content_id='content']"
+            resize-selector="[content_id='content']"
             resize-property="margin-left"
             resize-value="width">
             <menu
@@ -80,7 +80,7 @@ <h2>CoCreate-dashboard</h2>
                         share-width="700"
                         share-media="https://cdn.cocreate.app/docs/dashboard.png"
                         hover="display:block!important"
-                        hover-target=".social-networks">
+                        hover-selector=".social-networks">
                         <div class="display:none social-networks">
                             <a
                                 class="margin-right:15px"
@@ -139,11 +139,11 @@ <h2>CoCreate-dashboard</h2>
                         class="border-bottom:1px_solid_lightgrey"
                         scroll
                         scroll-intersect="color:dodgerblue"
-                        scroll-target="#dashboard-install-section">
+                        scroll-selector="#dashboard-install-section">
                         <span
                             class="display:flex align-items:center width:fit-content"
                             hover="display:block!important"
-                            hover-target="[href='#dashboard-install']">
+                            hover-selector="[href='#dashboard-install']">
                             <h2 class="padding:5px_0px">Install</h2>
                             <a
                                 class="margin-left:10px display:none"
@@ -165,11 +165,11 @@ <h2 class="padding:5px_0px">Install</h2>
                         class="margin-top:80px border-bottom:1px_solid_lightgrey"
                         scroll
                         scroll-intersect="color:dodgerblue"
-                        scroll-target="#dashboard-usage-section">
+                        scroll-selector="#dashboard-usage-section">
                         <span
                             class="display:flex align-items:center width:fit-content"
                             hover="display:block!important"
-                            hover-target="[href='#dashboard-usage']">
+                            hover-selector="[href='#dashboard-usage']">
                             <h2 class="padding:5px_0px">Usage</h2>
                             <a
                                 class="margin-left:10px display:none"
@@ -200,11 +200,11 @@ <h2 class="padding:5px_0px">Usage</h2>
                         class="margin-top:80px border-bottom:1px_solid_lightgrey"
                         scroll
                         scroll-intersect="color:dodgerblue"
-                        scroll-target="#dashboard-attributes-section">
+                        scroll-selector="#dashboard-attributes-section">
                         <span
                             class="display:flex align-items:center width:fit-content"
                             hover="display:block!important"
-                            hover-target="[href='#dashboard-attributes']">
+                            hover-selector="[href='#dashboard-attributes']">
                             <h2 class="padding:5px_0px">Attributes</h2>
                             <a
                                 class="margin-left:10px display:none"
@@ -253,11 +253,11 @@ <h4>
                         class="border-bottom:1px_solid_lightgrey"
                         scroll
                         scroll-intersect="color:dodgerblue"
-                        scroll-target="#dashboard-demo-section">
+                        scroll-selector="#dashboard-demo-section">
                         <span
                             class="display:flex align-items:center width:fit-content"
                             hover="display:block!important"
-                            hover-target="[href='#dashboard-demo']">
+                            hover-selector="[href='#dashboard-demo']">
                             <h2 class="padding:5px_0px">Demo</h2>
                             <a
                                 class="margin-left:10px display:none"
@@ -286,7 +286,7 @@ <h2 class="padding:5px_0px">Demo</h2>
                                     name="demo"
                                     save="false"
                                     id="demo"
-                                    input-target=".demopreview"
+                                    input-selector=".demopreview"
                                     input-attribute="value"
                                     input-events="input, onload"
                                     class="height:100% width:100% outline:none border:none resize:none padding:5px"></textarea>
@@ -309,7 +309,7 @@ <h2 class="padding:5px_0px">Demo</h2>
                                     show="#eye-slash"
                                     hide="#eye, #demo-preview"
                                     toggle="code-height"
-                                    toggle-target="#demo-code"
+                                    toggle-selector="#demo-code"
                                     ><i
                                         class="height:18px fill:#505050"
                                         src="/assets/svg/eye.svg"></i
@@ -321,7 +321,7 @@ <h2 class="padding:5px_0px">Demo</h2>
                                     show="#eye, #demo-preview"
                                     hide="#eye-slash"
                                     toggle="code-height"
-                                    toggle-target="#demo-code"
+                                    toggle-selector="#demo-code"
                                     ><i
                                         class="height:20px fill:#505050"
                                         src="/assets/svg/eye-slash.svg"></i
@@ -348,7 +348,7 @@ <h2 class="padding:5px_0px">Demo</h2>
                                 <a
                                     class="margin-right:5px"
                                     fullscreen
-                                    fullscreen-target="#playground"></a>
+                                    fullscreen-selector="#playground"></a>
                             </div>
                         </div>
                         <!-- End SandBox -->