ZIP Imports: Added API examples, finished testing

[bookstack] / resources / js / components / tabs.ts

diff --git a/resources/js/components/tabs.ts b/resources/js/components/tabs.ts
index 56405b8c78e2b409c509990d55aeac5362a033cb..a03d37cd48c9f36ee38c55b9eb52345d9503c0d6 100644 (file)
--- a/resources/js/components/tabs.ts
+++ b/resources/js/components/tabs.ts
@@ -1,5 +1,9 @@
 import {Component} from './component';
 
 import {Component} from './component';
 

+export interface TabsChangeEvent {
+    showing: string;
+}
+

 /**
  * Tabs
  * Uses accessible attributes to drive its functionality.
 /**
  * Tabs
  * Uses accessible attributes to drive its functionality.


@@ -19,12 +23,12 @@ import {Component} from './component';
  */
 export class Tabs extends Component {
 
  */
 export class Tabs extends Component {
 

-    protected container: HTMLElement;
-    protected tabList: HTMLElement;
-    protected tabs: HTMLElement[];
-    protected panels: HTMLElement[];
+    protected container!: HTMLElement;
+    protected tabList!: HTMLElement;
+    protected tabs!: HTMLElement[];
+    protected panels!: HTMLElement[];

 
 

-    protected activeUnder: number;
+    protected activeUnder!: number;

     protected active: null|boolean = null;
 
     setup() {
     protected active: null|boolean = null;
 
     setup() {


@@ -58,7 +62,8 @@ export class Tabs extends Component {
             tab.setAttribute('aria-selected', selected ? 'true' : 'false');
         }
 
             tab.setAttribute('aria-selected', selected ? 'true' : 'false');
         }
 

-        this.$emit('change', {showing: sectionId});
+        const data: TabsChangeEvent = {showing: sectionId};
+        this.$emit('change', data);

     }
 
     protected updateActiveState(): void {
     }
 
     protected updateActiveState(): void {