https://ketozone.com/wp-content/themes/exproduct/assets/header/slidebars.js?ver=1.0

1(function($) {
2      
3	
4	// Create a new instance of Slidebars
5    var controller = new slidebars();
6
7    // Events
8    $( controller.events ).on( 'init', function () {
9        //console.log( 'Init event' );
10    } );
11
12    $( controller.events ).on( 'exit', function () {
13        //console.log( 'Exit event' );
14    } );
15
16    $( controller.events ).on( 'css', function () {
17        //console.log( 'CSS event' );
18    } );
19
20    $( controller.events ).on( 'opening', function ( event, id ) {
21        //console.log( 'Opening event of slidebar with id ' + id );
22    } );
23
24    $( controller.events ).on( 'opened', function ( event, id ) {
25        //console.log( 'Opened event of slidebar with id ' + id );
26    } );
27
28    $( controller.events ).on( 'closing', function ( event, id ) {
29        //console.log( 'Closing event of slidebar with id ' + id );
30    } );
31
32    $( controller.events ).on( 'closed', function ( event, id ) {
33        //console.log( 'Closed event of slidebar with id ' + id );
34    } );
35
36    // Initialize Slidebars
37    controller.init();
38    
39    
40    
41  
42    
43      // Mobile Slidebar controls
44     
45
46    
47      $( '.js-toggle-mobile-slidebar' ).on( 'click', function ( event ) {
48            event.stopPropagation();
49            controller.toggle( 'slidebar-5' );
50        } );
51    
52    
53  
54    
55    
56        // Panel nav  Slidebar controls
57    
58     
59
60         $( '.js-open-slidebar-panel-left' ).on( 'click', function ( event ) {
61			event.preventDefault();
62			event.stopPropagation();
63			controller.toggle( 'slidebar-panel-left' );
64		} );
65
66      
67    
68    
69
70    // Left Slidebar controls
71    $( '.js-open-left-slidebar' ).on( 'click', function ( event ) {
72        event.stopPropagation();
73        controller.open( 'slidebar-1' );
74    } );
75
76    $( '.js-close-left-slidebar' ).on( 'click', function ( event ) {
77        event.stopPropagation();
78        controller.close( 'slidebar-1' );
79    } );
80
81    $( '.js-toggle-left-slidebar' ).on( 'click', function ( event ) {
82        event.stopPropagation();
83        controller.toggle( 'slidebar-1' );
84    } );
85
86    // Right Slidebar controls
87    $( '.js-open-right-slidebar' ).on( 'click', function ( event ) {
88        event.stopPropagation();
89        controller.open( 'slidebar-2' );
90    } );
91
92    $( '.js-close-right-slidebar' ).on( 'click', function ( event ) {
93        event.stopPropagation();
94        controller.close( 'slidebar-2' );
95    } );
96
97    $( '.js-toggle-right-slidebar' ).on( 'click', function ( event ) {
98        event.stopPropagation();
99        controller.toggle( 'slidebar-2' );
100    } );
101
102    // Top Slidebar controls
103    $( '.js-open-top-slidebar' ).on( 'click', function ( event ) {
104        event.stopPropagation();
105        controller.open( 'slidebar-3' );
106    } );
107
108    $( '.js-close-top-slidebar' ).on( 'click', function ( event ) {
109        event.stopPropagation();
110        controller.close( 'slidebar-3' );
111    } );
112
113    $( '.js-toggle-top-slidebar' ).on( 'click', function ( event ) {
114        event.stopPropagation();
115        controller.toggle( 'slidebar-3' );
116    } );
117
118    // Bottom Slidebar controls
119    $( '.js-open-bottom-slidebar' ).on( 'click', function ( event ) {
120        event.stopPropagation();
121        controller.open( 'slidebar-4' );
122    } );
123
124    $( '.js-close-bottom-slidebar' ).on( 'click', function ( event ) {
125        event.stopPropagation();
126        controller.close( 'slidebar-4' );
127    } );
128
129    $( '.js-toggle-bottom-slidebar' ).on( 'click', function ( event ) {
130        event.stopPropagation();
131        controller.toggle( 'slidebar-4' );
132    } );
133
134    // Close any
135    $( controller.events ).on( 'opened', function () {
136        $( '[data-canvas="container"]' ).addClass( 'js-close-any-slidebar' );
137		$( '.toggle-menu-button' ).addClass( 'is-open' );
138    } );
139
140    $( controller.events ).on( 'closed', function () {
141        $( '[data-canvas="container"]' ).removeClass( 'js-close-any-slidebar' );
142		$( '.toggle-menu-button' ).removeClass( 'is-open' );
143    } );
144
145    $( 'body' ).on( 'click', '.js-close-any-slidebar', function ( event ) {
146        event.stopPropagation();
147        controller.close();
148    } );
149
150    // Initilize, exit and css reset
151    $( '.js-initialize-slidebars' ).on( 'click', function ( event ) {
152        event.stopPropagation();
153        controller.init();
154    } );
155

156    $( '.js-exit-slidebars' ).on( 'click', function ( event ) {
157        event.stopPropagation();
158        controller.exit();
159    } );
160
161    $( '.js-reset-slidebars-css' ).on( 'click', function ( event ) {
162        event.stopPropagation();
163        controller.css();
164    } );
165
166    // Is and get
167    $( '.js-is-active' ).on( 'click', function ( event ) {
168        event.stopPropagation();
169        //console.log( controller.isActive() );
170    } );
171
172    $( '.js-is-active-slidebar' ).on( 'click', function ( event ) {
173        event.stopPropagation();
174        var id = prompt( 'Enter a Slidebar id' );
175        //console.log( controller.isActiveSlidebar( id ) );
176    } );
177
178    $( '.js-get-active-slidebar' ).on( 'click', function ( event ) {
179        event.stopPropagation();
180        //console.log( controller.getActiveSlidebar() );
181    } );
182
183    $( '.js-get-all-slidebars' ).on( 'click', function ( event ) {
184        event.stopPropagation();
185        //console.log( controller.getSlidebars() );
186
187    } );
188
189    $( '.js-get-slidebar' ).on( 'click', function ( event ) {
190        event.stopPropagation();
191        var id = prompt( 'Enter a Slidebar id' );
192        //console.log( controller.getSlidebar( id ) );
193    } );
194
195    // Callbacks
196    $( '.js-init-callback' ).on( 'click', function ( event ) {
197        event.stopPropagation();
198        controller.init( function () {
199            //console.log( 'Init callback' );
200        } );
201    } );
202
203    $( '.js-exit-callback' ).on( 'click', function ( event ) {
204        event.stopPropagation();
205        controller.exit( function () {
206            //console.log( 'Exit callback' );
207        } );
208    } );
209
210    $( '.js-css-callback' ).on( 'click', function ( event ) {
211        event.stopPropagation();
212        controller.css( function () {
213            //console.log( 'CSS callback' );
214        } );
215    } );
216
217    $( '.js-open-callback' ).on( 'click', function ( event ) {
218        event.stopPropagation();
219        controller.open( 'slidebar-1', function () {
220            //console.log( 'Open callback' );
221        } );
222    } );
223
224    $( '.js-close-callback' ).on( 'click', function ( event ) {
225        event.stopPropagation();
226        controller.close( function () {
227            //console.log( 'Close callback' );
228        } );
229    } );
230
231    $( '.js-toggle-callback' ).on( 'click', function ( event ) {
232        event.stopPropagation();
233        controller.toggle( 'slidebar-1', function () {
234            //console.log( 'Toggle callback' );
235        } );
236    } );
237        
238     }(jQuery));