@@ -120,22 +120,38 @@ export class FooterPanel<
120120 this . $mainOptions . append ( this . $fullScreenBtn ) ;
121121
122122 this . $moreInfoButton = $ ( `
123- <button class="moreInfo btn imageBtn" title="${ $ ( '.mainPanel.rightPanelOpen' ) . length !== 0 ? this . content . closeRightPanel : this . content . openRightPanel } ">
123+ <button class="moreInfo btn imageBtn" title="${
124+ $ ( ".mainPanel.rightPanelOpen" ) . length !== 0
125+ ? this . content . closeRightPanel
126+ : this . content . openRightPanel
127+ } ">
124128 <i class="uv-icon uv-icon-more-info" aria-hidden="true"></i>
125- <span class="sr-only">${ $ ( '.mainPanel.rightPanelOpen' ) . length !== 0 ? this . content . closeRightPanel : this . content . openRightPanel } </span>
129+ <span class="sr-only">${
130+ $ ( ".mainPanel.rightPanelOpen" ) . length !== 0
131+ ? this . content . closeRightPanel
132+ : this . content . openRightPanel
133+ } </span>
126134 </button>
127135 ` ) ;
128136 this . $rightOptions . append ( this . $moreInfoButton ) ;
129137
130138 this . $toggleLeftPanelButton = $ ( `
131- <button class="toggleLeftPanelButton btn imageBtn" title="${ $ ( '.mainPanel.leftPanelOpen' ) . length !== 0 ? this . content . closeLeftPanel : this . content . openLeftPanel } ">
139+ <button class="toggleLeftPanelButton btn imageBtn" title="${
140+ $ ( ".mainPanel.leftPanelOpen" ) . length !== 0
141+ ? this . content . closeLeftPanel
142+ : this . content . openLeftPanel
143+ } ">
132144 <i class="uv-icon uv-icon-toggle-left-panel" aria-hidden="true"></i>
133- <span class="sr-only">${ $ ( '.mainPanel.leftPanelOpen' ) . length !== 0 ? this . content . closeLeftPanel : this . content . openLeftPanel } </span>
145+ <span class="sr-only">${
146+ $ ( ".mainPanel.leftPanelOpen" ) . length !== 0
147+ ? this . content . closeLeftPanel
148+ : this . content . openLeftPanel
149+ } </span>
134150 </button>
135151 ` ) ;
136152 this . $leftOptions . append ( this . $toggleLeftPanelButton ) ;
137153
138- if ( $ ( ' .leftPanel' ) . css ( ' display' ) === ' none' ) {
154+ if ( $ ( " .leftPanel" ) . css ( " display" ) === " none" ) {
139155 this . $toggleLeftPanelButton . hide ( ) ;
140156 }
141157
@@ -177,23 +193,27 @@ export class FooterPanel<
177193 IIIFEvents . TOGGLE_RIGHT_PANEL ,
178194 this . $moreInfoButton
179195 ) ;
180- const newLabel = $ ( '.mainPanel.rightPanelOpen' ) . length !== 0 ? this . content . closeRightPanel : this . content . openRightPanel
196+ const newLabel =
197+ $ ( ".mainPanel.rightPanelOpen" ) . length !== 0
198+ ? this . content . closeRightPanel
199+ : this . content . openRightPanel ;
181200 this . $moreInfoButton . attr ( "title" , newLabel ) ;
182- this . $moreInfoButton . find ( ' .sr-only' ) . text ( newLabel ) ;
201+ this . $moreInfoButton . find ( " .sr-only" ) . text ( newLabel ) ;
183202 } ) ;
184203
185204 this . $toggleLeftPanelButton . onPressed ( ( ) => {
186205 this . extensionHost . publish (
187206 IIIFEvents . TOGGLE_LEFT_PANEL ,
188207 this . $moreInfoButton
189208 ) ;
190- const newLabel = $ ( '.mainPanel.leftPanelOpen' ) . length !== 0 ? this . content . closeLeftPanel : this . content . openLeftPanel
209+ const newLabel =
210+ $ ( ".mainPanel.leftPanelOpen" ) . length !== 0
211+ ? this . content . closeLeftPanel
212+ : this . content . openLeftPanel ;
191213 this . $toggleLeftPanelButton . attr ( "title" , newLabel ) ;
192- this . $toggleLeftPanelButton . find ( ' .sr-only' ) . text ( newLabel ) ;
214+ this . $toggleLeftPanelButton . find ( " .sr-only" ) . text ( newLabel ) ;
193215 } ) ;
194216
195-
196-
197217 this . onAccessibleClick (
198218 this . $fullScreenBtn ,
199219 ( e ) => {
0 commit comments