ClassServiceNavigation

Service Navigation component

Hierarchy (view full)

Constructors

constructor

Properties

_$root _config $menu $menuButton menuIsOpen mql elementType moduleName

Accessors

$root config

Methods

checkMode handleMenuButtonClick setupResponsiveChecks checkSupport configOverride

Constructors

constructor

Properties

Protected_$root

_$root: HTMLElement

_config

_config: any

Private$menu

$menu: HTMLElement

Private$menuButton

$menuButton: Element

PrivatemenuIsOpen

menuIsOpen: boolean = false

Remember the open/closed state of the nav so we can maintain it when the screen is resized.

Privatemql

mql: MediaQueryList = null

A global const for storing a matchMedia instance which we'll use to detect when a screen size change happens. We rely on it being null if the feature isn't available to initially apply hidden attributes

StaticelementType

elementType: (new () => Element) = HTMLElement

StaticmoduleName

moduleName: string = 'govuk-service-navigation'

Name for the component used when initialising using data-module attributes.

Accessors

Protected$root

Protectedconfig

Methods

PrivatecheckMode

  • checkMode(): void
  • Private

    Sync menu state

    Uses the global variable menuIsOpen to correctly set the accessible and visual states of the menu and the menu button. Additionally will force the menu to be visible and the menu button to be hidden if the matchMedia is triggered to desktop.

    Returns void

PrivatehandleMenuButtonClick

PrivatesetupResponsiveChecks

StaticcheckSupport

StaticconfigOverride

  • configOverride(config): {
        [key: string]: unknown;
    }

  • Override configuration

    Parameters

    • config: {
          [key: string]: unknown;
      }

      config to override

      • [key: string]: unknown

    Returns {
        [key: string]: unknown;
    }

    • overidden config
    • [key: string]: unknown

Settings

Member Visibility

On This Page

Constructors
Properties
Accessors
Methods