System.register(['reactive-jsx', 'lang', 'src/components/widgets/lively-morph.js', 'templates/knot-view.js', 'src/client/triples/triples.js'], function (_export, _context) {
  "use strict";

  var _childExpression, _childText, _children, _attributeStringLiteral, _attributes, _element, Morph, KnotView, Graph;

  return {
    setters: [function (_reactiveJsx) {
      _childExpression = _reactiveJsx.childExpression;
      _childText = _reactiveJsx.childText;
      _children = _reactiveJsx.children;
      _attributeStringLiteral = _reactiveJsx.attributeStringLiteral;
      _attributes = _reactiveJsx.attributes;
      _element = _reactiveJsx.element;
    }, function (_lang) {}, function (_srcComponentsWidgetsLivelyMorphJs) {
      Morph = _srcComponentsWidgetsLivelyMorphJs.default;
    }, function (_templatesKnotViewJs) {
      KnotView = _templatesKnotViewJs.default;
    }, function (_srcClientTriplesTriplesJs) {
      Graph = _srcClientTriplesTriplesJs.Graph;
    }],
    execute: function () {
      _recorder_._templates_graph_control_js = _recorder_._templates_graph_control_js || {};
      _recorder_._templates_graph_control_js.Morph = Morph;
      _recorder_._templates_graph_control_js.KnotView = KnotView;
      _recorder_._templates_graph_control_js.Graph = Graph;
      class GraphControl extends _recorder_._templates_graph_control_js.Morph {
        async initialize() {
          this.windowTitle = "Graph Control";

          let addKnotButton = this.get('#add-knot');
          addKnotButton.addEventListener('click', event => this.onAddKnot(event));

          let addTripleButton = this.get('#add-triple');
          addTripleButton.addEventListener('click', event => this.onAddTriple(event));

          let launchTripleList = this.get('#launchTripleList');
          launchTripleList.addEventListener('click', event => this.launchTripleList());

          this.get('#kickoff').addEventListener('click', evt => this.onKickoffClicked(evt));
          this.get('#open-diary').addEventListener('click', evt => this.onOpenDiaryClicked(evt));
          this.get('#retrospective').addEventListener('click', evt => this.onRetrospectiveClicked(evt));

          let launchGraph = this.get('#launchGraph');
          launchGraph.addEventListener('click', event => this.launchGraph());

          let input = this.get('#open-knot-view');
          input.setLabel('Open Knot');
          input.setPlaceholder('knot');
          input.addEventListener('enter-knot', () => this.openKnotView());

          var fullTextSearch = this.get("#full-text-search");
          fullTextSearch.addEventListener('keyup', event => {
            if (event.keyCode == 13) {
              // ENTER
              _recorder_._templates_graph_control_js.GraphControl.fullTextSearch(this.get('#full-text-search').value);
            }
          });

          this.initKnowledgeBases();
        }

        async graph() {
          return _recorder_._templates_graph_control_js.Graph.getInstance();
        }
        async onOpenDiaryClicked(evt) {
          const diary = await lively.openComponentInWindow("research-diary", lively.getPosition(evt));
          diary.selectFirstEntry();
        }
        async openWeeklyDocument(title) {
          const graph = await this.graph();

          const today = new Date();
          const monday = today.mondayInWeek().toFormattedString('yyyy.MM.dd');
          const friday = today.fridayInWeek().toFormattedString('yyyy.MM.dd');

          const knotTitle = `${title} ${monday}-${friday}`;

          const knot = await graph.getOrCreateKnotForTitle(knotTitle);
          const knotView = await lively.openComponentInWindow("knot-view");
          knotView.loadKnotForURL(knot.url);
        }
        onKickoffClicked(evt) {
          this.openWeeklyDocument('Kickoff');
        }
        onRetrospectiveClicked(evt) {
          this.openWeeklyDocument('Retrospective');
        }

        initKnowledgeBases() {
          this.refreshKnowledgeBasesWidget();

          let addRootKnowledgeBaseButton = this.get('#add-root-knowledge-base');
          addRootKnowledgeBaseButton.onclick = event => this.addRootKnowledgeBase(event);

          this.get('#inputAddDirectory').addEventListener('keyup', event => {
            if (event.keyCode == 13) {
              // ENTER
              this.addRootKnowledgeBase(event);
            }
          });
        }

        async addRootKnowledgeBase(event) {
          const urlString = this.get('#inputAddDirectory').value;
          const graph = await _recorder_._templates_graph_control_js.Graph.getInstance();
          await graph.addRootKnowledgeBase(urlString);
          this.refreshKnowledgeBasesWidget();
        }
        async refreshKnowledgeBasesWidget() {
          const graph = await _recorder_._templates_graph_control_js.Graph.getInstance();
          const rootKnowledgeBases = await graph.getRootKnowledgeBases();

          let rootKnowledgeBasesContainer = this.get('#root-knowledge-bases-container');
          rootKnowledgeBasesContainer.innerHTML = "";
          rootKnowledgeBases.forEach(urlString => {
            let knowledgeBaseWidget = this.buildknowledgeBaseWidget(urlString);
            rootKnowledgeBasesContainer.appendChild(knowledgeBaseWidget);
          });
        }

        buildknowledgeBaseWidget(urlString) {
          return _element('span', _attributes(_attributeStringLiteral('class', 'knowledge-base')), _children(_childText('\n      '), _childExpression(this.buildNavigatableLink(urlString)), _childText('\n      '), _childExpression(this.buildRemoveKnowledgeIcon(urlString)), _childText('\n    ')), {
            file: 'https://lively-kernel.org/lively4/lively4-stephelm/templates/graph-control.js',
            end: {
              column: 11,
              line: 105
            },
            start: {
              column: 11,
              line: 102
            }
          });
        }
        buildNavigatableLink(urlString) {
          let ref = _element('a', _attributes(_attributeStringLiteral('class', 'open-knowledge-base')), _children(_childExpression(urlString)), {
            file: 'https://lively-kernel.org/lively4/lively4-stephelm/templates/graph-control.js',
            end: {
              column: 60,
              line: 108
            },
            start: {
              column: 14,
              line: 108
            }
          });
          ref.addEventListener("click", async e => {
            e.preventDefault();
            e.stopPropagation();
            const container = await lively.openBrowser(urlString, false);
            container.focus();
          });

          return ref;
        }
        buildRemoveKnowledgeIcon(urlString) {
          let removeIcon = _element('i', _attributes(_attributeStringLiteral('class', 'fa fa-trash remove-knowledge-base')), _children(), {
            file: 'https://lively-kernel.org/lively4/lively4-stephelm/templates/graph-control.js',
            end: {
              column: 70,
              line: 119
            },
            start: {
              column: 21,
              line: 119
            }
          });
          removeIcon.addEventListener("click", async e => {
            const graph = await _recorder_._templates_graph_control_js.Graph.getInstance();
            if (await graph.removeRootKnowledgeBase(urlString)) {
              this.refreshKnowledgeBasesWidget();
            } else {
              lively.notify('did not removed knowledge base ' + urlString);
            }
          });

          return removeIcon;
        }

        async launchTripleList() {
          const tripleList = await lively.openComponentInWindow("triple-list");
          tripleList.focus();
        }

        async launchGraph() {
          return await lively.openComponentInWindow("triple-notes");
        }

        async openKnotView() {
          const knotView = await lively.openComponentInWindow("knot-view");
          knotView.loadKnotForURL(this.get('#open-knot-view').getURLString());
          return knotView;
        }

        async onAddKnot(event) {
          const addKnot = await lively.openComponentInWindow("add-knot");
          addKnot.focus();
          addKnot.afterSubmit = () => addKnot.parentElement.remove();
        }

        async onAddTriple(event) {
          const addTriple = await lively.openComponentInWindow("add-triple");
          addTriple.focus();
          addTriple.afterSubmit = () => addTriple.parentElement.remove();
        }

        async onResetGraph() {
          await _recorder_._templates_graph_control_js.Graph.clearInstance();
          lively.notify('resetted graph');
        }

        // Full-text search on object graph
        static async fullTextSearch(searchString) {
          const searchTerms = searchString.split(' ').map(str => str.toLowerCase());

          const graph = await _recorder_._templates_graph_control_js.Graph.getInstance();
          const matchingKnots = graph.getKnots().filter(knot => !knot.isTriple()).filter(knot => knot.url.endsWith('.md')).filter(knot => {
            const content = knot.content.toLowerCase();
            return searchTerms.every(term => content.includes(term));
          });

          const searchResult = await lively.openComponentInWindow("knot-search-result");
          searchResult.setSearchTerm(searchString);
          matchingKnots.forEach(searchResult.addKnot.bind(searchResult));
          searchResult.focus();
        }
      }

      _export('default', GraphControl);

      _recorder_._templates_graph_control_js.GraphControl = GraphControl;
    }
  };
});