Adjust mouse hover event names to match other events.

src/components/anno-viewer/anno-viewer.html

@@ -12,8 +12,8 @@
     (otherVersionsExist() ? 'has' : 'no') + '-other-versions',
     (isOwnAnno && 'own-anno'),
   ].filter(Boolean)"
-  v-on:mouseover.stop="mouseenter"
-  v-on:mouseleave.stop="mouseleave"
+  @mouseenter="onMouseEnter"
+  @mouseleave="onMouseLeave"
   :data-w3-anno-id="annoIdUrl"
   :data-iana-working-copy="annotation['iana:working-copy']"
   :data-target-fragment="targetFragment"

src/components/anno-viewer/anno-viewer.js

@@ -44,8 +44,8 @@ const xrxUtilsUtils = require('./xrxUtilsUtils.js');
  * - `reply`: A new annotation as a reply to this annotation should be opened in an editor
  * - `startHighlighting`: Start highlighting this annotation
  * - `stopHighlighting`: Stop highlighting this annotation
- * - `mouseenter`: The mouse cursor is now on this annotation
- * - `mouseleave`: The mouse cursor has left this annotation
+ * - `mouseEnter`: The mouse cursor is now on this annotation
+ * - `mouseLeave`: The mouse cursor has left this annotation
  */
 
 function firstEntryIfArray(x) { return (x && Array.isArray(x) && x[0]); }
@@ -437,21 +437,21 @@ module.exports = {
       return setDoiMsg('mint_doi.success');
     },
 
-    mouseenter() {
-        this.startHighlighting();
-        eventBus.$emit('mouseenter', this.makeEventContext());
+    onMouseEnter() {
+      this.startHighlighting();
+      eventBus.$emit('mouseEnter', this.makeEventContext());
     },
-    mouseleave() {
-        this.stopHighlighting();
-        eventBus.$emit('mouseleave', this.makeEventContext());
+    onMouseLeave() {
+      this.stopHighlighting();
+      eventBus.$emit('mouseLeave', this.makeEventContext());
     },
 
-    startHighlighting(expand)  {
-        this.highlighted = true
-        if (expand) eventBus.$emit('expand', this.annoIdUrl, true)
+    startHighlighting(expand) {
+      this.highlighted = true;
+      if (expand) { eventBus.$emit('expand', this.annoIdUrl, true); }
     },
-    stopHighlighting()   {this.highlighted = false},
-    toggleHighlighting() {this.highlighted = ! this.highlighted},
+    stopHighlighting() { this.highlighted = false; },
+    toggleHighlighting() { this.highlighted = !this.highlighted; },
 
     collapse(command) {
       const el = this;

src/default-config/events.md

@@ -9,7 +9,7 @@ handlers (event name → function). Currently, these are supported:
 Fired after the AnnoApp has been installed into the DOM.
 A single argument is passed: The reference to the AnnoApp.
 
-### `mouseover`, `mouseleave`
+### `mouseEnter`, `mouseLeave`
 Fired when the mouse pointer hovers/unhovers an annotation.
 For details, see the anno-viewer component documentation.
 

test/html/tests.fragment-selector.js

@@ -22,11 +22,11 @@
       window.location.hash = '#' + fragId;
     },
 
-    mouseenter(ev) {
+    mouseEnter(ev) {
       const fragId = ev.dataApi('findTargetFragment');
       setUniqueCssClassByDomId('hovering', fragId);
     },
-    mouseleave() { setUniqueCssClassByDomId('hovering'); },
+    mouseLeave() { setUniqueCssClassByDomId('hovering'); },
 
   });
 }());