core.js:30271 ERROR CONTEXT {
  "view": {
    "def": {
      "nodeFlags": 50380801,
      "rootNodeFlags": 33554433,
      "nodeMatchedQueries": 0,
      "flags": 0,
      "nodes": [
        {
          "nodeIndex": 0,
          "parent": null,
          "renderParent": null,
          "bindingIndex": 0,
          "outputIndex": 0,
          "checkIndex": 0,
          "flags": 33554433,
          "childFlags": 49152,
          "directChildFlags": 49152,
          "childMatchedQueries": 0,
          "matchedQueries": {},
          "matchedQueryIds": 0,
          "references": {},
          "ngContentIndex": null,
          "childCount": 1,
          "bindings": [],
          "bindingFlags": 0,
          "outputs": [],
          "element": {
            "ns": "",
            "name": "wf-action-bar",
            "attrs": [
              [
                "",
                "title",
                "Detail"
              ]
            ],
            "template": null,
            "componentProvider": {
              "nodeIndex": 1,
              "parent": "[Circular]",
              "renderParent": "[Circular]",
              "bindingIndex": 0,
              "outputIndex": 0,
              "checkIndex": 1,
              "flags": 49152,
              "childFlags": 0,
              "directChildFlags": 0,
              "childMatchedQueries": 0,
              "matchedQueries": {},
              "matchedQueryIds": 0,
              "references": {},
              "ngContentIndex": -1,
              "childCount": 0,
              "bindings": [
                {
                  "flags": 8,
                  "name": "title",
                  "nonMinifiedName": "title",
                  "ns": null,
                  "securityContext": null,
                  "suffix": null
                }
              ],
              "bindingFlags": 8,
              "outputs": [],
              "element": null,
              "provider": {
                "deps": [
                  {
                    "flags": 0,
                    "tokenKey": "RouterExtensions_79"
                  },
                  {
                    "flags": 0,
                    "tokenKey": "FilterService_97"
                  },
                  {
                    "flags": 0,
                    "tokenKey": "KeyboardService_98"
                  }
                ]
              },
              "text": null,
              "query": null,
              "ngContent": null
            },
            "componentRendererType": {
              "id": "c3",
              "styles": [
                ".badge[_ngcontent-%COMP%] {\n  background-color: red;\n  border-width: 1;\n  border-color: red;\n  border-radius: 5;\n  color: white;\n  padding: 1 5;\n  font-size: 14;\n  font-weight: bold;\n  opacity: 0.8; }\n\n.filter-icon[_ngcontent-%COMP%] {\n  height: 100%; }\n\n.badge[_ngcontent-%COMP%] {\n  left: 30;\n  top: 5; }"
              ],
              "encapsulation": 0,
              "data": {}
            },
            "publicProviders": {
              "ActionBarComponent_150": "[Circular]"
            },
            "allProviders": "[Circular]"
          },
          "provider": null,
          "text": null,
          "query": null,
          "ngContent": null
        },
        "[Circular]",
        {
          "nodeIndex": 2,
          "parent": null,
          "renderParent": null,
          "bindingIndex": 1,
          "outputIndex": 0,
          "checkIndex": 2,
          "flags": 1,
          "childFlags": 16793601,
          "directChildFlags": 16777217,
          "childMatchedQueries": 0,
          "matchedQueries": {},
          "matchedQueryIds": 0,
          "references": {},
          "ngContentIndex": null,
          "childCount": 2,
          "bindings": [],
          "bindingFlags": 0,
          "outputs": [],
          "element": {
            "ns": "",
            "name": "GridLayout",
            "attrs": [],
            "template": null,
            "componentProvider": null,
            "componentView": null,
            "componentRendererType": null,
            "publicProviders": {},
            "allProviders": "[Circular]"
          },
          "provider": null,
          "text": null,
          "query": null,
          "ngContent": null
        },