Class ExitThisPage

Private$button

Private$indicatorContainer

Private$overlay

Private$skiplinkButton

Private$updateSpan

Privatei18n

PrivatekeypressCounter

PrivatekeypressTimeoutId

PrivatelastKeyWasModified

PrivatetimeoutMessageId

PrivatetimeoutTime

PrivatebuildIndicator

• buildIndicator(): void
• Private

  Create the HTML for the 'three lights' indicator on the button.

  Returns void

PrivateexitPage

• exitPage(): void
• Private

  Initiates the redirection away from the current page. Includes the loading overlay functionality, which covers the current page with a white overlay so that the contents are not visible during the loading process. This is particularly important on slow network connections.

  Returns void

PrivatehandleClick

• handleClick(event: MouseEvent): void
• Private

  Pre-activation logic for when the button is clicked/activated via mouse or pointer.

  We do this to differentiate it from the keyboard activation event because we need to run e.preventDefault as the button or skiplink are both links and we want to apply some additional logic in exitPage before navigating.

  Parameters

  • event: MouseEvent

    mouse click event

  Returns void

PrivatehandleKeypress

• handleKeypress(event: KeyboardEvent): void
• Private

  Logic for the 'quick escape' keyboard sequence functionality (pressing the Shift key three times without interruption, within a time limit).

  Parameters

  • event: KeyboardEvent

    keyup event

  Returns void

PrivateinitButtonClickHandler

• initButtonClickHandler(): void
• Private

  Create button click handlers.

  Returns void

PrivateinitUpdateSpan

• initUpdateSpan(): void
• Private

  Create the we use for screen reader announcements.

  Returns void

PrivateresetKeypressTimer

• resetKeypressTimer(): void
• Private

  Stops and resets the 'quick escape' keyboard sequence timer.

  Returns void

PrivateresetPage

• resetPage(): void
• Private

  Reset the page using the EtP button

  We use this in situations where a user may re-enter a page using the browser back button. In these cases, the browser can choose to restore the state of the page as it was previously, including restoring the 'ghost page' overlay, the announcement span having it's role set to "alert" and the keypress indicator still active, leaving the page in an unusable state.

  By running this check when the page is shown, we can programatically restore the page and the component to a "default" state

  Returns void

PrivatesetKeypressTimer

• setKeypressTimer(): void
• Private

  Starts the 'quick escape' keyboard sequence timer.

  This can be invoked several times. We want this to be possible so that the timer is restarted each time the shortcut key is pressed (e.g. the user has up to n seconds between each keypress, rather than n seconds to invoke the entire sequence.)

  Returns void

PrivateupdateIndicator

• updateIndicator(): void
• Private

  Update whether the lights are visible and which ones are lit up depending on the value of keypressCounter.

  Returns void