   destroy: ->
 
     @parent.parent.off 'KDTabPaneInactive', @bound 'destroy'
+    @tabView.off 'PaneDidShow', recorder.cancel
 
     kd.getSingleton('shortcuts').unpause()
     facade.dispose()

kd     = require 'kd'
_      = require 'lodash'
Pane   = require './accounteditshortcutspane'
facade = require './accounteditshortcutsfacade'

module.exports = class AccountEditShortcuts extends kd.View

  constructor: (options={}, data) ->


        cssClass: 'pane'

    @addSubView new kd.View
      cssClass: 'instructions'
      partial: 'To change a shortcut, click the key combination, then type the new keys.'

    @addSubView @tabView = new kd.TabView
      tabClass: Pane
      paneData: paneData
      hideHandleCloseIcons: yes
      enableMoveTabHandle: no

    @tabView.on 'PaneDidShow', recorder.cancel

    @addSubView new kd.ButtonView
      title: 'Restore Defaults'
      style: 'solid light-gray medium restore'
      callback: @bound 'restoreDefaults'

    @tabView.showPaneByIndex 0
