respective book and chapter structure added.

[bookstack] / resources / js / components / header-mobile-toggle.js

diff --git a/resources/js/components/header-mobile-toggle.js b/resources/js/components/header-mobile-toggle.js
index 99737bfb8b0fb741564a5c854d566fd3f774067a..f94f897f617e5cfae3b39ddb3aaf7db073426d56 100644 (file)
--- a/resources/js/components/header-mobile-toggle.js
+++ b/resources/js/components/header-mobile-toggle.js
@@ -1,5 +1,6 @@
+import {Component} from './component';

 
 

-class HeaderMobileToggle {
+export class HeaderMobileToggle extends Component {

 
     setup() {
         this.elem = this.$el;
 
     setup() {
         this.elem = this.$el;


@@ -18,10 +19,10 @@ class HeaderMobileToggle {
         this.toggleButton.setAttribute('aria-expanded', this.open ? 'true' : 'false');
         if (this.open) {
             this.elem.addEventListener('keydown', this.onKeyDown);
         this.toggleButton.setAttribute('aria-expanded', this.open ? 'true' : 'false');
         if (this.open) {
             this.elem.addEventListener('keydown', this.onKeyDown);

-            window.addEventListener('click', this.onWindowClick)
+            window.addEventListener('click', this.onWindowClick);

         } else {
             this.elem.removeEventListener('keydown', this.onKeyDown);
         } else {
             this.elem.removeEventListener('keydown', this.onKeyDown);

-            window.removeEventListener('click', this.onWindowClick)
+            window.removeEventListener('click', this.onWindowClick);

         }
         event.stopPropagation();
     }
         }
         event.stopPropagation();
     }


@@ -37,5 +38,3 @@ class HeaderMobileToggle {
     }
 
 }
     }
 
 }

-
-export default HeaderMobileToggle;
\ No newline at end of file