fix: replace -target -selector

Author: frankpagan

demo/index.html

@@ -21,7 +21,7 @@
         <div
             localstorage-get="user_id"
             localstorage-key="userId"
-            localstorage-target=".avatar-wrapper"></div>
+            localstorage-selector=".avatar-wrapper"></div>
         <div class="avatar-wrapper margin:5px_0px margin-right:10px">
             <a
                 class="avatar round"

docs/index.html

@@ -46,7 +46,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
@@ -75,7 +75,7 @@ <h2>CoCreate-parallax</h2>
                         share-width="700"
                         share-media="https://cdn.cocreate.app/docs/parallax.png"
                         hover="display:block!important"
-                        hover-target=".social-networks">
+                        hover-selector=".social-networks">
                         <div class="display:none social-networks">
                             <a
                                 class="margin-right:15px"
@@ -135,11 +135,11 @@ <h2>CoCreate-parallax</h2>
                         class="border-bottom:1px_solid_lightgrey"
                         scroll
                         scroll-intersect="color:dodgerblue"
-                        scroll-target="#parallax-install-section">
+                        scroll-selector="#parallax-install-section">
                         <span
                             class="display:flex align-items:center width:fit-content"
                             hover="display:block!important"
-                            hover-target="[href='#parallax-install']">
+                            hover-selector="[href='#parallax-install']">
                             <h2 class="padding:5px_0px">Install</h2>
                             <a
                                 class="margin-left:10px display:none"
@@ -161,11 +161,11 @@ <h2 class="padding:5px_0px">Install</h2>
                         class="margin-top:80px border-bottom:1px_solid_lightgrey"
                         scroll
                         scroll-intersect="color:dodgerblue"
-                        scroll-target="#parallax-usage-section">
+                        scroll-selector="#parallax-usage-section">
                         <span
                             class="display:flex align-items:center width:fit-content"
                             hover="display:block!important"
-                            hover-target="[href='#parallax-usage']">
+                            hover-selector="[href='#parallax-usage']">
                             <h2 class="padding:5px_0px">Usage</h2>
                             <a
                                 class="margin-left:10px display:none"
@@ -196,11 +196,11 @@ <h2 class="padding:5px_0px">Usage</h2>
                         class="margin-top:80px border-bottom:1px_solid_lightgrey"
                         scroll
                         scroll-intersect="color:dodgerblue"
-                        scroll-target="#parallax-attributes-section">
+                        scroll-selector="#parallax-attributes-section">
                         <span
                             class="display:flex align-items:center width:fit-content"
                             hover="display:block!important"
-                            hover-target="[href='#parallax-attributes']">
+                            hover-selector="[href='#parallax-attributes']">
                             <h2 class="padding:5px_0px">Attributes</h2>
                             <a
                                 class="margin-left:10px display:none"
@@ -249,11 +249,11 @@ <h4>
                         class="border-bottom:1px_solid_lightgrey"
                         scroll
                         scroll-intersect="color:dodgerblue"
-                        scroll-target="#parallax-demo-section">
+                        scroll-selector="#parallax-demo-section">
                         <span
                             class="display:flex align-items:center width:fit-content"
                             hover="display:block!important"
-                            hover-target="[href='#parallax-demo']">
+                            hover-selector="[href='#parallax-demo']">
                             <h2 class="padding:5px_0px">Demo</h2>
                             <a
                                 class="margin-left:10px display:none"
@@ -302,7 +302,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
@@ -314,7 +314,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
@@ -341,7 +341,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 -->