How to use the pane-registry.getOutliner function in pane-registry

render: function (subject, dom) {
    var outliner = panes.getOutliner(dom)
    var kb = UI.store
    var arg = UI.ns.arg

    subject = kb.canon(subject)
    // var types = kb.findTypeURIs(subject)

    var div = dom.createElement('div')
    div.setAttribute('class', 'argumentPane')

    // var title = kb.any(subject, UI.ns.dc('title'))

    var comment = kb.any(subject, UI.ns.rdfs('comment'))
    if (comment) {
      var para = dom.createElement('p')
      para.setAttribute('style', 'margin-left: 2em; font-style: italic;')
      div.appendChild(para)

const loadResource = (resourcePath: string) => {
      panes.getOutliner(dom).GotoSubject($rdf.sym(resourcePath), true, undefined, true)
    }
    // TODO: Update the value of WebID when the user logs in/out:

// This has common outline mode functionality for the default and other other panes
// A separate outline manager is required per DOM in cases like a browser extension
// where there are many occurrences of window and of window.document
// But each DOM should have just one outline manager.

panes.OutlineManager = require('./outline/manager.js')
panes.getOutliner = function (dom) {
  if (!dom.outlineManager) {
    dom.outlineManager = panes.OutlineManager(dom)
  }
  return dom.outlineManager
}
if (typeof window !== 'undefined') {
  var dom = window.document
  panes.getOutliner(dom)
}

/*  Note that the earliest panes have priority. So the most specific ones are first.
**
*/
// Developer designed:

let register = panes.register

register(require('issue-pane'))
register(require('contacts-pane'))

register(require('./pad/padPane').default)
register(require('./scratchpad/paneWrapper').default)
// register(require('./argument/argumentPane.js')) // A position in an argument tree

plist.push($r.st(subject,
          kb.sym('http://www.w3.org/2007/ont/link#document'),
          kb.sym(subject.uri.split('#')[0]), UI.store.fetcher.appNode))
      } else {
        docURI = subject.uri
      }
    }
    if (docURI) {
      var ed = UI.store.updater.editable(docURI)
      if (ed) {
        plist.push($r.st(subject,
          kb.sym('http://www.w3.org/ns/rww#editable'),
          kb.literal(ed), UI.store.fetcher.appNode))
      }
    }
    var outliner = panes.getOutliner(dom)
    outliner.appendPropertyTRs(div, plist, false, filter)
    plist = kb.statementsMatching(undefined, undefined, subject)
    outliner.appendPropertyTRs(div, plist, true, filter)
    return div
  },