@@ -198,10 +198,26 @@ function setupControls(
198198 const controls = document . createElement ( 'div' )
199199 controls . className = 'mermaid-controls'
200200
201- const zoomInBtn = createControlButton ( icons . zoomIn , 'Zoom in' , 'mermaid-zoom-in' )
202- const zoomOutBtn = createControlButton ( icons . zoomOut , 'Zoom out' , 'mermaid-zoom-out' )
203- const resetBtn = createControlButton ( icons . reset , 'Reset view' , 'mermaid-reset' )
204- const fullscreenBtn = createControlButton ( icons . fullscreen , 'View fullscreen' , 'mermaid-fullscreen' )
201+ const zoomInBtn = createControlButton (
202+ icons . zoomIn ,
203+ 'Zoom in' ,
204+ 'mermaid-zoom-in'
205+ )
206+ const zoomOutBtn = createControlButton (
207+ icons . zoomOut ,
208+ 'Zoom out' ,
209+ 'mermaid-zoom-out'
210+ )
211+ const resetBtn = createControlButton (
212+ icons . reset ,
213+ 'Reset view' ,
214+ 'mermaid-reset'
215+ )
216+ const fullscreenBtn = createControlButton (
217+ icons . fullscreen ,
218+ 'View fullscreen' ,
219+ 'mermaid-fullscreen'
220+ )
205221
206222 controls . appendChild ( zoomInBtn )
207223 controls . appendChild ( zoomOutBtn )
@@ -270,7 +286,10 @@ function setupControls(
270286 e . preventDefault ( )
271287
272288 const delta = e . deltaY > 0 ? - ZOOM_STEP : ZOOM_STEP
273- const newZoom = Math . max ( ZOOM_MIN , Math . min ( ZOOM_MAX , state . zoom + delta ) )
289+ const newZoom = Math . max (
290+ ZOOM_MIN ,
291+ Math . min ( ZOOM_MAX , state . zoom + delta )
292+ )
274293
275294 if ( newZoom !== state . zoom ) {
276295 state . zoom = newZoom
@@ -346,9 +365,21 @@ function openFullscreenModal(svgContent: string): void {
346365 const controls = document . createElement ( 'div' )
347366 controls . className = 'mermaid-modal-controls'
348367
349- const zoomInBtn = createControlButton ( icons . zoomIn , 'Zoom in' , 'mermaid-zoom-in' )
350- const zoomOutBtn = createControlButton ( icons . zoomOut , 'Zoom out' , 'mermaid-zoom-out' )
351- const resetBtn = createControlButton ( icons . reset , 'Reset view' , 'mermaid-reset' )
368+ const zoomInBtn = createControlButton (
369+ icons . zoomIn ,
370+ 'Zoom in' ,
371+ 'mermaid-zoom-in'
372+ )
373+ const zoomOutBtn = createControlButton (
374+ icons . zoomOut ,
375+ 'Zoom out' ,
376+ 'mermaid-zoom-out'
377+ )
378+ const resetBtn = createControlButton (
379+ icons . reset ,
380+ 'Reset view' ,
381+ 'mermaid-reset'
382+ )
352383
353384 controls . appendChild ( zoomInBtn )
354385 controls . appendChild ( zoomOutBtn )
@@ -410,7 +441,10 @@ function openFullscreenModal(svgContent: string): void {
410441 e . preventDefault ( )
411442
412443 const delta = e . deltaY > 0 ? - ZOOM_STEP : ZOOM_STEP
413- const newZoom = Math . max ( ZOOM_MIN , Math . min ( ZOOM_MAX , state . zoom + delta ) )
444+ const newZoom = Math . max (
445+ ZOOM_MIN ,
446+ Math . min ( ZOOM_MAX , state . zoom + delta )
447+ )
414448
415449 if ( newZoom !== state . zoom ) {
416450 state . zoom = newZoom
0 commit comments