{"__symbolic":"module","version":4,"metadata":{"NativeScriptDevToolsMonitors":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵd"}],"imports":[{"__symbolic":"reference","module":"@nativescript/angular","name":"NativeScriptModule","line":10,"character":12}],"exports":[{"__symbolic":"reference","name":"ɵd"}],"schemas":[{"__symbolic":"reference","module":"@angular/core","name":"NO_ERRORS_SCHEMA","line":12,"character":12}]}]}],"members":{}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"log-monitor-entry","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":16,"character":19},"member":"OnPush"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":17,"character":17},"member":"Emulated"},"template":"\n    <grid-layout columns=\"* auto\" class=\"container\" [class.even]=\"even\">\n      <grid-layout (tap)=\"handleToggle()\">\n        <label [text]=\"item.action.type\"\n              class=\"title-bar\"\n              [class.collapsed]=\"item.collapsed\"></label>\n      </grid-layout>\n\n      <stack-layout col=\"1\" *ngIf=\"!item.collapsed\" orientation=\"horizontal\">\n        <log-monitor-button (action)=\"logPayload()\" text=\"Log Payload\">\n        </log-monitor-button>\n\n        <log-monitor-button (action)=\"logState()\" text=\"Log State\">\n        </log-monitor-button>\n      </stack-layout>\n    </grid-layout>\n  ","styles":["\n    .container {\n      horizontal-align: stretch;\n      height: 32;\n    }\n    .title-bar {\n      text-align: left;\n      horizontal-align: stretch;\n      vertical-align: center;\n      margin: 6 10;\n      font-family: monosapce;\n      color: #FFFFFF;\n      font-size: 12;\n      font-weight: bold;\n    }\n    .collapsed{\n      text-decoration: line-through;\n      font-style: italic;\n      opacity: 0.5;\n    }\n    .even {\n      background-color: #7A8590;\n    }\n  "]}]}],"members":{"item":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":61,"character":3}}]}],"even":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":62,"character":3}}]}],"toggle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":63,"character":3}}]}],"handleToggle":[{"__symbolic":"method"}],"logPayload":[{"__symbolic":"method"}],"logState":[{"__symbolic":"method"}],"logSuffix":[{"__symbolic":"method"}]}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"log-monitor-button","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":11,"character":19},"member":"OnPush"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":12,"character":17},"member":"Emulated"},"template":"\n  <button [text]=\"text\" (tap)=\"handleAction()\" [class.disabled]=\"disabled\"></button>","styles":["\n     button {\n      font-family: monospace;\n      font-weight: bold;\n      border-radius: 3;\n      margin: 5 3;\n      padding: 3 5;\n      font-size: 10;\n      color: white;\n      background-color: #4F5A65;\n    }\n\n    .disabled{\n      opacity: 0.2;\n      background-color: transparent;\n    }\n  "]}]}],"members":{"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}}]}],"action":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":35,"character":3}}]}],"text":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3}}]}],"handleAction":[{"__symbolic":"method"}]}},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"ns-log-monitor","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":10,"character":19},"member":"OnPush"},"styles":["\n    .container {\n      background-color: #2A2F3A;\n      font-family: monospace;\n    }\n\n    .toolbar {\n      horizontal-align: center;\n      height: 32;\n    }\n\n    .items {\n      background-color: #69737D;\n      horizontal-align: stretch;\n    }\n  "],"template":"\n    <grid-layout rows=\"auto *\" class=\"container\">\n      <stack-layout orientation=\"horizontal\" class=\"toolbar\">\n        <log-monitor-button text=\"Reset\" (action)=\"handleReset()\">\n        </log-monitor-button>\n\n        <log-monitor-button text=\"Revert\" (action)=\"handleRollback()\" [disabled]=\"canRevert$ | async\">\n        </log-monitor-button>\n\n        <log-monitor-button text=\"Sweep\"(action)=\"handleSweep()\" [disabled]=\"canSweep$ | async\">\n        </log-monitor-button>\n\n        <log-monitor-button text=\"Commit\" (action)=\"handleCommit()\" [disabled]=\"canCommit$ | async\">\n        </log-monitor-button>\n      </stack-layout>\n\n      <scroll-view row=\"1\">\n        <stack-layout class=\"items\">\n          <log-monitor-entry\n            *ngFor=\"let item of (items$ | async); let even = even\"\n            [even]=\"even\"\n            [item]=\"item\"\n            (toggle)=\"handleToggle($event.id)\">\n          </log-monitor-entry>\n        </stack-layout>\n      </scroll-view>\n    </grid-layout>\n  "}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@ngrx/store-devtools","name":"StoreDevtools","line":62,"character":32}]}],"handleToggle":[{"__symbolic":"method"}],"handleReset":[{"__symbolic":"method"}],"handleRollback":[{"__symbolic":"method"}],"handleSweep":[{"__symbolic":"method"}],"handleCommit":[{"__symbolic":"method"}]}},"ɵd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"ns-dock-monitor","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":7,"character":19},"member":"OnPush"},"styles":["\n    .toggle {\n        color: white;\n        border-radius:20;\n        border-width: 2;\n        border-color: #69737D;\n        background-color: #2A2F3A;\n        text-align: center;\n        font-family: monospace;\n        font-size: 32;\n        font-weight: bold;\n    }\n    .dock {\n        vertical-align: top;\n    }\n  "],"template":"\n    <grid-layout rows=\"auto *\" #dock class=\"dock\" rowSpan=\"100\" colSpan=\"100\" translateY=\"1000\" (loaded)=\"dockLoaded($event)\">\n      <label text=\"^\" (tap)=\"toggleShown()\" #toggle [width]=\"toggleLength\" [height]=\"toggleLength\" class=\"toggle\"></label>\n      <grid-layout row=\"1\">\n        <ns-log-monitor></ns-log-monitor>\n      </grid-layout>\n    </grid-layout>\n  "}]}],"members":{"screenCover":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}}]}],"toggleBtnEl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":35,"character":3},"arguments":["toggle",{"static":false}]}]}],"dockEl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":36,"character":3},"arguments":["dock",{"static":false}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@nativescript/core","name":"Page","line":46,"character":28}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"dockLoaded":[{"__symbolic":"method"}],"setup":[{"__symbolic":"method"}],"toggleShown":[{"__symbolic":"method"}]}}},"origins":{"NativeScriptDevToolsMonitors":"./lib/ngrx-devtools-nativescript.module","ɵa":"./lib/ns-monitors/log-monitor-entry","ɵb":"./lib/ns-monitors/log-monitor-button","ɵc":"./lib/ns-monitors/log-monitor","ɵd":"./lib/ns-monitors/dock-monitor"},"importAs":"ngrx-devtools-nativescript"}