/*   Default Pane
 **
 **  This outline pane contains the properties which are
 **  normally displayed to the user. See also: internalPane
 ** This pane hides the ones considered too low-level for the normal user.
 */

import * as UI from 'solid-ui-jss';
import * as $rdf from 'rdflib';
const ns = UI.ns;
export const defaultPane = {
  icon: UI.icons.originalIconBase + 'about.png',
  name: 'default',
  audience: [ns.solid('Developer')],
  label: function (_subject) {
    return 'about ';
  },
  render: function (subject, context) {
    const dom = context.dom;
    const filter = function (pred, inverse) {
      if (typeof context.session.paneRegistry.byName('internal').predicates[pred.uri] !== 'undefined') {
        return false;
      }
      if (inverse && pred.uri === 'http://www.w3.org/1999/02/22-rdf-syntax-ns#type') {
        return false;
      }
      return true;
    };
    const outliner = context.getOutliner(dom);
    const kb = context.session.store;
    // var outline = outliner; // @@
    UI.log.info('@defaultPane.render, dom is now ' + dom.location);
    subject = kb.canon(subject);
    const div = dom.createElement('div');
    div.setAttribute('class', 'defaultPane');
    //        appendRemoveIcon(div, subject, div)

    let plist = kb.statementsMatching(subject);
    outliner.appendPropertyTRs(div, plist, false, filter);
    plist = kb.statementsMatching(undefined, undefined, subject);
    outliner.appendPropertyTRs(div, plist, true, filter);
    if (subject.termType === 'Literal' && subject.value.slice(0, 7) === 'http://') {
      outliner.appendPropertyTRs(div, [$rdf.st(kb.sym(subject.value), UI.ns.link('uri'), subject)], true, filter);
    }
    if (subject.termType === 'NamedNode' && kb.updater.editable($rdf.Util.uri.docpart(subject.uri), kb) || subject.termType === 'BlankNode' && kb.anyStatementMatching(subject) && kb.anyStatementMatching(subject).why && kb.anyStatementMatching(subject).why.uri && kb.updater.editable(kb.anyStatementMatching(subject).why.uri)
    // check the document containing something about of the bnode @@ what about as object?
    /*  ! && HCIoptions["bottom insert highlights"].enabled  */) {
      const holdingTr = dom.createElement('tr'); // these are to minimize required changes
      const holdingTd = dom.createElement('td'); // in userinput.js
      holdingTd.setAttribute('colspan', '2');
      holdingTd.setAttribute('notSelectable', 'true');
      const img = dom.createElement('img');
      img.src = UI.icons.originalIconBase + 'tango/22-list-add-new.png';
      img.addEventListener('click', function addNewTripleIconMouseDownListener(e) {
        outliner.UserInput.addNewPredicateObject(e);
        e.stopPropagation();
        e.preventDefault();
      });
      img.className = 'bottom-border-active';
      // img.addEventListener('click', thisOutline.UserInput.addNewPredicateObject,false)
      div.appendChild(holdingTr).appendChild(holdingTd).appendChild(img);
    }
    return div;
  }
};

// ends
//# sourceMappingURL=defaultPane.js.map