refactor

Author: Graham Butler

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@author.io/element-popup",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "author-popup custom element (web component).",
   "main": "dist/author-popup.min.js",
   "scripts": {

showroom/dist/css/main.css

@@ -46,13 +46,35 @@ <h2 class="hidden">Navigation</h2>
           </select>
         </author-control>
 
-        <div class="annotated" id="annotated_div">
-          Mouseover me
-        </div>
+        <p>
+          Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+        </p>
+
+        <p>
+          Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+        </p>
+
+        <p>
+          Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+        </p>
+
+        <p>
+          Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+        </p>
 
-        <author-popup for="annotated_div">
-          POPUP CONTENT
-        </author-popup>
+        <p>
+          Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+        </p>
+
+        <div>
+          <div class="annotated" id="annotated_div">
+            Mouseover me
+          </div>
+
+          <author-popup for="annotated_div" mode="click">
+            POPUP CONTENT
+          </author-popup>
+        </div>
       </div>
     </main>
   </body>

showroom/dist/index.html

@@ -1,6 +1,6 @@
 /**
- * author-popup-showroom v1.0.0 generated on Wed Jul 31 2019.
- * Built at 19:21:34 GMT-0700 (Pacific Daylight Time)
+ * author-popup-showroom v1.0.0 generated on Wed Aug 07 2019.
+ * Built at 21:51:48 GMT-0700 (Pacific Daylight Time)
  * Copyright (c) 2019 Author.io
  */
-"use strict";var Demo=new NGNX.VIEW.Registry({selector:".demo",namespace:"demo.",references:{annotatedElement:"#annotated_div",popup:"author-popup"},init:function(){var e=this.ref,n=e.annotatedElement,t=e.popup;t.on("annotated-element.enter",function(e){e.preventDefault()}),n.on("click",function(e){t.element.isVisible?t.element.hide():t.element.show()}),t.on("annotated-element.leave",function(e){e.preventDefault()})}});
+"use strict";var Demo=new NGNX.VIEW.Registry({selector:".demo",namespace:"demo.",references:{annotatedElement:"#annotated_div",popup:"author-popup"},init:function(){var e=this.ref;e.annotatedElement,e.popup}});